@font-face {

  font-family: 'PingFang-SC';

  src: url('https://qiniu.mfdemo.cn/fanshuang/PingFangSC-Regular.woff2') format('truetype');

}

@clear-a {

  text-decoration: none;

  color: inherit;

}

a {

  text-decoration: none;

  color: inherit;

}

textarea {

  font-family: 'PingFang-SC';

}

div,

img,

section {

  box-sizing: border-box;

}

img {

  display: block;

}

body {

  background: #f1f1f1;

  font-family: 'PingFang-SC';

  font-weight: 300;

  margin: 0;

}

.max-image {

  width: 100%;

}

.cover-image {

  object-fit: cover;

  object-position: center;

}

.dark-header {

  background: #000;

}

.header-scroll-hidden {

  transform: translate3d(0, -100%, 0);

}

header {

  z-index: 99;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  transition: all ease 0.5s;

}

header::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: rgba(255, 255, 255, 0.2);

  display: none;

  z-index: -1;

}

header .header-buoy {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 5.2083vw;

  height: 3px;

  background: #fff;

  transform: translate3d(-50%, 1.5px, 0);

  transition: all ease 0.5s;

  opacity: 0;

  z-index: 3;

  pointer-events: none;

}

header .mask {

  transform: translate3d(0, -100%, 0);

  background: #000;

  width: 100%;

  height: 50vh;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  transition: all ease 0.5s;

}

header:hover {

  background: #000;

}

header:hover::after {

  display: block;

}

header:hover .header-buoy {

  opacity: 1;

}

.open-header .mask {

  transform: translate3d(0, 0, 0);

}

.header-container {

  height: 4.9479vw;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 3.125vw;

}

.header-container .header-left {

  width: 5.7292vw;

}

.header-container .header-left img {

  width: 100%;

}

.header-container .header-main-container {

  z-index: 1;

  height: 100%;

}

.header-container .header-main-container .header-center {

  height: 100%;

}

.header-container .header-main-container .header-center .nav-container {

  height: 100%;

}

.header-container .header-main-container .header-center .nav-container .nav-list {

  display: flex;

  width: 28.3854vw;

  justify-content: space-between;

  align-items: center;

  height: 100%;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container {

  height: 100%;

  display: flex;

  align-items: center;

  cursor: pointer;

  position: initial;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-item {

  color: #fff;

  font-weight: 400;

  font-size: 0.8333vw;

  z-index: 2;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown {

  position: absolute;

  left: 0;

  top: 4.6875vw;

  width: 100vw;

  background: #000;

  display: none;

  padding: 1.6146vw 6.25vw;

  flex-direction: column;

  z-index: 2;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown .title {

  margin-left: 4.4792vw;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  position: relative;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown .title::before {

  content: url('/static/img/header-title-icon.png');

  position: absolute;

  left: -1.0417vw;

  top: -0.7813vw;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown .list {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown .list .dropdown-item {

  width: 22%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-end;

  margin-right: 4%;

  margin-top: 1.0417vw;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown .list .dropdown-item:nth-of-type(4n) {

  margin-right: 0;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown .list .dropdown-item .image {

  display: flex;

  justify-content: center;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown .list .dropdown-item img {

  width: 100%;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown .list .dropdown-item .name {

  padding-top: 0.625vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2.55;

}

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

  .header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-dropdown .list .dropdown-item .name {

    font-size: 14px;

  }

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown {

  height: fit-content;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .dropdown-banner {

  position: absolute;

  right: -2.0833vw;

  bottom: 1.875vw;

  width: 36.9792vw;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .fake-list {

  visibility: hidden;

  width: 100%;

  height: fit-content;

  display: flex;

  flex-direction: column !important;

  justify-content: center;

  align-items: center;

  transform: translate3d(-50%, 0, 0);

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .fake-list .dropdown-item {

  margin-top: 0.5208vw;

  width: fit-content;

  margin-right: 0;

  justify-content: center;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .fake-list .dropdown-item:last-child {

  margin-right: 0;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .fake-list .dropdown-item:first-child .name {

  padding-top: 0;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .fake-list .dropdown-item .name {

  padding-top: 0.625vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 1.2;

  width: 100%;

  text-align: center;

}

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

  .header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .fake-list .dropdown-item .name {

    font-size: 14px;

  }

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .list {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: fit-content;

  display: flex;

  flex-direction: column !important;

  justify-content: center;

  align-items: center;

  transform: translate3d(-50%, 0, 0);

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .list .dropdown-item {

  width: fit-content;

  margin-right: 0;

  justify-content: center;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .list .dropdown-item:last-child {

  margin-right: 0;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .list .dropdown-item:first-child .name {

  padding-top: 0;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .list .dropdown-item .name {

  padding-top: 0.625vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 1.2;

  width: 100%;

  text-align: center;

}

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

  .header-container .header-main-container .header-center .nav-container .nav-list .nav-item-container .nav-simple-dropdown .list .dropdown-item .name {

    font-size: 14px;

  }

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-simple-item .nav-simple-dropdown {

  width: 100%;

}

.header-container .header-main-container .header-center .nav-container .nav-list .nav-simple-item .nav-simple-dropdown .list {

  width: fit-content;

  flex-direction: column;

}

.header-container .header-right {

  display: flex;

  align-items: center;

}

.header-container .header-right .contact {

  margin-right: 2.5vw;

}

.header-container .header-right .contact .contact-btn {

  background: #fd0000;

  color: #fff;

  padding: 0.2083vw 0.5729vw;

  font-size: 0.8333vw;

  font-weight: 400;

  border-radius: 1.1979vw;

}

.header-container .header-right .search {

  position: relative;

  display: flex;

  align-items: center;

}

.header-container .header-right .search svg {

  z-index: 3;

}

.header-container .header-right .search svg path {

  fill: #fff;

}

.header-container .header-right .search input {

  transition: width ease 0.5s;

  padding: 0.4167vw 1.3542vw;

  height: 1.875vw;

  border-radius: 1.5625vw;

  background: #fff;

  border: none;

  outline: none;

  color: #999;

  font-size: 0.7292vw;

  font-weight: 400;

  z-index: 2;

  width: 0;

  visibility: hidden;

}

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

  .header-container .header-right .search input {

    font-size: 10px;

  }

}

.header-container .header-right .search input::placeholder {

  color: #dadada;

}

.header-container .header-right .search .search-list {

  position: absolute;

  left: 0;

  top: 1.875vw;

  z-index: 1;

  width: 100%;

  height: fit-content;

  max-height: 15.625vw;

  overflow-x: auto;

  border-radius: 0px 0px 1.0417vw 1.0417vw;

  background: #383838;

  padding: 1.5625vw 1.0417vw 1.0417vw;

  display: none;

}

.header-container .header-right .search .search-list .search-item {

  padding-top: 0.4688vw;

  transition: color ease 0.5s;

  color: rgba(148, 148, 148, 0.7);

  font-size: 0.8333vw;

}

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

  .header-container .header-right .search .search-list .search-item {

    font-size: 12px;

  }

}

.header-container .header-right .search .search-list .search-item:first-child {

  padding-top: 0;

}

.header-container .header-right .search .search-list .search-item:hover {

  color: #fff;

}

.header-container .header-right .search-activate input {

  width: 15.3646vw;

  visibility: visible;

}

.header-container .header-right .search-activate svg {

  position: absolute;

  right: 0.8333vw;

  top: 50%;

  transform: translate3d(0, -50%, 0);

}

.header-container .header-right .search-activate svg path {

  fill: #000;

}

.header-container .header-right .right-item {

  margin-right: 1.5104vw;

  display: flex;

  align-items: center;

}

.header-container .header-right .right-item:last-child {

  margin-right: 0;

}

.header-container .header-mobile-btn {

  display: none;

}

.footer {

  background: #000;

}

.footer .footer-container {

  padding: 3.5938vw 6.25vw 0;

}

.footer .footer-container .top {

  display: flex;

  justify-content: space-between;

}

.footer .footer-container .top .nav-container {

  display: flex;

}

.footer .footer-container .top .nav-container .nav-item {

  margin-right: 6.9792vw;

}

.footer .footer-container .top .nav-container .nav-item:last-child {

  margin-right: 0;

}

.footer .footer-container .top .nav-container .nav-item .title {

  color: #fff;

  font-size: 1.0417vw;

  line-height: 1.25;

  text-transform: uppercase;

  padding-bottom: 1.0417vw;

  font-weight: bold;

}

.footer .footer-container .top .nav-container .nav-item .nav-list a {

  opacity: 0.5;

  display: block;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

}

.footer .footer-container .top .nav-container .nav-item .nav-list a:hover {

  opacity: 1;

}

.footer .footer-container .top .info-container {

  width: 18.0729vw;

}

.footer .footer-container .top .info-container .logo {

  width: 5.7292vw;

}

.footer .footer-container .top .info-container .text {

  padding: 1.5625vw 0 3.125vw;

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

  line-height: 1.37;

}

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

  .footer .footer-container .top .info-container .text {

    font-size: 12px;

  }

}

.footer .footer-container .top .info-container .contact-us {

  display: flex;

}

.footer .footer-container .top .info-container .contact-us input {

  width: 100%;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 1.38;

  background: #000;

  border: solid 2px #333;

  padding: 0.4688vw 0.625vw;

  outline: none;

}

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

  .footer .footer-container .top .info-container .contact-us input {

    font-size: 14px;

  }

}

.footer .footer-container .top .info-container .contact-us input::placeholder {

  opacity: 0.2;

}

.footer .footer-container .top .info-container .contact-us .submit-btn {

  flex-shrink: 0;

  background: #333;

  padding: 0.4688vw 0.5729vw;

  width: 4.8958vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 1.38;

  /* 138.889% */

}

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

  .footer .footer-container .top .info-container .contact-us .submit-btn {

    font-size: 14px;

  }

}

.footer .footer-container .top .info-container .platform {

  margin-top: 1.9271vw;

  display: flex;

  align-items: center;

}

.footer .footer-container .top .info-container .platform img {

  margin-right: 1.0938vw;

}

.footer .footer-container .top .info-container .platform img:last-child {

  margin-right: 0;

}

.footer .footer-container .bottom {

  margin-top: 8.3333vw;

  padding: 1.6667vw 0;

  display: flex;

  justify-content: space-between;

  position: relative;

}

.footer .footer-container .bottom::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 0.0521vw;

  opacity: 0.2;

  background: #fff;

}

.footer .footer-container .bottom .left,

.footer .footer-container .bottom .right {

  color: #fff;

  font-size: 0.7292vw;

  font-weight: 400;

  line-height: 1.78;

  /* 178.571% */

  opacity: 0.5;

}

.public-btn {

  font-size: 0.9375vw;

  width: fit-content;

  color: #fff;

  font-weight: 400;

  padding: 0.5208vw 2.0833vw;

  border-radius: 1.1979vw;

  box-shadow: 0 0 0 2px #fff;

  transition: all ease 0.5s;

  cursor: pointer;

}

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

  .public-btn {

    font-size: 14px;

  }

}

.public-btn:hover {

  background: #fd0000;

  color: #fff;

  box-shadow: 0 0 0 2px #fd0000;

}

.public-btn-red {

  width: fit-content;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  padding: 0.5208vw 2.0833vw;

  border-radius: 1.1979vw;

  box-shadow: 0 0 0 2px #fd0000;

  transition: all ease 0.5s;

  cursor: pointer;

  background: #fd0000;

}

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

  .public-btn-red {

    font-size: 14px;

  }

}

.public-btn-red:hover {

  background: none;

  color: #fff;

  box-shadow: 0 0 0 2px #fff;

}

.help-container {

  position: relative;

}

.help-container .help-text {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 0 6.25vw;

  background: rgba(0, 0, 0, 0.3);

}

.help-container .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .help-container .title {

    font-size: 26px;

  }

}

.help-container .desc {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  padding: 1.0417vw 0 2.0833vw;

}

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

  .help-container .desc {

    font-size: 14px;

  }

}

.index-page {

  overflow: hidden;

}

.index-page .banner {

  position: relative;

}

.index-page .banner .swiper-pagination {

  position: absolute;

  bottom: 3.0208vw;

  left: 6.25vw;

  width: calc(100% - 12.5vw);

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.index-page .banner .swiper-pagination .swiper-pagination-bullet {

  cursor: pointer;

  width: 20.3125vw;

  height: 0.1563vw;

  flex-shrink: 0;

  background: rgba(255, 255, 255, 0.3);

  border-radius: 0;

  position: relative;

  opacity: 1;

}

.index-page .banner .swiper-pagination .swiper-pagination-bullet::after {

  z-index: 1;

  display: block;

  position: inherit;

  content: '';

  left: 0;

  top: 0;

  width: 0;

  height: 100%;

  background: #fd0000;

  border-radius: 0;

  opacity: 1;

}

.index-page .banner .swiper-pagination .swiper-pagination-bullet:last-child {

  margin-right: 0;

}

.index-page .banner .swiper-pagination .ac::after {

  transition: width 5s ease;

  width: 100%;

}

.index-page .banner .banner-item {

  position: relative;

}

.index-page .banner .banner-item img {

  height: 100vh;

}

.index-page .banner .banner-item .banner-text {

  position: absolute;

  left: 6.25vw;

  top: 22.1354vw;

}

.index-page .banner .banner-item .banner-text .tip {

  color: #fff;

  font-size: 1.25vw;

  font-weight: 400;

}

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

  .index-page .banner .banner-item .banner-text .tip {

    font-size: 18px;

  }

}

.index-page .banner .banner-item .banner-text .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

  line-height: 1.14;

  /* 114.286% */

  text-transform: uppercase;

  padding: 0.4167vw 0 1.1458vw;

}

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

  .index-page .banner .banner-item .banner-text .title {

    font-size: 26px;

  }

}

.index-page .index1 {

  background: #000;

  padding: 5.2083vw 6.25vw 5.8333vw;

}

.index-page .index1 .index1-container {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.index-page .index1 .index1-container .index1-item {

  display: block;

  width: 42.7083vw;

  overflow: hidden;

  position: relative;

  margin-bottom: 1.0417vw;

  cursor: pointer;

}

.index-page .index1 .index1-container .index1-item img {

  transition: all ease 0.5s;

}

.index-page .index1 .index1-container .index1-item:hover img {

  transform: scale(1.1);

}

.index-page .index1 .index1-container .index1-item .index1-item-text {

  position: absolute;

  left: 0;

  top: 3.5938vw;

  width: 100%;

  text-align: center;

}

.index-page .index1 .index1-container .index1-item .index1-item-text .title {

  color: #fff;

  font-size: 1.6667vw;

  font-weight: bold;

}

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

  .index-page .index1 .index1-container .index1-item .index1-item-text .title {

    font-size: 18px;

  }

}

.index-page .index1 .index1-container .index1-item .index1-item-text .more {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .index-page .index1 .index1-container .index1-item .index1-item-text .more {

    font-size: 14px;

  }

}

.index-page .index2 {

  background: #000;

  padding: 5.4167vw 6.25vw 15.3125vw;

}

.index-page .index2 .index2-title {

  font-size: 3.6458vw;

  color: #fff;

  font-weight: bold;

  position: relative;

}

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

  .index-page .index2 .index2-title {

    font-size: 26px;

  }

}

.index-page .index2 .index2-title .line {

  position: absolute;

  left: 0;

  top: 0;

  width: 2.3438vw;

  height: 0.2083vw;

  background-color: #fff;

  transform-origin: left center;

}

.index-page .index2 .product-container .product-nav {

  position: relative;

  margin-bottom: 6.6146vw;

  margin-top: 4.1667vw;

  display: flex;

  justify-content: center;

  align-items: flex-end;

}

.index-page .index2 .product-container .product-nav::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -1.6667vw;

  width: 100%;

  height: 0.2083vw;

  opacity: 0.2;

  background: #fff;

}

.index-page .index2 .product-container .product-nav .buoy {

  position: absolute;

  bottom: -1.6667vw;

  width: 5.2083vw;

  height: 0.2083vw;

  background: #fd0000;

}

.index-page .index2 .product-container .product-nav .product-nav-item {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-right: 12.5vw;

  cursor: pointer;

  width: 5.2083vw;

}

.index-page .index2 .product-container .product-nav .product-nav-item:last-child {

  margin-right: 0;

}

.index-page .index2 .product-container .product-nav .product-nav-item .name {

  margin-top: 1.0417vw;

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

  text-align: center;

}

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

  .index-page .index2 .product-container .product-nav .product-nav-item .name {

    font-size: 12px;

  }

}

.index-page .index2 .product-container .product-content .product-list {

  display: none;

  flex-wrap: wrap;

}

.index-page .index2 .product-container .product-content .product-list .product-item {

  margin-right: 4%;

  padding: 0.8854vw;

  cursor: pointer;

  border-radius: 1.0417vw;

  display: block;

  box-sizing: border-box;

  width: 22%;

}

.index-page .index2 .product-container .product-content .product-list .product-item:nth-of-type(4n) {

  margin-right: 0;

}

.index-page .index2 .product-container .product-content .product-list .product-item .cover-image {

  display: flex;

  justify-content: center;

}

.index-page .index2 .product-container .product-content .product-list .product-item .description {

  text-align: center;

  padding: 3.125vw 0 2.0833vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .index-page .index2 .product-container .product-content .product-list .product-item .description {

    font-size: 14px;

  }

}

.index-page .index2 .product-container .product-content .product-list .product-item .product-item-btn {

  margin: 0 auto;

}

.index-page .index2 .product-container .product-content .product-list .product-item .product-footer .info .type,

.index-page .index2 .product-container .product-content .product-list .product-item .product-footer .info .name {

  text-align: center;

}

.index-page .index2 .product-container .product-content .product-list .product-item:hover {

  background: linear-gradient(180deg, #181818 0%, #414141 100%);

}

.index-page .index2 .product-container .product-content .product-list .product-item:hover .product-footer {

  justify-content: center;

}

.index-page .index2 .product-container .product-content .active {

  display: flex;

}

.index-page .index3 {

  background: #000;

  padding: 0 6.25vw 8.0729vw;

}

.index-page .index3 .index3-top-container {

  display: flex;

  justify-content: space-between;

  position: relative;

}

.index-page .index3 .index3-top-container .left {

  margin-right: 24.7917vw;

  flex-shrink: 0;

}

.index-page .index3 .index3-top-container .left .index3-title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .index-page .index3 .index3-top-container .left .index3-title {

    font-size: 26px;

  }

}

.index-page .index3 .index3-top-container .left .index3-title .line {

  position: absolute;

  left: 0;

  top: 0;

  width: 2.3438vw;

  height: 0.2083vw;

  background-color: #fff;

  transform-origin: left center;

}

.index-page .index3 .index3-top-container .left .solution-no {

  padding-top: 0;

  -webkit-text-stroke: 1px #acacac;

  font-size: 10.9375vw;

  font-weight: 400;

  text-transform: uppercase;

}

.index-page .index3 .index3-top-container .right {

  width: 100%;

}

.index-page .index3 .index3-top-container .right .solution-nav-container {

  padding-top: 1.3021vw;

  display: flex;

  justify-content: space-between;

}

.index-page .index3 .index3-top-container .right .solution-nav-container .solution-nav-item {

  opacity: 0.5;

  cursor: pointer;

}

.index-page .index3 .index3-top-container .right .solution-nav-container .solution-nav-item:last-child {

  margin-right: 0;

}

.index-page .index3 .index3-top-container .right .solution-nav-container .solution-nav-item .no,

.index-page .index3 .index3-top-container .right .solution-nav-container .solution-nav-item .name {

  color: #fff;

  font-weight: 400;

}

.index-page .index3 .index3-top-container .right .solution-nav-container .solution-nav-item .no {

  font-size: 0.7292vw;

}

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

  .index-page .index3 .index3-top-container .right .solution-nav-container .solution-nav-item .no {

    font-size: 10px;

  }

}

.index-page .index3 .index3-top-container .right .solution-nav-container .solution-nav-item .name {

  font-size: 0.9375vw;

}

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

  .index-page .index3 .index3-top-container .right .solution-nav-container .solution-nav-item .name {

    font-size: 14px;

  }

}

.index-page .index3 .index3-top-container .right .solution-nav-container .activate {

  opacity: 1;

}

.index-page .index3 .index3-top-container .right .solution-content-container {

  margin-top: 2.6vw;

}

.index-page .index3 .index3-top-container .right .solution-content-container .solution-content-item {

  display: none;

}

.index-page .index3 .index3-top-container .right .solution-content-container .solution-content-item .title {

  color: #fff;

  font-size: 2.3438vw;

  font-weight: 400;

}

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

  .index-page .index3 .index3-top-container .right .solution-content-container .solution-content-item .title {

    font-size: 20px;

  }

}

.index-page .index3 .index3-top-container .right .solution-content-container .solution-content-item .content {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

  padding-bottom: 1.5625vw;

}

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

  .index-page .index3 .index3-top-container .right .solution-content-container .solution-content-item .content {

    font-size: 16px;

  }

}

.index-page .index3 .index3-top-container .right .solution-content-container .active {

  display: block;

}

.index-page .index3 .index3-bottom-container {

  padding-top: 1.0417vw;

}

.index-page .index3 .index3-bottom-container .conver-image {

  display: none;

}

.index-page .index3 .index3-bottom-container .active {

  display: block;

}

.index-page .index4 {

  background: #000;

  height: fit-content;

  position: relative;

  overflow: hidden;

}

.index-page .index4 .index4-container {

  position: absolute;

  left: 0;

  top: 0;

  padding: 7.6563vw 6.25vw;

  display: flex;

  justify-content: space-between;

  overflow: hidden;

}

.index-page .index4 .index4-container .left .index4-title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

  position: relative;

  padding-right: 28.1771vw;

  flex-shrink: 0;

}

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

  .index-page .index4 .index4-container .left .index4-title {

    font-size: 26px;

  }

}

.index-page .index4 .index4-container .left .index4-title .line {

  content: '';

  position: absolute;

  left: 0;

  top: -0.7292vw;

  width: 2.3438vw;

  height: 0.2083vw;

  background: #fff;

}

.index-page .index4 .index4-container .left .index4-title span {

  color: #fd0000;

}

.index-page .index4 .index4-container .left .num-list {

  margin-top: 11.25vw;

  width: 29.1667vw;

  display: flex;

  flex-wrap: wrap;

}

.index-page .index4 .index4-container .left .num-list .num-item {

  width: 50%;

  margin-bottom: 1.5625vw;

}

.index-page .index4 .index4-container .left .num-list .num-item .num {

  color: #fff;

  font-size: 2.5vw;

  line-height: normal;

}

.index-page .index4 .index4-container .left .num-list .num-item .name {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .index-page .index4 .index4-container .left .num-list .num-item .name {

    font-size: 14px;

  }

}

.index-page .index4 .index4-container .right {

  height: 25vw;

}

.index-page .index4 .index4-container .right .index4-description {

  position: sticky;

  top: 10.4167vw;

  width: 100%;

  transform: scale(1.3);

}

.index-page .index4 .index4-container .right .index4-description .text {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

  padding-bottom: 3.125vw;

}

.index-page .index5 {

  background: #000;

}

.index-page .index5 .index5-container {

  padding: 11.1458vw 6.25vw 11.9271vw;

}

.index-page .index5 .index5-container .top {

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

}

.index-page .index5 .index5-container .top .index5-title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .index-page .index5 .index5-container .top .index5-title {

    font-size: 26px;

  }

}

.index-page .index5 .index5-container .top .index5-title .line {

  content: '';

  position: absolute;

  left: 0;

  top: -0.8854vw;

  width: 2.3438vw;

  height: 0.2083vw;

  background: #fff;

}

.index-page .index5 .index5-container .top .btn-list {

  display: flex;

  align-items: center;

}

.index-page .index5 .index5-container .top .btn-list .index5-prev,

.index-page .index5 .index5-container .top .btn-list .index5-next {

  margin-right: 0.625vw;

  cursor: pointer;

  transition: all ease 0.5s;

  width: 2.6042vw;

  height: 2.6042vw;

  border-radius: 50%;

  box-shadow: 0 0 0 1px #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}

.index-page .index5 .index5-container .top .btn-list .index5-prev:last-child,

.index-page .index5 .index5-container .top .btn-list .index5-next:last-child {

  margin-right: 0;

}

.index-page .index5 .index5-container .top .btn-list .index5-prev i,

.index-page .index5 .index5-container .top .btn-list .index5-next i {

  color: #fff;

  font-size: 1.0938vw;

}

.index-page .index5 .index5-container .top .btn-list .index5-prev:hover,

.index-page .index5 .index5-container .top .btn-list .index5-next:hover {

  background: #fff;

}

.index-page .index5 .index5-container .top .btn-list .index5-prev:hover i,

.index-page .index5 .index5-container .top .btn-list .index5-next:hover i {

  color: #000;

}

.index-page .index5 .index5-container .top .btn-list .index5-next i {

  transform: rotate(180deg);

}

.index-page .index5 .index5-container .aos-container {

  display: flex;

  justify-content: flex-start;

  overflow: hidden;

}

.index-page .index5 .index5-container .index5-swiper-container {

  width: 51.3542vw;

  margin-top: 2.6042vw;

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide {

  width: fit-content;

  display: flex;

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide .left {

  width: 24.0104vw;

  flex-shrink: 0;

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide .right {

  width: 0;

  opacity: 0;

  visibility: hidden;

  /* 默认隐藏内容 */

  padding: 0;

  background: url('/static/img/solution/sl-background.png') repeat;

  max-height: 100%;

  overflow: hidden;

  text-wrap: nowrap;

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide .right .title,

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide .right .desc {

  display: none;

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide .right .title {

  color: #fff;

  font-size: 1.6667vw;

  font-weight: bold;

  padding-bottom: 1.6667vw;

}

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

  .index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide .right .title {

    font-size: 18px;

  }

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide .right .desc {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide .right .desc {

    font-size: 14px;

  }

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide-next {

  width: fit-content !important;

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .swiper-slide-prev {

  width: 100% !important;

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .open {

  width: 100%;

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .open .right {

  width: 27.5521vw;

  opacity: 1;

  padding: 3.3333vw 2.0313vw;

  visibility: visible;

  /* 宽度展开后显示 */

  transition: width 0.5s ease, opacity 0.3s ease 0s, visibility 0s linear 0s;

  /* 在展开时立即显示 */

  text-wrap: wrap;

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .open .right .title,

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .open .right .desc {

  opacity: 1;

  transition-delay: 0.5s;

  /* 延迟文字显示，确保容器完全展开后才显示文字 */

}

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .show-text .right .title,

.index-page .index5 .index5-container .index5-swiper-container .swiper-wrapper .show-text .right .desc {

  display: block;

}

.index-page .index6 {

  overflow: hidden;

  background: #333;

}

.index-page .index6 .index6-container {

  padding: 5.2083vw 6.25vw 3.8021vw;

}

.index-page .index6 .index6-container .top {

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

}

.index-page .index6 .index6-container .top .index6-title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .index-page .index6 .index6-container .top .index6-title {

    font-size: 26px;

  }

}

.index-page .index6 .index6-container .top .index6-title .line {

  content: '';

  position: absolute;

  left: 0;

  top: -0.8854vw;

  width: 2.3438vw;

  height: 0.2083vw;

  background: #fff;

}

.index-page .index6 .index6-container .bottom {

  margin-top: 1.8229vw;

  display: flex;

  justify-content: space-between;

}

.index-page .index6 .index6-container .bottom .blog-swiper-container {

  overflow: hidden;

  width: 44.2708vw;

  margin-right: 4.1146vw;

  flex-shrink: 0;

}

.index-page .index6 .index6-container .bottom .blogs-left {

  cursor: pointer;

  width: 100%;

}

.index-page .index6 .index6-container .bottom .blogs-left .image-box {

  width: 100%;

  border-radius: 1.5625vw;

  overflow: hidden;

}

.index-page .index6 .index6-container .bottom .blogs-left .title {

  padding: 1.6667vw 0 0.5208vw;

  color: #fff;

  font-weight: bold;

  font-size: 1.3542vw;

}

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

  .index-page .index6 .index6-container .bottom .blogs-left .title {

    font-size: 16px;

  }

}

.index-page .index6 .index6-container .bottom .blogs-left .description {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  -webkit-line-clamp: 3;

  /* Number of lines to show */

  max-height: 4.5em;

  /* Adjust based on line height */

}

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

  .index-page .index6 .index6-container .bottom .blogs-left .description {

    font-size: 14px;

  }

}

.index-page .index6 .index6-container .bottom .blogs-left .date-container {

  width: 100%;

  position: relative;

  margin-top: 2.0833vw;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.index-page .index6 .index6-container .bottom .blogs-left .date-container::before {

  content: '';

  position: absolute;

  left: 0;

  top: -0.8333vw;

  width: 100%;

  height: 1px;

  opacity: 0.5;

  background: #fff;

}

.index-page .index6 .index6-container .bottom .blogs-left .date-container .date {

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

}

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

  .index-page .index6 .index6-container .bottom .blogs-left .date-container .date {

    font-size: 12px;

  }

}

.index-page .index6 .index6-container .bottom .blogs-right {

  width: 100%;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  padding-bottom: 2.1875vw;

  cursor: pointer;

}

.index-page .index6 .index6-container .bottom .blogs-right .blog-item {

  margin-top: 4.5vw;

  position: relative;

}

.index-page .index6 .index6-container .bottom .blogs-right .blog-item .title,

.index-page .index6 .index6-container .bottom .blogs-right .blog-item .date {

  opacity: 0.5;

}

.index-page .index6 .index6-container .bottom .blogs-right .blog-item:first-child {

  margin-top: 0;

}

.index-page .index6 .index6-container .bottom .blogs-right .blog-item::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: #fff;

  opacity: 0.5;

}

.index-page .index6 .index6-container .bottom .blogs-right .blog-item .title {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

}

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

  .index-page .index6 .index6-container .bottom .blogs-right .blog-item .title {

    font-size: 16px;

  }

}

.index-page .index6 .index6-container .bottom .blogs-right .blog-item .date {

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

  padding-bottom: 1vw;

}

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

  .index-page .index6 .index6-container .bottom .blogs-right .blog-item .date {

    font-size: 12px;

  }

}

.index-page .index6 .index6-container .bottom .blogs-right .blog-item:hover .title,

.index-page .index6 .index6-container .bottom .blogs-right .blog-item:hover .date {

  opacity: 1;

}

.index-page .index6 .index6-container .bottom .blogs-right .active .title,

.index-page .index6 .index6-container .bottom .blogs-right .active .date {

  opacity: 1;

}

.product-page {

  background: #000;

}

.product-page .banner {

  position: relative;

}

.product-page .banner .title {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  color: #fff;

  font-size: 3.6458vw;

  font-weight: 600;

}

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

  .product-page .banner .title {

    font-size: 26px;

  }

}

.product-page .product-container {

  padding: 7.3958vw 6.25vw 5.2083vw;

}

.product-page .product-container .product-type-item {

  margin-bottom: 7.8125vw;

}

.product-page .product-container .product-type-item:last-child {

  margin-bottom: 0;

}

.product-page .product-container .product-title {

  position: relative;

  width: 100%;

}

.product-page .product-container .product-title::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.2083vw;

  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);

}

.product-page .product-container .product-title .title {

  margin-left: 4.4792vw;

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

  position: relative;

}

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

  .product-page .product-container .product-title .title {

    font-size: 26px;

  }

}

.product-page .product-container .product-title .title::before {

  content: url('/static/img/product/pd-t.svg');

  position: absolute;

  left: -1.875vw;

  top: -2.0833vw;

  width: 3.75vw;

}

.product-page .product-container .product-title .desc {

  padding-top: 2.2917vw;

  padding-left: 2.6042vw;

  padding-bottom: 2.3438vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .product-page .product-container .product-title .desc {

    font-size: 14px;

  }

}

.product-page .product-container .product-list {

  padding-top: 3.125vw;

  display: flex;

  flex-wrap: wrap;

}

.product-page .product-container .product-list .product-item {

  box-sizing: border-box;

  width: 22%;

  height: 27.0833vw;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding: 0.8854vw;

  cursor: pointer;

  margin-right: 4%;

  border-radius: 1.0417vw;

}

.product-page .product-container .product-list .product-item:nth-of-type(4n) {

  margin-right: 0;

}

.product-page .product-container .product-list .product-item .product-footer .info .type,

.product-page .product-container .product-list .product-item .product-footer .info .name {

  text-align: center;

}

.product-page .product-container .product-list .product-item:hover {

  background: linear-gradient(180deg, #181818 0%, #414141 100%);

}

.product-page .product-container .product-list .product-item:hover .product-footer {

  justify-content: center;

}

.product-page .product-container .product-list .product-item .product-image {

  display: flex;

  justify-content: center;

  align-items: flex-end;

}

.product-page .product-container .product-list .product-item .product-image img {

  width: 8.9063vw;

  max-width: 100%;

}

.product-page .product-container .product-list .product-item .product-footer {

  flex-shrink: 0;

  padding-top: 2.1354vw;

  display: flex;

  justify-content: center;

  align-items: center;

}

.product-page .product-container .product-list .product-item .product-footer .info .name {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

}

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

  .product-page .product-container .product-list .product-item .product-footer .info .name {

    font-size: 16px;

  }

}

.product-page .product-container .product-list .product-item .product-footer .info .type {

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

}

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

  .product-page .product-container .product-list .product-item .product-footer .info .type {

    font-size: 12px;

  }

}

.product-page .product-container .product-list .product-item .product-footer .product-btn {

  width: 1.7708vw;

  height: 1.7708vw;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fd0000;

  border-radius: 50%;

  position: relative;

  display: none;

}

.product-page .product-container .product-list .product-item .product-footer .product-btn::after {

  content: '＋';

  position: absolute;

  left: 50%;

  top: 50%;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  transform: translate3d(-50%, -50%, 0);

  display: block;

}

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

  .product-page .product-container .product-list .product-item .product-footer .product-btn::after {

    font-size: 16px;

  }

}

.product-detail-page {

  background: #000;

}

.product-detail-page .banner-container {

  height: 120vh;

}

.product-detail-page .banner {

  position: relative;

  position: sticky;

  top: 0;

}

.product-detail-page .banner .banner-image {

  font-size: 0;

}

.product-detail-page .banner .animate-image {

  width: 16.1458vw;

  position: fixed;

  left: 39.5313vw;

  top: 10vw;

  z-index: 10;

}

.product-detail-page .banner .text {

  position: absolute;

  left: 0;

  bottom: 0;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  align-items: center;

  width: 100%;

  padding: 0 1.5625vw;

}

.product-detail-page .banner .text .image {

  width: 16.1458vw;

}

.product-detail-page .banner .text .type {

  color: #fff;

  font-size: 12.5vw;

  font-weight: bold;

  text-align: center;

  line-height: 1;

  padding-bottom: 0.7813vw;

}

.product-detail-page .pd1 {

  background: #333;

  padding: 0 6.25vw;

  display: flex;

  align-items: flex-start;

  height: 250vh;

}

.product-detail-page .pd1 .pd1-box {

  position: sticky;

  top: 0;

  left: 0;

  height: 100vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.product-detail-page .pd1 .pd1-box .pd1-title {

  padding-top: 5.2083vw;

  padding-top: 0;

  transform: translate3d(-60px, 0, 0);

  opacity: 0;

  visibility: hidden;

  transition: all ease 1s;

}

.product-detail-page .pd1 .pd1-box .pd1-title .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-page .pd1 .pd1-box .pd1-title .title {

    font-size: 26px;

  }

}

.product-detail-page .pd1 .pd1-box .pd1-title .tip {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .product-detail-page .pd1 .pd1-box .pd1-title .tip {

    font-size: 14px;

  }

}

.product-detail-page .pd1 .pd1-box .pd1-container {

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left {

  width: 31.25vw;

  margin-right: 13.125vw;

  flex-shrink: 0;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container {

  display: flex;

  align-items: center;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .pd1-swiper {

  width: 100%;

  overflow: hidden;

  visibility: hidden;

  opacity: 0;

  transition: all ease 1s;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .pd1-swiper .swiper-slide {

  display: flex;

  justify-content: center;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .pd1-swiper .swiper-slide img {
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .prev,

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .next {

  flex-shrink: 0;

  width: 2.6042vw;

  height: 2.6042vw;

  background: #fff;

  font-size: 1.3542vw;

  color: #000;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all ease 1s;

}

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

  .product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .prev,

  .product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .next {

    font-size: 16px;

  }

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .prev:hover,

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .next:hover {

  background: #fd0000;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .prev:hover span,

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .next:hover span {

  color: #fff;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .prev {

  transform: translate3d(-60px, 0, 0);

  opacity: 0;

  visibility: hidden;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .next {

  transform: translate3d(60px, 0, 0);

  opacity: 0;

  visibility: hidden;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .pd1-swiper-container .next span {

  display: block;

  transform: rotate(180deg);

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .download-doc {

  transform: translate3d(0, 60px, 0);

  opacity: 0;

  visibility: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-top: 2.6042vw;

  transition: all ease 1s;

}

.product-detail-page .pd1 .pd1-box .pd1-container .left .download-doc a {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .product-detail-page .pd1 .pd1-box .pd1-container .left .download-doc a {

    font-size: 14px;

  }

}

.product-detail-page .pd1 .pd1-box .pd1-container .right {

  width: 100%;

  transform: translate3d(60px, 0, 0);

  opacity: 0;

  visibility: hidden;

  transition: all ease 1s;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .info-list {

  padding-bottom: 3.3854vw;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .info-list .info-item {

  padding: 0.7813vw 1.3021vw;

  background: #666666;

  border-radius: 1.0417vw;

  margin-bottom: 0.6771vw;

  transition: all ease 0.5s;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .info-list .info-item:last-child {

  margin-bottom: 0;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .info-list .info-item .title {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: bold;

}

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

  .product-detail-page .pd1 .pd1-box .pd1-container .right .info-list .info-item .title {

    font-size: 14px;

  }

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .info-list .info-item .tip {

  padding-left: 0.9896vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .product-detail-page .pd1 .pd1-box .pd1-container .right .info-list .info-item .tip {

    font-size: 14px;

  }

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .info-list .info-item:hover {

  background: #000;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .info-list .info-item:hover .title,

.product-detail-page .pd1 .pd1-box .pd1-container .right .info-list .info-item:hover .tip {

  color: #fff;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .scene-list {

  display: flex;

  flex-wrap: wrap;

  gap: 1.5vw;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .scene-list .scene-item {

  margin-top: 1.5625vw;

  width: calc(33.33% - 1vw);

  /* margin-right: 5.2083vw; */

  transition: transform ease 0.5s;

}

/* .product-detail-page .pd1 .pd1-box .pd1-container .right .scene-list .scene-item:nth-of-type(3n) {

  margin-right: 0;

} */

.product-detail-page .pd1 .pd1-box .pd1-container .right .scene-list .scene-item .scene-img {

  overflow: hidden;

  transition: all ease 0.5s;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .scene-list .scene-item .scene-img img {

  transition: all ease 0.5s;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .scene-list .scene-item:hover .scene-img {

  border-radius: 10px;

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .scene-list .scene-item:hover .scene-img img {

  transform: scale(1.1);

}

.product-detail-page .pd1 .pd1-box .pd1-container .right .scene-list .scene-name {

  padding-top: 0.5208vw;

  text-align: center;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .product-detail-page .pd1 .pd1-box .pd1-container .right .scene-list .scene-name {

    font-size: 14px;

  }

}

.product-detail-page .pd1-show .pd1-box .pd1-title {

  transform: translate3d(0, 0, 0);

  opacity: 1;

  visibility: visible;

}

.product-detail-page .pd1-show .pd1-box .pd1-container .left .pd1-swiper-container .pd1-swiper {

  visibility: visible;

  opacity: 1;

}

.product-detail-page .pd1-show .pd1-box .pd1-container .left .pd1-swiper-container .prev,

.product-detail-page .pd1-show .pd1-box .pd1-container .left .pd1-swiper-container .next {

  transform: translate3d(0, 0, 0);

  opacity: 1;

  visibility: visible;

}

.product-detail-page .pd1-show .pd1-box .pd1-container .left .download-doc {

  transform: translate3d(0, 0, 0);

  opacity: 1;

  visibility: visible;

}

.product-detail-page .pd1-show .pd1-box .pd1-container .right {

  transform: translate3d(0, 0, 0);

  opacity: 1;

  visibility: visible;

}

.product-detail-page .pd2 {

  padding: 7.8125vw 6.25vw 10.1563vw;

  background: #000;

}

.product-detail-page .pd2 .pd2-title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-page .pd2 .pd2-title {

    font-size: 26px;

  }

}

.product-detail-page .pd2 .pd2-desc {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

  padding: 1.0417vw 0;

}

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

  .product-detail-page .pd2 .pd2-desc {

    font-size: 16px;

  }

}

.product-detail-page .pd3 {

  padding: 0 6.25vw 11.1979vw;

  display: flex;

}

.product-detail-page .pd3 .pd3-image {

  width: 52.0833vw;

  flex-shrink: 0;

}

.product-detail-page .pd3 .pd3-text {

  padding-left: 5.6771vw;

  padding-top: 4.2708vw;

  width: 100%;

}

.product-detail-page .pd3 .pd3-text .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-page .pd3 .pd3-text .title {

    font-size: 26px;

  }

}

.product-detail-page .pd3 .pd3-text .desc {

  padding-top: 1.875vw;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .product-detail-page .pd3 .pd3-text .desc {

    font-size: 16px;

  }

}

.product-detail-page .pd4 .pd4-swiper-container {

  overflow: hidden;

  display: flex;

  justify-content: center;

}

.product-detail-page .pd4 .pd4-swiper {

  width: 60vw;

}

.product-detail-page .pd4 .pd4-swiper .swiper-slide {

  flex-shrink: 0;

  position: relative;

}

.product-detail-page .pd4 .pd4-swiper .swiper-slide img {

  display: block;

}

.product-detail-page .pd4 .pd4-swiper .swiper-slide .mask-container {

  transition: all ease 0.5s;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0;

}

.product-detail-page .pd4 .pd4-swiper .swiper-slide .mask-container .mask {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.3;

}
.product-detail-page .pd4 .pd4-swiper .swiper-slide.swiper-slide-active .mask-container .mask{opacity:0;}
.product-detail-page .pd4 .pd4-swiper .swiper-slide .mask-container .text {

  z-index: 1;

  padding: 3.6458vw 2.6042vw;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.product-detail-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .title {

    font-size: 26px;

  }

}

.product-detail-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .desc {

  padding: 0.9375vw 0;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .product-detail-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .desc {

    font-size: 16px;

  }

}

.product-detail-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .pd4-btn {

  margin-top: 4.1667vw;

}

.product-detail-page .pd4 .pd4-swiper .swiper-slide-active .mask-container {

  opacity: 1;

}

.product-detail-page .pd4 .pd4-footer {

  padding: 1.1458vw 19.5vw;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.product-detail-page .pd4 .pd4-footer .pd4-pagination {

  display: flex;

  align-items: center;

}

.product-detail-page .pd4 .pd4-footer .pd4-pagination .pagination-bullet {

  width: 1.0417vw;

  height: 0.1563vw;

  opacity: 0.5;

  background: #d9d9d9;

  margin-right: 0.4688vw;

}

.product-detail-page .pd4 .pd4-footer .pd4-pagination .pagination-bullet:last-child {

  margin-right: 0;

}

.product-detail-page .pd4 .pd4-footer .pd4-pagination .activate {

  opacity: 1;

}

.product-detail-page .pd4 .pd4-footer .btn-list {

  display: flex;

  align-items: center;

}

.product-detail-page .pd4 .pd4-footer .btn-list .index5-prev,

.product-detail-page .pd4 .pd4-footer .btn-list .index5-next {

  margin-right: 0.625vw;

  cursor: pointer;

  transition: all ease 0.5s;

  width: 2.6042vw;

  height: 2.6042vw;

  border-radius: 50%;

  box-shadow: 0 0 0 1px #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}

.product-detail-page .pd4 .pd4-footer .btn-list .index5-prev:last-child,

.product-detail-page .pd4 .pd4-footer .btn-list .index5-next:last-child {

  margin-right: 0;

}

.product-detail-page .pd4 .pd4-footer .btn-list .index5-prev i,

.product-detail-page .pd4 .pd4-footer .btn-list .index5-next i {

  color: #fff;

  font-size: 1.0938vw;

}

.product-detail-page .pd4 .pd4-footer .btn-list .index5-prev:hover,

.product-detail-page .pd4 .pd4-footer .btn-list .index5-next:hover {

  background: #fff;

}

.product-detail-page .pd4 .pd4-footer .btn-list .index5-prev:hover i,

.product-detail-page .pd4 .pd4-footer .btn-list .index5-next:hover i {

  color: #000;

}

.product-detail-page .pd4 .pd4-footer .btn-list .index5-next i {

  transform: rotate(180deg);

}

.product-detail-page .pd5 {

  padding: 11.3542vw 6.25vw 0;

}

.product-detail-page .pd5 .params-container .params-item {

  display: flex;

  justify-content: space-between;

  padding-top: 2.6042vw;

  position: relative;

  margin-top: 10.5729vw;

}

.product-detail-page .pd5 .params-container .params-item:first-child {

  margin-top: 0;

}

.product-detail-page .pd5 .params-container .params-item::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 0.2083vw;

  background: #fff;

}

.product-detail-page .pd5 .params-container .params-item .params-title {

  color: #fff;

  font-size: 2.3438vw;

  font-weight: bold;

  width: 100%;

}

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

  .product-detail-page .pd5 .params-container .params-item .params-title {

    font-size: 20px;

  }

}

.product-detail-page .pd5 .params-container .params-item .params-list {

  width: 50.8333vw;

  flex-shrink: 0;

}

.product-detail-page .pd5 .params-container .params-item .params-list .params-row {

  display: flex;

  justify-content: space-between;

}

.product-detail-page .pd5 .params-container .params-item .params-list .params-row .cow1,

.product-detail-page .pd5 .params-container .params-item .params-list .params-row .cow2 {

  padding: 0.3646vw 1.3542vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

}

.product-detail-page .pd5 .params-container .params-item .params-list .params-row .cow1 {

  width: 16.875vw;

  margin-right: 0.8333vw;

  flex-shrink: 0;

}

.product-detail-page .pd5 .params-container .params-item .params-list .params-row .cow2 {

  width: 100%;

}

.product-detail-page .pd5 .params-container .params-item .params-list .gray-row .cow1,

.product-detail-page .pd5 .params-container .params-item .params-list .gray-row .cow2 {

  background: #333;

}

.product-detail-page .pd6 {

  padding: 9.375vw 6.25vw 9.7917vw;

}

.product-detail-page .pd6 .pd6-title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: 400;

  text-align: center;

}

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

  .product-detail-page .pd6 .pd6-title {

    font-size: 26px;

  }

}

.product-detail-page .pd6 .product-list {

  padding-top: 3.75vw;

  display: flex;

  flex-wrap: wrap;

}

.product-detail-page .pd6 .product-list .product-item {

  width: 22%;

  height: 27.0833vw;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding: 0.8854vw;

  cursor: pointer;

  margin-right: 4%;

  border-radius: 1.0417vw;

}

.product-detail-page .pd6 .product-list .product-item:nth-of-type(4n) {

  margin-right: 0;

}

.product-detail-page .pd6 .product-list .product-item:hover {

  background: linear-gradient(180deg, #181818 0%, #414141 100%);

}

.product-detail-page .pd6 .product-list .product-item:hover .product-footer {

  justify-content: space-between;

}

.product-detail-page .pd6 .product-list .product-item:hover .product-footer .product-btn {

  display: block;

}

.product-detail-page .pd6 .product-list .product-item .product-image {

  display: flex;

  justify-content: center;

  align-items: flex-end;

}

.product-detail-page .pd6 .product-list .product-item .product-image img {

  width: 8.9063vw;

  max-width: 100%;

}

.product-detail-page .pd6 .product-list .product-item .product-footer {

  flex-shrink: 0;

  padding-top: 2.1354vw;

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

}

.product-detail-page .pd6 .product-list .product-item .product-footer .info .name {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

}

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

  .product-detail-page .pd6 .product-list .product-item .product-footer .info .name {

    font-size: 16px;

  }

}

.product-detail-page .pd6 .product-list .product-item .product-footer .info .type {

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

}

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

  .product-detail-page .pd6 .product-list .product-item .product-footer .info .type {

    font-size: 12px;

  }

}

.product-detail-page .pd6 .product-list .product-item .product-footer .product-btn {

  width: 1.7708vw;

  height: 1.7708vw;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fd0000;

  border-radius: 50%;

  position: relative;

  display: none;

}

.product-detail-page .pd6 .product-list .product-item .product-footer .product-btn::after {

  content: '＋';

  position: absolute;

  left: 50%;

  top: 50%;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  transform: translate3d(-50%, -50%, 0);

  display: block;

}

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

  .product-detail-page .pd6 .product-list .product-item .product-footer .product-btn::after {

    font-size: 16px;

  }

}

.solution-page {

  background: #000;

}

.solution-page .banner {

  position: relative;

}

.solution-page .banner .banner-text {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate3d(-50%, -50%, 0);

}

.solution-page .banner .banner-text .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .solution-page .banner .banner-text .title {

    font-size: 26px;

  }

}

.solution-page .sl1 {

  background: url('/static/img/solution/sl-background.png') repeat;

}

.solution-page .sl1 .sl-nav-list {

  height: 4.6875vw;

  position: relative;

  padding: 0 6.25vw;

  display: flex;

}

.solution-page .sl1 .sl-nav-list::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  opacity: 0.6;

  background: #d9d9d9;

}

.solution-page .sl1 .sl-nav-list .sl-nav-item {

  width: 14.5833vw;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  text-align: center;

  font-size: 0.8333vw;

  font-weight: 400;

  line-height: 1.12;

  position: relative;

  transition: all ease 0.5s;

  cursor: pointer;

}

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

  .solution-page .sl1 .sl-nav-list .sl-nav-item {

    font-size: 12px;

  }

}

.solution-page .sl1 .sl-nav-list .sl-nav-item::after {

  content: '';

  position: absolute;

  right: 0;

  top: 0;

  width: 1px;

  height: 100%;

  opacity: 0.6;

  background: #d9d9d9;

}

.solution-page .sl1 .sl-nav-list .sl-nav-item:last-child::after {

  display: none;

}

.solution-page .sl1 .sl-nav-list .activate {

  background: #fd0000;

}

.solution-page .sl1 .sticky {

  transition: all ease 0.5s;

  position: fixed !important;

  top: 0;

  left: 0;

  width: 100%;

  /* 视需要调整宽度 */

  z-index: 10;

  background-color: #000;

  /* 视需要调整背景色 */

}

.solution-page .sl1 .sl1-title {

  padding: 11.6667vw 10.2083vw 12.0833vw;

}

.solution-page .sl1 .sl1-title .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: 400;

  text-align: center;

}

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

  .solution-page .sl1 .sl1-title .title {

    font-size: 26px;

  }

}

.solution-page .sl1 .sl1-title .desc {

  padding-top: 1.4583vw;

  color: #fff;

  text-align: center;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .solution-page .sl1 .sl1-title .desc {

    font-size: 16px;

  }

}

.solution-page .sl1 .sl1-card-container {

  padding: 0 6.25vw 9.7917vw;

}

.solution-page .sl1 .sl1-card-container .sl1-card {

  width: 100%;

  display: flex;

}

.solution-page .sl1 .sl1-card-container .sl1-card .card-left {

  width: 100%;

  padding: 2.6042vw 3.0208vw;

  background: #fff;

}

.solution-page .sl1 .sl1-card-container .sl1-card .card-left .title {

  color: #000;

  font-size: 3.6458vw;

  font-weight: 400;

}

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

  .solution-page .sl1 .sl1-card-container .sl1-card .card-left .title {

    font-size: 26px;

  }

}

.solution-page .sl1 .sl1-card-container .sl1-card .card-left .desc {

  color: #000;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .solution-page .sl1 .sl1-card-container .sl1-card .card-left .desc {

    font-size: 16px;

  }

}

.solution-page .sl1 .sl1-card-container .sl1-card .card-right {

  width: 52.0313vw;

  flex-shrink: 0;

}

.solution-page .sl2 {

  padding: 6.8229vw 6.25vw 9.6875vw;

}

.solution-page .sl2 .sl2-title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

  text-align: center;

}

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

  .solution-page .sl2 .sl2-title {

    font-size: 26px;

  }

}

.solution-page .sl2 .sl2-list {

  display: flex;

  flex-wrap: wrap;

}

.solution-page .sl2 .sl2-list .sl2-item {

  width: 27.6042vw;

  height: 20.0521vw;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background: #333;

  border-radius: 1.0417vw;

  cursor: pointer;

  transition: all ease 0.5s;

  margin-right: 1.5625vw;

  margin-top: 3.125vw;

}

.solution-page .sl2 .sl2-list .sl2-item:nth-of-type(3n) {

  margin-right: 0;

}

.solution-page .sl2 .sl2-list .sl2-item:hover {

  background: #fff;

}

.solution-page .sl2 .sl2-list .sl2-item:hover svg {

  transition: all ease 0.5s;

}

.solution-page .sl2 .sl2-list .sl2-item:hover svg path {

  fill: #fd0000;

}

.solution-page .sl2 .sl2-list .sl2-item:hover .title,

.solution-page .sl2 .sl2-list .sl2-item:hover .desc {

  color: #000;

}

.solution-page .sl2 .sl2-list .sl2-item .title {

  color: #fff;

  text-align: center;

  font-size: 1.3542vw;

  font-weight: 400;

  padding: 0.7813vw 0 0.9375vw;

}

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

  .solution-page .sl2 .sl2-list .sl2-item .title {

    font-size: 16px;

  }

}

.solution-page .sl2 .sl2-list .sl2-item .desc {

  color: #fff;

  text-align: center;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .solution-page .sl2 .sl2-list .sl2-item .desc {

    font-size: 16px;

  }

}

.solution-page .sl3 {

  padding: 6.7188vw 6.25vw 7.8646vw;

  display: flex;

  align-items: center;

  background: url('/static/img/solution/sl-background.png') repeat;

}

.solution-page .sl3 .sl3-left {

  width: 100%;

  padding-right: 5.7292vw;

}

.solution-page .sl3 .sl3-left .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .solution-page .sl3 .sl3-left .title {

    font-size: 26px;

  }

}

.solution-page .sl3 .sl3-left .desc {

  padding-top: 1.3021vw;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .solution-page .sl3 .sl3-left .desc {

    font-size: 16px;

  }

}

.solution-page .sl3 .sl3-right {

  width: 52.0833vw;

  flex-shrink: 0;

}

.solution-page .sl4 {

  padding: 8.6979vw 6.25vw 9.6875vw;

}

.solution-page .sl4 .sl4-title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

  text-align: center;

}

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

  .solution-page .sl4 .sl4-title {

    font-size: 26px;

  }

}

.solution-page .sl4 .sl4-product .product-list {

  padding-top: 5.0521vw;

  display: flex;

  flex-wrap: wrap;

}

.solution-page .sl4 .sl4-product .product-list .product-item {

  width: 22%;

  height: 27.0833vw;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding: 0.8854vw;

  cursor: pointer;

  margin-right: 4%;

  border-radius: 1.0417vw;

  overflow: hidden;

}

.solution-page .sl4 .sl4-product .product-list .product-item:nth-of-type(4n) {

  margin-right: 0;

}

.solution-page .sl4 .sl4-product .product-list .product-item:hover {

  background: linear-gradient(180deg, #181818 0%, #414141 100%);

}

.solution-page .sl4 .sl4-product .product-list .product-item:hover .product-footer {

  justify-content: center;

}

.solution-page .sl4 .sl4-product .product-list .product-item:hover .product-footer .product-btn {

  display: none;

}

.solution-page .sl4 .sl4-product .product-list .product-item .product-image {

  display: flex;

  justify-content: center;

  align-items: flex-end;

}

.solution-page .sl4 .sl4-product .product-list .product-item .product-image img {

  width: 8.9063vw;

  max-width: 100%;

}

.solution-page .sl4 .sl4-product .product-list .product-item .product-footer {

  width: 100%;

  flex-shrink: 0;

  padding-top: 2.1354vw;

  display: flex;

  justify-content: center;

  align-items: center;

}

.solution-page .sl4 .sl4-product .product-list .product-item .product-footer .info .name {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

}

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

  .solution-page .sl4 .sl4-product .product-list .product-item .product-footer .info .name {

    font-size: 16px;

  }

}

.solution-page .sl4 .sl4-product .product-list .product-item .product-footer .info .type {

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

}

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

  .solution-page .sl4 .sl4-product .product-list .product-item .product-footer .info .type {

    font-size: 12px;

  }

}

.solution-page .sl4 .sl4-product .product-list .product-item .product-footer .product-btn {

  width: 1.7708vw;

  height: 1.7708vw;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fd0000;

  border-radius: 50%;

  position: relative;

  display: none;

}

.solution-page .sl4 .sl4-product .product-list .product-item .product-footer .product-btn::after {

  content: '＋';

  position: absolute;

  left: 50%;

  top: 50%;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  transform: translate3d(-50%, -50%, 0);

  display: block;

}

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

  .solution-page .sl4 .sl4-product .product-list .product-item .product-footer .product-btn::after {

    font-size: 16px;

  }

}

.about-page {

  background: #000;

}

.about-page .banner {

  position: relative;

}

.about-page .banner .banner-text {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate3d(-50%, -50%, 0);

}

.about-page .banner .banner-text .title {

  color: #fff;

  text-align: center;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .about-page .banner .banner-text .title {

    font-size: 26px;

  }

}

.about-page .banner .banner-text .title span {

  color: #fd0000;

}

.about-page .about1 {

  background: url('/static/img/solution/sl-background.png') repeat;

}

.about-page .about1 .about1-title {

  padding: 7.6042vw 6.25vw;

}

.about-page .about1 .about1-title .title {

  color: #fff;

  font-size: 2.3438vw;

  font-weight: bold;

  text-transform: uppercase;

}

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

  .about-page .about1 .about1-title .title {

    font-size: 20px;

  }

}

.about-page .about1 .about1-title .desc p {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .about-page .about1 .about1-title .desc p {

    font-size: 16px;

  }

}

.about-page .about1 .about1-data .about1-data-image {

  width: 81.25vw;

  border-radius: 0 1.0417vw 1.0417vw 0;

  overflow: hidden;

}

.about-page .about1 .about1-data .about1-data-list {

  width: 81.25vw;

  padding: 2.1875vw 6.25vw 3.5938vw;

  display: flex;

  justify-content: space-between;

}

.about-page .about1 .about1-data .about1-data-list .about1-data-item .num {

  color: #fff;

  font-size: 2.5vw;

  font-weight: bold;

}

.about-page .about1 .about1-data .about1-data-list .about1-data-item .name {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

.about-page .about2 {

  margin-top: 6.8229vw;

  position: relative;

}

.about-page .about2 .about2-container {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  padding: 7.3438vw 6.25vw;

}

.about-page .about2 .about2-container .about2-title .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

  text-align: center;

}

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

  .about-page .about2 .about2-container .about2-title .title {

    font-size: 26px;

  }

}

.about-page .about2 .about2-container .about2-title .desc {

  color: #fff;

  text-align: center;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .about-page .about2 .about2-container .about2-title .desc {

    font-size: 16px;

  }

}

.about-page .about2 .about2-container .about2-card-container {

  width: 100%;

  display: flex;

  justify-content: center;

  padding-top: 3.6979vw;

  overflow: hidden;

}

.about-page .about2 .about2-container .about2-card-container .card-swiper {

  width: 100%;

  overflow: hidden;

}

.about-page .about2 .about2-container .about2-card-container .swiper-slide {

  display: flex;

  justify-content: center;

  width: 100%;

}

.about-page .about2 .about2-container .about2-card-container .about2-card-item {

  width: 53.75vw;

  padding: 2.5521vw 3.8542vw;

  background: #333;

  border-radius: 1.0417vw;

}

.about-page .about2 .about2-container .about2-card-container .about2-card-item .year-date {

  color: #fff;

  font-size: 2.3438vw;

  font-weight: bold;

  line-height: 1.3;

}

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

  .about-page .about2 .about2-container .about2-card-container .about2-card-item .year-date {

    font-size: 20px;

  }

}

.about-page .about2 .about2-container .about2-card-container .about2-card-item .name {

  padding: 0.3646vw 0 1.3021vw;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

}

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

  .about-page .about2 .about2-container .about2-card-container .about2-card-item .name {

    font-size: 16px;

  }

}

.about-page .about2 .about2-container .about2-card-container .about2-card-item .desc {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .about-page .about2 .about2-container .about2-card-container .about2-card-item .desc {

    font-size: 14px;

  }

}

.about-page .about2 .about2-container .about2-card-container .activate {

  display: block;

}

.about-page .about2 .about2-container .time-line-container {

  margin-top: 5.5208vw;

  position: relative;

}

.about-page .about2 .about2-container .time-line-container::before {

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  height: 1px;

  opacity: 0.5;

  transform: translate3d(0, -50%, 0);

  background: #d9d9d9;

}

.about-page .about2 .about2-container .time-line-container .time-line-list {

  padding: 0 18.4375vw;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.about-page .about2 .about2-container .time-line-container .time-line-list .time-line-item {

  width: 0.7292vw;

  height: 0.7292vw;

  flex-shrink: 0;

  background: #fff;

  border-radius: 50%;

  cursor: pointer;

}

.about-page .about2 .about2-container .time-line-container .time-line-list .activate {

  position: relative;

}

.about-page .about2 .about2-container .time-line-container .time-line-list .activate::before {

  content: '';

  position: absolute;

  width: 1.875vw;

  height: 1.875vw;

  left: 50%;

  top: 50%;

  transform: translate3d(-50%, -50%, 0);

  border-radius: 50%;

  background: #fff;

}

.about-page .about2 .about2-container .time-line-container .time-line-list .activate::after {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  width: 0.7292vw;

  height: 0.7292vw;

  transform: translate3d(-50%, -50%, 0);

  border-radius: 50%;

  background: #fd0000;

}

.about-page .about3 .about3-swiper-container {

  background: #333;

  padding: 4.3229vw 0 5.1042vw;

  overflow: hidden;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}

.about-page .about3 .about3-swiper-container .about3-title {

  width: 100%;

  color: #fff;

  font-size: 3.6458vw;

  text-align: center;

  font-weight: bold;

  padding-bottom: 2.7083vw;

}

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

  .about-page .about3 .about3-swiper-container .about3-title {

    font-size: 26px;

  }

}

.about-page .about3 .about3-swiper-container .about3-swiper {

  width: 53.2813vw;

}

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper {

  display: flex;

  align-items: flex-end !important;

}

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide {

  width: 100%;

  background: #666;

  padding: 1.6667vw 2.9688vw 0.1042vw;

  border-radius: 1.0417vw;

}

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide .text {

  padding-bottom: 1.3021vw;

}

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide .text .title,

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide .text .date {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide .text .title,

  .about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide .text .date {

    font-size: 16px;

  }

}

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide .image {

  width: 100%;

  padding: 0 6.875vw;

}

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide-active {

  transform: unset;

  position: relative;

  background: #fff;

}

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide-active .text .title,

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide-active .text .date {

  color: #000;

}

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide-active::before {

  content: '';

  position: absolute;

  left: 50%;

  top: -0.6771vw;

  width: 39.5833vw;

  height: 5.625vw;

  background: #fd0000;

  border-radius: 1.0417vw;

  z-index: -1;

  transform: translate3d(-50%, 0, 0);

}

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide-prev,

.about-page .about3 .about3-swiper-container .about3-swiper .swiper-wrapper .swiper-slide-next {

  transform: scale(0.9) translateY(5%);

}

.partner-page .banner {

  position: relative;

}

.partner-page .banner .banner-text {

  width: 100%;

  padding: 0 6.25vw;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate3d(-50%, -50%, 0);

}

.partner-page .banner .banner-text .title {

  color: #fff;

  text-align: center;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .partner-page .banner .banner-text .title {

    font-size: 26px;

  }

}

.partner-page .banner .banner-text .desc {

  color: #fff;

  font-size: 0.9375vw;

  font-style: normal;

  font-weight: 400;

  line-height: 2;

  text-align: center;

}

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

  .partner-page .banner .banner-text .desc {

    font-size: 14px;

  }

}

.partner-page .partner1 {

  padding: 6.7708vw 6.25vw;

  display: flex;

  background: #000;

}

.partner-page .partner1 .partner1-left {

  width: 100%;

  padding-right: 11.7188vw;

}

.partner-page .partner1 .partner1-left .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .partner-page .partner1 .partner1-left .title {

    font-size: 26px;

  }

}

.partner-page .partner1 .partner1-left .desc {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

  text-wrap: wrap;

}

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

  .partner-page .partner1 .partner1-left .desc {

    font-size: 14px;

  }

}

.partner-page .partner1 .partner1-right {

  flex-shrink: 0;

  width: 38.3333vw;

}

.partner-page .partner1 .partner1-right .pt2-list .pt2-item {

  margin-bottom: 1.5625vw;

}

.partner-page .partner1 .partner1-right .pt2-list .pt2-item:last-child {

  margin-bottom: 0;

}

.partner-page .partner1 .partner1-right .pt2-list .pt2-item .title,

.partner-page .partner1 .partner1-right .pt2-list .pt2-item .desc {

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

}

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

  .partner-page .partner1 .partner1-right .pt2-list .pt2-item .title,

  .partner-page .partner1 .partner1-right .pt2-list .pt2-item .desc {

    font-size: 14px;

  }

}

.partner-page .partner1 .partner1-right .pt2-list .pt2-item .title {

  font-weight: bold;

  color: #fd0000;

}

.partner-page .partner1 .partner1-right .pt2-list .pt2-item .desc {

  color: #fff;

}

.partner-page .partner2 {

  padding: 5.5729vw 20.9896vw 4.1146vw;

  background: url('/static/img/solution/sl-background.png') repeat;

}

.partner-page .partner2 .pt2-top {

  padding-bottom: 4.0104vw;

}

.partner-page .partner2 .pt2-top .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

  text-align: center;

}

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

  .partner-page .partner2 .pt2-top .title {

    font-size: 26px;

  }

}

.partner-page .partner2 .pt2-top .desc {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

  text-align: center;

}

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

  .partner-page .partner2 .pt2-top .desc {

    font-size: 16px;

  }

}

.partner-page .partner2 .pt2-form .pt2-row {

  display: flex;

  justify-content: space-between;

}

.partner-page .partner2 .pt2-form .pt2-row .pt2-item {

  width: 17.7083vw;

  margin-bottom: 0.9375vw;

}

.partner-page .partner2 .pt2-form .pt2-row .pt2-item .name {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

}

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

  .partner-page .partner2 .pt2-form .pt2-row .pt2-item .name {

    font-size: 14px;

  }

}

.partner-page .partner2 .pt2-form .pt2-row .pt2-item input,

.partner-page .partner2 .pt2-form .pt2-row .pt2-item select {

  box-sizing: border-box;

  width: 100%;

  height: 2.5521vw;

  border-radius: 1.276vw;

  background: #333;

  color: #fff;

  border: none;

  padding: 0 0.5208vw;

}

.partner-page .partner2 .pt2-form .pt2-row .error input,

.partner-page .partner2 .pt2-form .pt2-row .error select {

  box-shadow: 0 0 0 1px #fd0000;

}

.partner-page .partner2 .pt2-form .pt2-row .max-item {

  width: 100%;

}

.partner-page .partner2 .pt2-form .pt2-row .max-item textarea {

  box-sizing: border-box;

  width: 100%;

  border-radius: 1.25vw;

  background: #333;

  border: none;

  resize: none;

  padding: 0.7813vw;

  color: #fff;

}

.partner-page .partner2 .pt2-form .notice {

  padding: 0.7292vw 0 2.0833vw;

}

.partner-page .partner2 .pt2-form .notice .notice-item {

  display: flex;

  align-items: center;

}

.partner-page .partner2 .pt2-form .notice .notice-item .notice-item-text {

  padding-left: 0.5208vw;

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

  line-height: 1.62;

}

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

  .partner-page .partner2 .pt2-form .notice .notice-item .notice-item-text {

    font-size: 12px;

  }

}

.partner-page .partner3 {

  background: #000;

}

.partner-page .partner3 .pt3-list-container {

  padding: 7.1354vw 10.0781vw 0;

  width: 100%;

  overflow: hidden;

  display: flex;

  flex-wrap: wrap;

}

.partner-page .partner3 .pt3-list-container .pt3-row {

  width: 100%;

  height: fit-content;

  display: flex;

  margin-bottom: 6.9792vw;

}

.partner-page .partner3 .pt3-list-container .pt3-row .swiper-wrapper {

  transition-timing-function: linear !important;

}

.partner-page .partner3 .pt3-list-container .pt3-row .swiper-wrapper .swiper-slide {

  width: fit-content;

  display: flex;

  align-items: center;

  justify-content: center;

}

.partner-page .partner3 .pt3-list-container .pt3-row .pt3-item {

  width: fit-content;

  margin-right: 5.2083vw;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.media-page {

  background: #000;

}

.media-page .banner {

  position: relative;

}

.media-page .banner .banner-title {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate3d(-50%, -50%, 0);

  color: #fff;

  text-align: center;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .media-page .banner .banner-title {

    font-size: 26px;

  }

}

.media-page .media-container .media-nav-container {

  padding: 4.1667vw 6.25vw 4.5833vw;

}

.media-page .media-container .media-nav-container .media-nav-list {

  width: 100%;

  padding-bottom: 1.1458vw;

  position: relative;

  display: flex;

}

.media-page .media-container .media-nav-container .media-nav-list::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.2083vw;

  opacity: 0.2;

  background: #fff;

}

.media-page .media-container .media-nav-container .media-nav-list .media-nav-item {

  margin-right: 3.125vw;

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

  line-height: 1.62;

  cursor: pointer;

}

.media-page .media-container .media-nav-container .media-nav-list .media-nav-item:last-child {

  margin-right: 0;

}

.media-page .media-container .media-nav-container .media-nav-list .activate {

  position: relative;

}

.media-page .media-container .media-nav-container .media-nav-list .activate::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -1.1458vw;

  width: 100%;

  height: 0.2083vw;

  background: #fd0000;

}

.media-page .media-container .media-list-container {

  padding: 4.1667vw 6.25vw 8.6458vw;

}

.media-page .media-container .media-list-container .media-list {

  display: flex;

  flex-wrap: wrap;

  gap: 1.5vw;

}

.media-page .media-container .media-list-container .media-list .media-item {

  width: calc(33.33% - 1vw);

  /* margin-right: 1.7708vw; */

  display: flex;

  flex-direction: column;

  align-items: center;

  cursor: pointer;

}

/* .media-page .media-container .media-list-container .media-list .media-item:nth-of-type(3n) {

  margin-right: 0;

} */

.media-page .media-container .media-list-container .media-list .media-item:hover .media-card {

  background: #fff;

}

.media-page .media-container .media-list-container .media-list .media-item:hover .media-card .title,

.media-page .media-container .media-list-container .media-list .media-item:hover .media-card .date {

  color: #000;

}

.media-page .media-container .media-list-container .media-list .media-item:hover .media-card .card-footer .type {

  color: #000;

  box-shadow: 0 0 0 1px #000;

}

.media-page .media-container .media-list-container .media-list .media-item:hover .media-card .card-footer .media-item-btn {

  background: #fd0000;

}

.media-page .media-container .media-list-container .media-list .media-item .media-image {

  border-radius: 1.0417vw;

  overflow: hidden;

}

.media-page .media-container .media-list-container .media-list .media-item .media-card {

  transform: translate3d(0, -2.0833vw, 0);

  width: 24.7917vw;

  padding: 1.4583vw 1.9792vw;

  background: #333;

  border-radius: 1.0417vw;

  margin-bottom: 3.4375vw;

  transition: all ease 0.5s;

}

.media-page .media-container .media-list-container .media-list .media-item .media-card .title {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

}

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

  .media-page .media-container .media-list-container .media-list .media-item .media-card .title {

    font-size: 16px;

  }

}

.media-page .media-container .media-list-container .media-list .media-item .media-card .date {

  padding-top: 0.3646vw;

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

}

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

  .media-page .media-container .media-list-container .media-list .media-item .media-card .date {

    font-size: 12px;

  }

}

.media-page .media-container .media-list-container .media-list .media-item .media-card .card-footer {

  margin-top: 1.5625vw;

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.media-page .media-container .media-list-container .media-list .media-item .media-card .card-footer .type {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  padding: 0 0.5208vw;

  border-radius: 1.25vw;

  box-shadow: 0 0 0 1px #fff;

}

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

  .media-page .media-container .media-list-container .media-list .media-item .media-card .card-footer .type {

    font-size: 14px;

  }

}

.media-page .media-container .media-list-container .pagination-container {

  display: flex;

  justify-content: center;

  align-items: center;

}

.media-page .media-container .media-list-container .pagination-container div {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .media-page .media-container .media-list-container .pagination-container div {

    font-size: 14px;

  }

}

.media-page .media-container .media-list-container .pagination-container .prev {

  margin-right: 1.0417vw;

  cursor: pointer;

}

.media-page .media-container .media-list-container .pagination-container .next {

  margin-left: 1.0417vw;

  cursor: pointer;

}

.media-page .media-container .media-list-container .pagination-container .pagination-list {

  display: flex;

  align-items: center;

}

.media-page .media-container .media-list-container .pagination-container .pagination-list .pagination-item {

  margin-right: 1.5625vw;

  width: 1.6146vw;

  height: 1.6146vw;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.media-page .media-container .media-list-container .pagination-container .pagination-list .pagination-item:last-child {

  margin-right: 0;

}

.media-page .media-container .media-list-container .pagination-container .pagination-list .activate {

  background: #fd0000;

}

.video-page .video-player {

  background: #000;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 999;

  width: 100%;

  height: 100%;

  padding: 6.25vw;

  display: none;

}

.video-page .video-player .close {

  position: absolute;

  right: 20px;

  top: 10px;

  color: #fff;

  font-size: 1.3542vw;

  cursor: pointer;

}

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

  .video-page .video-player .close {

    font-size: 16px;

  }

}

.video-page .video-player video {

  width: 100%;

  max-height: 100%;

}

.video-page .show {

  display: block;

}

.video-page .banner {

  position: relative;

}

.video-page .banner .banner-title-container {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.3);

  display: flex;

  align-items: center;

  justify-content: center;

}

.video-page .banner .banner-title {

  color: #fff;

  text-align: center;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .video-page .banner .banner-title {

    font-size: 26px;

  }

}

.video-page .video-container {

  background: #000;

}

.video-page .video-container .video-nav-container {

  padding: 4.1667vw 6.25vw 4.5833vw;

}

.video-page .video-container .video-nav-container .video-nav-list {

  width: 100%;

  padding-bottom: 1.1458vw;

  position: relative;

  display: flex;

}

.video-page .video-container .video-nav-container .video-nav-list::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.2083vw;

  opacity: 0.2;

  background: #fff;

}

.video-page .video-container .video-nav-container .video-nav-list .video-nav-item {

  margin-right: 3.125vw;

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

  line-height: 1.62;

  cursor: pointer;

}

.video-page .video-container .video-nav-container .video-nav-list .video-nav-item:last-child {

  margin-right: 0;

}

.video-page .video-container .video-nav-container .video-nav-list .activate {

  position: relative;

}

.video-page .video-container .video-nav-container .video-nav-list .activate::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -1.1458vw;

  width: 100%;

  height: 0.2083vw;

  background: #fd0000;

}

.video-page .video-container .video-list-container {

  padding: 3.6458vw 6.25vw 0;

}

.video-page .video-container .video-list-container .video-list {

  display: flex;

  flex-wrap: wrap;

}

.video-page .video-container .video-list-container .video-list .video-item {

  width: 32%;

  cursor: pointer;

  margin-right: 2%;

  margin-bottom: 5.7292vw;

  height: auto;

  box-sizing: border-box;

}

.video-page .video-container .video-list-container .video-list .video-item video,

.video-page .video-container .video-list-container .video-list .video-item img {

  width: 100%;

  height: 18.6458vw;

}

.video-page .video-container .video-list-container .video-list .video-item:nth-of-type(3n) {

  margin-right: 0;

}

.video-page .video-container .video-list-container .video-list .video-item:hover .video-image .video-mask .video-btn {

  background: #fd0000;

}

.video-page .video-container .video-list-container .video-list .video-item:hover .video-image .video-mask .video-btn svg path {

  fill: #fff;

}

.video-page .video-container .video-list-container .video-list .video-item .video-image {

  position: relative;

}

.video-page .video-container .video-list-container .video-list .video-item .video-image .video-mask {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.video-page .video-container .video-list-container .video-list .video-item .video-image .video-mask .video-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 3.125vw;

  height: 3.125vw;

  transition: all ease 0.5s;

  background: #fff;

  border-radius: 50%;

}

.video-page .video-container .video-list-container .video-list .video-item .video-image .video-mask .video-btn svg {

  width: 1.0417vw;

}

.video-page .video-container .video-list-container .video-list .video-item .title {

  padding-top: 1.1458vw;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

  width: 100%;

  white-space: nowrap;

  /* 防止文本换行 */

  overflow: hidden;

  /* 隐藏溢出的内容 */

  text-overflow: ellipsis;

  /* 超出部分显示省略号 */

}

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

  .video-page .video-container .video-list-container .video-list .video-item .title {

    font-size: 16px;

  }

}

.video-page .video-container .video-list-container .video-list .video-item .date {

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

}

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

  .video-page .video-container .video-list-container .video-list .video-item .date {

    font-size: 12px;

  }

}

.video-page .video-container .video-list-container .video-list .video-item .desc {

  padding-top: 1.3542vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  display: -webkit-box;

  /* 需要为多行文本使用 flexbox 布局 */

  -webkit-box-orient: vertical;

  /* 设置盒子的方向为垂直 */

  -webkit-line-clamp: 2;

  /* 显示的行数 */

  overflow: hidden;

  /* 隐藏溢出的内容 */

  text-overflow: ellipsis;

  /* 超出部分显示省略号 */

}

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

  .video-page .video-container .video-list-container .video-list .video-item .desc {

    font-size: 14px;

  }

}

.video-page .video-container .video-list-container .pagination-container {

  display: flex;

  justify-content: center;

  align-items: center;

}

.video-page .video-container .video-list-container .pagination-container div {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .video-page .video-container .video-list-container .pagination-container div {

    font-size: 14px;

  }

}

.video-page .video-container .video-list-container .pagination-container .prev {

  margin-right: 1.0417vw;

  cursor: pointer;

}

.video-page .video-container .video-list-container .pagination-container .next {

  margin-left: 1.0417vw;

  cursor: pointer;

}

.video-page .video-container .video-list-container .pagination-container .pagination-list {

  display: flex;

  align-items: center;

}

.video-page .video-container .video-list-container .pagination-container .pagination-list .pagination-item {

  margin-right: 1.5625vw;

  width: 1.6146vw;

  height: 1.6146vw;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.video-page .video-container .video-list-container .pagination-container .pagination-list .pagination-item:last-child {

  margin-right: 0;

}

.video-page .video-container .video-list-container .pagination-container .pagination-list .activate {

  background: #fd0000;

}

.media-detail-page {

  padding: 12.0313vw 6.25vw 3.125vw;

  background: #000;

}

.media-detail-page .media-detail-container {

  display: flex;

}

.media-detail-page .media-detail-container .md-left {

  width: 62.5vw;

  flex-shrink: 0;

  margin-right: 3.125vw;

}

.media-detail-page .media-detail-container .md-left .md-title-container {

  position: relative;

}

.media-detail-page .media-detail-container .md-left .md-title-container::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: rgba(255, 255, 255, 0.2);

}

.media-detail-page .media-detail-container .md-left .md-title-container .title {

  color: #fff;

  font-size: 2.3438vw;

  font-weight: bold;

}

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

  .media-detail-page .media-detail-container .md-left .md-title-container .title {

    font-size: 20px;

  }

}

.media-detail-page .media-detail-container .md-left .md-title-container .date {

  padding: 1.0417vw 0 1.9792vw;

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

}

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

  .media-detail-page .media-detail-container .md-left .md-title-container .date {

    font-size: 12px;

  }

}

.media-detail-page .media-detail-container .md-left .md-title-container .platform-list {

  display: flex;

  align-items: center;

}

.media-detail-page .media-detail-container .md-left .md-title-container .platform-list img {

  width: 0.9896vw;

  margin-right: 1.0938vw;

  cursor: pointer;

}

.media-detail-page .media-detail-container .md-left .md-title-container .platform-list img:last-child {

  margin-right: 0;

}

.media-detail-page .media-detail-container .md-left .md-title-container .related-product {

  padding: 2.0833vw 0 1.4063vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .media-detail-page .media-detail-container .md-left .md-title-container .related-product {

    font-size: 14px;

  }

}

.media-detail-page .media-detail-container .md-left .md-title-container .related-product a {

  margin-left: 2.0833vw;

}

.media-detail-page .media-detail-container .md-left .md-content-container {

  padding-top: 1.25vw;

}

.media-detail-page .media-detail-container .md-left .md-content-container p {

  /*margin-top: 2.3958vw;*/

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;
  margin: 0;

}

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

  .media-detail-page .media-detail-container .md-left .md-content-container p {

    font-size: 14px;

  }

}

.media-detail-page .media-detail-container .md-left .md-content-container p img {

  width: 100%;

  display: block;

}

.media-detail-page .media-detail-container .md-left .md-footer {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 9.7917vw;

}

.media-detail-page .media-detail-container .md-left .md-footer .prev,

.media-detail-page .media-detail-container .md-left .md-footer .next {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .media-detail-page .media-detail-container .md-left .md-footer .prev,

  .media-detail-page .media-detail-container .md-left .md-footer .next {

    font-size: 14px;

  }

}

.media-detail-page .media-detail-container .md-left .md-footer .prev:hover,

.media-detail-page .media-detail-container .md-left .md-footer .next:hover {

  text-decoration: underline;

}

.media-detail-page .media-detail-container .md-right {

  width: 100%;

}

.media-detail-page .media-detail-container .md-right .md-right-title {

  padding-bottom: 1.5104vw;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

}

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

  .media-detail-page .media-detail-container .md-right .md-right-title {

    font-size: 16px;

  }

}

.media-detail-page .media-detail-container .md-right .md-right-item {

  margin-bottom: 4.0104vw;

  display: block;

}

.media-detail-page .media-detail-container .md-right .md-right-item:last-child {

  margin-bottom: 0;

}

.media-detail-page .media-detail-container .md-right .md-right-item .image {

  width: 100%;

}

.media-detail-page .media-detail-container .md-right .md-right-item .title {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  padding: 0.9896vw 0;

}

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

  .media-detail-page .media-detail-container .md-right .md-right-item .title {

    font-size: 14px;

  }

}

.media-detail-page .media-detail-container .md-right .md-right-item .date {

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

}

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

  .media-detail-page .media-detail-container .md-right .md-right-item .date {

    font-size: 12px;

  }

}

.contact-page {

  background: #000;

}

.contact-page .banner {

  position: relative;

}

.contact-page .banner .contact-title {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate3d(-50%, -50%, 0);

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .contact-page .banner .contact-title {

    font-size: 26px;

  }

}

.contact-page .contact-container {

  padding: 6.7708vw 6.25vw 4.8958vw;

}

.contact-page .contact-container .info-card-list {

  display: flex;

  justify-content: space-between;

}

.contact-page .contact-container .info-card-list .info-card-item {

  width: calc((100% - 4.6875vw) / 3);

  display: flex;

  align-items: flex-start;

  padding: 2.0833vw 3.9063vw;

  border-radius: 1.0417vw;

  background: #333;

  cursor: pointer;

}

.contact-page .contact-container .info-card-list .info-card-item:hover .icon {

  background: #fd0000;

}

.contact-page .contact-container .info-card-list .info-card-item:hover .icon svg path {

  fill: #fff;

}

.contact-page .contact-container .info-card-list .info-card-item .icon {

  margin: auto 0;

  width: 2.5vw;

  height: 2.5vw;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: #fff;

  margin-right: 1.0938vw;

  flex-shrink: 0;

  transition: all ease 0.5s;

}

.contact-page .contact-container .info-card-list .info-card-item .icon svg path {

  fill: #000;

}

.contact-page .contact-container .info-card-list .info-card-item .info {

  width: 100%;

}

.contact-page .contact-container .info-card-list .info-card-item .info .name {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

  line-height: 1.38;

}

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

  .contact-page .contact-container .info-card-list .info-card-item .info .name {

    font-size: 16px;

  }

}

.contact-page .contact-container .info-card-list .info-card-item .info .desc {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

}

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

  .contact-page .contact-container .info-card-list .info-card-item .info .desc {

    font-size: 14px;

  }

}

.contact-page .contact-container .form-title {

  color: #fff;

  text-align: center;

  font-size: 3.6458vw;

  font-weight: bold;

  padding-top: 8.5417vw;

}

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

  .contact-page .contact-container .form-title {

    font-size: 26px;

  }

}

.contact-page .contact-container .contact-form {

  padding: 3.3854vw 16.25vw 0;

}

.contact-page .contact-container .contact-form .pt2-row {

  display: flex;

  justify-content: space-between;

}

.contact-page .contact-container .contact-form .pt2-row .pt2-item {

  width: 23.9583vw;

  margin-bottom: 0.9375vw;

}

.contact-page .contact-container .contact-form .pt2-row .pt2-item .name {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

}

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

  .contact-page .contact-container .contact-form .pt2-row .pt2-item .name {

    font-size: 14px;

  }

}

.contact-page .contact-container .contact-form .pt2-row .pt2-item input,

.contact-page .contact-container .contact-form .pt2-row .pt2-item select {

  box-sizing: border-box;

  width: 100%;

  height: 2.5521vw;

  border-radius: 1.276vw;

  background: #333;

  color: #fff;

  border: none;

  padding: 0 0.5208vw;

}

.contact-page .contact-container .contact-form .pt2-row .error input,

.contact-page .contact-container .contact-form .pt2-row .error select {

  box-shadow: 0 0 0 1px #fd0000;

}

.contact-page .contact-container .contact-form .pt2-row .max-item {

  width: 100%;

}

.contact-page .contact-container .contact-form .pt2-row .max-item textarea {

  box-sizing: border-box;

  width: 100%;

  border-radius: 1.25vw;

  background: #333;

  border: none;

  resize: none;

  padding: 0.7813vw;

  color: #fff;

}

.contact-page .contact-container .contact-form .notice {

  padding: 0.7292vw 0 2.0833vw;

}

.contact-page .contact-container .contact-form .notice .name {

  color: #fff;

  font-size: 0.9375vw;

  line-height: 2;

  /* 200% */

}

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

  .contact-page .contact-container .contact-form .notice .name {

    font-size: 14px;

  }

}

.contact-page .contact-container .contact-form .notice .notice-item {

  display: flex;

  align-items: center;

}

.contact-page .contact-container .contact-form .notice .notice-item .notice-item-text {

  padding-left: 0.5208vw;

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

  line-height: 1.62;

}

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

  .contact-page .contact-container .contact-form .notice .notice-item .notice-item-text {

    font-size: 12px;

  }

}

.contact-page .contact-container .contact-form .notice .desc {

  color: #fff;

  font-size: 0.7292vw;

  font-weight: 400;

  line-height: 1.85;

}

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

  .contact-page .contact-container .contact-form .notice .desc {

    font-size: 10px;

  }

}

.download-page {

  background: #000;

}

.download-page .download-search {

  padding: 17.7083vw 16.9271vw 9.3229vw;

  position: relative;

}

.download-page .download-search::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  opacity: 0.2;

  background: #d9d9d9;

}

.download-page .download-search .download-search-title {

  color: #fff;

  text-align: center;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .download-page .download-search .download-search-title {

    font-size: 26px;

  }

}

.download-page .download-search .download-search-input {

  width: 100%;

  position: relative;

}

.download-page .download-search .download-search-input input {

  width: 100%;

  box-sizing: border-box;

  height: 3.6979vw;

  border-radius: 1.849vw;

  background: #333;

  border: none;

  padding: 0 0.5208vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

}

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

  .download-page .download-search .download-search-input input {

    font-size: 14px;

  }

}

.download-page .download-search .download-search-input .search-btn {

  position: absolute;

  right: 0.4167vw;

  top: 50%;

  transform: translate3d(0, -50%, 0);

  width: 2.9688vw;

  height: 2.9688vw;

  border-radius: 50%;

  background: #fd0000;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.download-page .download-search .download-search-input .search-btn svg {

  width: 0.9375vw;

}

.download-page .file-list-container {

  display: flex;

}

.download-page .file-list-container .file-list-nav {

  width: 24.4792vw;

  flex-shrink: 0;

  padding: 1.1979vw 2.6042vw 1.1979vw 6.25vw;

  position: relative;

}

.download-page .file-list-container .file-list-nav::after {

  content: '';

  position: absolute;

  right: 0;

  bottom: 0;

  width: 1px;

  height: 100%;

  opacity: 0.2;

  background: #d9d9d9;

}

.download-page .file-list-container .file-list-nav .title {

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: bold;

  line-height: 2;

  padding-bottom: 0.8333vw;

  position: relative;

}

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

  .download-page .file-list-container .file-list-nav .title {

    font-size: 14px;

  }

}

.download-page .file-list-container .file-list-nav .title::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  opacity: 0.2;

  background: #d9d9d9;

}

.download-page .file-list-container .file-list-nav .list {

  width: 100%;

}

.download-page .file-list-container .file-list-nav .list .file-item-group {

  margin-top: 1.3542vw;

}

.download-page .file-list-container .file-list-nav .list .file-item-group .name {

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

  font-weight: bold;

}

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

  .download-page .file-list-container .file-list-nav .list .file-item-group .name {

    font-size: 14px;

  }

}

.download-page .file-list-container .file-list-nav .list .file-item-group .name i {

  color: #fff;

  font-size: 0.9375vw;

  transform: rotate(-90deg);

}

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

  .download-page .file-list-container .file-list-nav .list .file-item-group .name i {

    font-size: 14px;

  }

}

.download-page .file-list-container .file-list-nav .list .file-item-group .file-item-children {

  display: none;

}

.download-page .file-list-container .file-list-nav .list .file-item-group .file-item-children .children-item {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

  opacity: 0.5;

  cursor: pointer;

}

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

  .download-page .file-list-container .file-list-nav .list .file-item-group .file-item-children .children-item {

    font-size: 14px;

  }

}

.download-page .file-list-container .file-list-nav .list .file-item-group .file-item-children .activate {

  opacity: 1;

}

.download-page .file-list-container .file-list-nav .list .open .name i {

  transform: rotate(90deg);

}

.download-page .file-list-container .file-content-container {

  width: 100%;

  padding: 1.6146vw 6.25vw 0 2.6042vw;

}

.download-page .file-list-container .file-content-container .file-content-item {

  margin-bottom: 2.1875vw;

}

.download-page .file-list-container .file-content-container .file-content-item:last-child {

  margin-bottom: 0;

}

.download-page .file-list-container .file-content-container .file-content-item .file-group {

  background: #333;

  border-radius: 1.0417vw;

  padding: 2.0833vw 2.1875vw 3.125vw;

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-title {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

  line-height: 1.38;

  padding-bottom: 1.3542vw;

  position: relative;

}

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

  .download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-title {

    font-size: 16px;

  }

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-title::before {

  content: '';

  position: absolute;

  left: -1.0417vw;

  top: -0.7813vw;

  width: 3.75vw;

  height: 1.5625vw;

  background: url('/static/img/header-title-icon.png') no-repeat;

  background-size: 3.75vw 1.562vw;

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-title::after {

  content: '';

  position: absolute;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  opacity: 0.2;

  background: #d9d9d9;

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-list {

  display: flex;

  flex-wrap: wrap;

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-list .file-item {

  margin-top: 5.0521vw;

  width: 25%;

  color: #fff;

  margin-right: 12.5%;

  cursor: pointer;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-list .file-item .file-name {

  font-size: 0.9375vw;

  font-weight: bold;

  padding-top: 0.5208vw;

  opacity: 0.5;

}

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

  .download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-list .file-item .file-name {

    font-size: 14px;

  }

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-list .file-item .file-image {

  width: 60px;

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-list .file-item .file-image img {

  width: 100%;

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-list .file-item:hover .file-name {

  opacity: 1;

}

.download-page .file-list-container .file-content-container .file-content-item .file-group .file-group-list .file-item:nth-of-type(3n) {

  margin-right: 0;

}

.download-page .file-list-container .file-content-detail-container {

  width: 100%;

  padding: 1.6146vw 6.25vw 0 2.6042vw;

}

.download-page .file-list-container .file-content-detail-container .file-content-detail {

  display: none;

  background: #333;

  border-radius: 1.0417vw;

  padding: 2.0833vw 2.1875vw 3.125vw;

}

.download-page .file-list-container .file-content-detail-container .file-content-detail .file-content-title {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

  line-height: 1.38;

  padding-bottom: 1.3542vw;

  position: relative;

}

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

  .download-page .file-list-container .file-content-detail-container .file-content-detail .file-content-title {

    font-size: 16px;

  }

}

.download-page .file-list-container .file-content-detail-container .file-content-detail .file-content-title::after {

  content: '';

  position: absolute;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  opacity: 0.2;

  background: #d9d9d9;

}

.download-page .file-list-container .file-content-detail-container .file-content-detail .file-content-list {

  padding-top: 0.9896vw;

}

.download-page .file-list-container .file-content-detail-container .file-content-detail .file-content-list .file-content-item {

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

  cursor: pointer;

}

.download-page .file-list-container .file-content-detail-container .file-content-detail .file-content-list .file-content-item:hover .name {

  color: #fd0000;

}

.download-page .file-list-container .file-content-detail-container .file-content-detail .file-content-list .file-content-item::before {

  content: '';

  position: absolute;

  left: 0.2604vw;

  top: 50%;

  transform: translate3d(0, -50%, 0);

  width: 0.2604vw;

  height: 0.2604vw;

  border-radius: 50%;

  background: #fff;

}

.download-page .file-list-container .file-content-detail-container .file-content-detail .file-content-list .file-content-item .name {

  padding-left: 1.0417vw;

  color: #fff;

  font-size: 0.8333vw;

  font-weight: 400;

  line-height: 4.375;

}

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

  .download-page .file-list-container .file-content-detail-container .file-content-detail .file-content-list .file-content-item .name {

    font-size: 12px;

  }

}

.download-page .file-list-container .file-content-detail-container .active {

  display: block;

}

.download-page .file-list-container .hidden {

  display: none;

}

.product-detail-sp-page .banner {

  position: relative;

}

.product-detail-sp-page .banner .mask {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: #000;

  opacity: 0.3;

  z-index: 1;

}

.product-detail-sp-page .banner .banner-text {

  z-index: 2;

  padding: 6.25vw;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translate3d(0, -50%, 0);

}

.product-detail-sp-page .banner .banner-text .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-sp-page .banner .banner-text .title {

    font-size: 26px;

  }

}

.product-detail-sp-page .banner .banner-text .type {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .product-detail-sp-page .banner .banner-text .type {

    font-size: 14px;

  }

}

.product-detail-sp-page .sp1 .sp1-container {

  position: relative;

}

.product-detail-sp-page .sp1 .sp1-container .sp-mask-left,

.product-detail-sp-page .sp1 .sp1-container .sp-mask-right {

  z-index: 1;

  position: absolute;

  top: 0;

  width: 42.8125vw;

  height: 100%;

}

.product-detail-sp-page .sp1 .sp1-container .sp-mask-left img,

.product-detail-sp-page .sp1 .sp1-container .sp-mask-right img {

  width: 100%;

  object-fit: cover;

  height: 100%;

}

.product-detail-sp-page .sp1 .sp1-container .sp-mask-left {

  left: 0;

}

.product-detail-sp-page .sp1 .sp1-container .sp-mask-right {

  right: 0;

}

.product-detail-sp-page .sp1 .sp1-container .sp1-item {

  position: relative;

}

.product-detail-sp-page .sp1 .sp1-container .sp1-item .sp1-item-text {

  z-index: 2;

  width: 100%;

  position: absolute;

  padding: 1.5625vw 6.25vw;

  left: 0;

  top: 50%;

  transform: translate3d(0, -50%, 0);

}

.product-detail-sp-page .sp1 .sp1-container .sp1-item .sp1-item-text .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-sp-page .sp1 .sp1-container .sp1-item .sp1-item-text .title {

    font-size: 26px;

  }

}

.product-detail-sp-page .sp1 .sp1-container .sp1-item .sp1-item-text .desc {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .product-detail-sp-page .sp1 .sp1-container .sp1-item .sp1-item-text .desc {

    font-size: 16px;

  }

}

.product-detail-sp-page .sp1 .sp1-container .sp1-item .sp1-item-text .icons {

  padding-top: 2.6042vw;

  display: flex;

  justify-content: flex-end;

}

.product-detail-sp-page .sp1 .sp1-container .sp1-item .sp1-item-text .icons img {

  width: 3.0729vw;

  margin-right: 4.1667vw;

}

.product-detail-sp-page .sp1 .sp1-container .sp1-item .sp1-item-text .icons img:last-child {

  margin-right: 0;

}

.product-detail-sp-page .sp1 .sp1-container .right-side .sp1-item-text .title {

  text-align: right;

}

.product-detail-sp-page .sp1 .sp1-container .right-side .sp1-item-text .desc {

  text-align: right;

}

.product-detail-sp-page .sp2 {

  background: #000;

}

.product-detail-sp-page .sp2 .sp2-container {

  padding: 5.4688vw 6.25vw 9.5313vw;

}

.product-detail-sp-page .sp2 .sp2-container .title {

  color: #fff;

  text-align: center;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-sp-page .sp2 .sp2-container .title {

    font-size: 26px;

  }

}

.product-detail-sp-page .sp2 .sp2-container .type {

  color: #fff;

  text-align: center;

  font-size: 0.9375vw;

  font-weight: 400;

  padding: 1.4063vw 0 3.3333vw;

}

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

  .product-detail-sp-page .sp2 .sp2-container .type {

    font-size: 14px;

  }

}

.product-detail-sp-page .sp3 {

  background: url('/static/img/pd-sp/sp3-banner.png') repeat;

  background-size: 100% 100%;

  height: 200vh;

  position: relative;

}

.product-detail-sp-page .sp3 .sp3-container {

  position: sticky;

  top: 0;

  display: flex;

  flex-direction: column;

  padding: 11.8229vw 6.25vw 3.9063vw;

  align-items: center;

}

.product-detail-sp-page .sp3 .sp3-container .sp3-top {

  position: relative;

  width: 55.2083vw;

  display: flex;

  justify-content: center;

  height: 5.2083vw;

}

.product-detail-sp-page .sp3 .sp3-container .sp3-text {

  width: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate3d(-50%, -50%, 0);

  opacity: 1;

  color: #fff;

  text-align: center;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .product-detail-sp-page .sp3 .sp3-container .sp3-text {

    font-size: 16px;

  }

}

.product-detail-sp-page .sp3 .sp3-container .sp3-text-two {

  display: flex;

  justify-content: space-between;

  width: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate3d(-50%, -50%, 0);

  opacity: 1;

}

.product-detail-sp-page .sp3 .sp3-container .sp3-text-two a {

  color: #fff;

  text-align: center;

  font-size: 1.3542vw;

  font-weight: 400;

}

.product-detail-sp-page .sp3 .sp3-container .sp3-text-two a:last-child {

  margin-right: 0;

}

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

  .product-detail-sp-page .sp3 .sp3-container .sp3-text-two a {

    font-size: 16px;

  }

}

.product-detail-sp-page .sp3 .sp3-container .sp3-hidden {

  transition: opacity ease 0.5s;

  opacity: 0;

}

.product-detail-sp-page .sp3 .sp3-container .sp3-image {

  padding-top: 5.2083vw;

  transition: all ease 0.5s;

}

.product-detail-sp-page .sp3 .sp3-container .sp3-image img {

  transition: all ease 0.5s;

}

.product-detail-sp-page .pd4 {

  background: #000;

}

.product-detail-sp-page .pd4 .pd4-swiper-container {

  overflow: hidden;

  display: flex;

  justify-content: center;

}

.product-detail-sp-page .pd4 .pd4-swiper {

  width: 73.9583vw;

}

.product-detail-sp-page .pd4 .pd4-swiper .swiper-slide {

  flex-shrink: 0;

  position: relative;

}

.product-detail-sp-page .pd4 .pd4-swiper .swiper-slide img {

  display: block;

}

.product-detail-sp-page .pd4 .pd4-swiper .swiper-slide .mask-container {

  transition: all ease 0.5s;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0;

}

.product-detail-sp-page .pd4 .pd4-swiper .swiper-slide .mask-container .mask {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.3;

}

.product-detail-sp-page .pd4 .pd4-swiper .swiper-slide .mask-container .text {

  z-index: 1;

  padding: 3.6458vw 2.6042vw;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.product-detail-sp-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-sp-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .title {

    font-size: 26px;

  }

}

.product-detail-sp-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .desc {

  padding: 0.9375vw 0;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .product-detail-sp-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .desc {

    font-size: 16px;

  }

}

.product-detail-sp-page .pd4 .pd4-swiper .swiper-slide .mask-container .text .pd4-btn {

  margin-top: 4.1667vw;

}

.product-detail-sp-page .pd4 .pd4-swiper .swiper-slide-active .mask-container {

  opacity: 1;

}

.product-detail-sp-page .pd4 .pd4-footer {

  padding: 1.1458vw 12.3438vw;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.product-detail-sp-page .pd4 .pd4-footer .pd4-pagination {

  display: flex;

  align-items: center;

}

.product-detail-sp-page .pd4 .pd4-footer .pd4-pagination .pagination-bullet {

  width: 1.0417vw;

  height: 0.1563vw;

  opacity: 0.5;

  background: #d9d9d9;

  margin-right: 0.4688vw;

}

.product-detail-sp-page .pd4 .pd4-footer .pd4-pagination .pagination-bullet:last-child {

  margin-right: 0;

}

.product-detail-sp-page .pd4 .pd4-footer .pd4-pagination .activate {

  opacity: 1;

}

.product-detail-sp-page .pd4 .pd4-footer .btn-list {

  display: flex;

  align-items: center;

}

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-prev,

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-next {

  margin-right: 0.625vw;

  cursor: pointer;

  transition: all ease 0.5s;

  width: 2.6042vw;

  height: 2.6042vw;

  border-radius: 50%;

  box-shadow: 0 0 0 1px #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-prev:last-child,

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-next:last-child {

  margin-right: 0;

}

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-prev i,

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-next i {

  color: #fff;

  font-size: 1.0938vw;

}

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-prev:hover,

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-next:hover {

  background: #fff;

}

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-prev:hover i,

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-next:hover i {

  color: #000;

}

.product-detail-sp-page .pd4 .pd4-footer .btn-list .index5-next i {

  transform: rotate(180deg);

}

.product-detail-sp-page .sp4 {

  background: #000;

}

.product-detail-sp-page .sp4 .sp4-container {

  padding: 14.8438vw 6.25vw 12.1875vw;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.product-detail-sp-page .sp4 .sp4-container .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

  text-align: center;

}

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

  .product-detail-sp-page .sp4 .sp4-container .title {

    font-size: 26px;

  }

}

.product-detail-sp-page .sp4 .sp4-container .desc {

  width: 55.2083vw;

  color: #fff;

  text-align: center;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .product-detail-sp-page .sp4 .sp4-container .desc {

    font-size: 16px;

  }

}

.product-detail-sp-page .sp5 {

  background: #000;

}

.product-detail-sp-page .sp5 .sp5-container {

  display: flex;

  align-items: center;

  padding: 0 6.25vw 11.0938vw;

}

.product-detail-sp-page .sp5 .sp5-container .sp5-left {

  width: 45.3125vw;

  flex-shrink: 0;

  margin-right: 2.4479vw;

}

.product-detail-sp-page .sp5 .sp5-container .sp5-right {

  position: relative;

}

.product-detail-sp-page .sp5 .sp5-container .sp5-right::after {

  content: '';

  position: absolute;

  right: 0;

  top: 50%;

  transform: translate3d(0, -50%, 0);

  width: 46.6667vw;

  height: 0.2083vw;

  opacity: 0.5;

  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);

}

.product-detail-sp-page .sp5 .sp5-container .sp5-right .title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-sp-page .sp5 .sp5-container .sp5-right .title {

    font-size: 26px;

  }

}

.product-detail-sp-page .sp5 .sp5-container .sp5-right .desc {

  padding-top: 4.5313vw;

  color: #fff;

  text-align: right;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

}

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

  .product-detail-sp-page .sp5 .sp5-container .sp5-right .desc {

    font-size: 16px;

  }

}

.product-detail-sp-page .sp6 {

  background: #000;

}

.product-detail-sp-page .sp6 .sp6-container {

  display: flex;

  align-items: center;

  padding: 12.0833vw 6.25vw;

}

.product-detail-sp-page .sp6 .sp6-container .sp6-left {

  width: 43.2292vw;

  margin-right: 3.6458vw;

  flex-shrink: 0;

}

.product-detail-sp-page .sp6 .sp6-container .sp6-left .left-item {

  margin-bottom: 2.9688vw;

}

.product-detail-sp-page .sp6 .sp6-container .sp6-left .left-item:last-child {

  margin-bottom: 0;

}

.product-detail-sp-page .sp6 .sp6-container .sp6-right .right-text {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  line-height: 1.38;

  padding-bottom: 10.4167vw;

}

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

  .product-detail-sp-page .sp6 .sp6-container .sp6-right .right-text {

    font-size: 16px;

  }

}

.product-detail-sp-page .sp7 {

  background: #000;

}

.product-detail-sp-page .sp7 .sp7-container {

  padding: 5.4688vw 12.0833vw 9.5313vw;

}

.product-detail-sp-page .sp7 .sp7-container .title {

  color: #fff;

  text-align: center;

  font-size: 3.6458vw;

  font-weight: bold;

}

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

  .product-detail-sp-page .sp7 .sp7-container .title {

    font-size: 26px;

  }

}

.product-detail-sp-page .sp7 .sp7-container .type {

  color: #fff;

  text-align: center;

  font-size: 0.9375vw;

  font-weight: 400;

  padding: 1.4063vw 10.4167vw 3.3333vw;

}

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

  .product-detail-sp-page .sp7 .sp7-container .type {

    font-size: 14px;

  }

}

.product-detail-sp-page .sp8 {

  background: #000;

  padding: 11.3542vw 6.25vw 0;

}

.product-detail-sp-page .sp8 .params-container .params-item {

  display: flex;

  justify-content: space-between;

  padding-top: 2.6042vw;

  position: relative;

  margin-top: 10.5729vw;

}

.product-detail-sp-page .sp8 .params-container .params-item:first-child {

  margin-top: 0;

}

.product-detail-sp-page .sp8 .params-container .params-item::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 0.2083vw;

  background: #fff;

}

.product-detail-sp-page .sp8 .params-container .params-item .params-title {

  color: #fff;

  font-size: 2.3958vw;

  font-weight: bold;

  width: 100%;

}

.product-detail-sp-page .sp8 .params-container .params-item .params-list {

  width: 50.8333vw;

  flex-shrink: 0;

}

.product-detail-sp-page .sp8 .params-container .params-item .params-list .params-row {

  display: flex;

  justify-content: space-between;

}

.product-detail-sp-page .sp8 .params-container .params-item .params-list .params-row .cow1,

.product-detail-sp-page .sp8 .params-container .params-item .params-list .params-row .cow2 {

  padding: 0.3646vw 1.3542vw;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

  line-height: 2;

}

.product-detail-sp-page .sp8 .params-container .params-item .params-list .params-row .cow1 {

  width: 16.875vw;

  margin-right: 0.8333vw;

  flex-shrink: 0;

}

.product-detail-sp-page .sp8 .params-container .params-item .params-list .params-row .cow2 {

  width: 100%;

}

.product-detail-sp-page .sp8 .params-container .params-item .params-list .gray-row .cow1,

.product-detail-sp-page .sp8 .params-container .params-item .params-list .gray-row .cow2 {

  background: #333;

}

.product-detail-sp-page .sp8 .params-container .download-container {

  margin-top: 1.5625vw;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.product-detail-sp-page .sp8 .params-container .download-container .download-item {

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  cursor: pointer;

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

.product-detail-sp-page .sp8 .params-container .download-container .download-item svg {

  margin-right: 0.4167vw;

}

.product-detail-sp-page .sp8 .params-container .download-container .download-item::before {

  content: '';

  position: absolute;

  left: 0;

  bottom: -0.1563vw;

  width: 100%;

  height: 1px;

  background: #fff;

}

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

  .product-detail-sp-page .sp8 .params-container .download-container .download-item {

    font-size: 14px;

  }

}

.product-detail-sp-page .sp9 {

  padding: 9.375vw 6.25vw 9.7917vw;

  background: #000;

}

.product-detail-sp-page .sp9 .sp9-title {

  color: #fff;

  font-size: 3.6458vw;

  font-weight: bold;

  text-align: center;

}

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

  .product-detail-sp-page .sp9 .sp9-title {

    font-size: 26px;

  }

}

.product-detail-sp-page .sp9 .product-list {

  padding-top: 3.75vw;

  display: flex;

  flex-wrap: wrap;

}

.product-detail-sp-page .sp9 .product-list .product-item {

  width: 22%;

  height: 27.0833vw;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding: 0.8854vw;

  cursor: pointer;

  margin-right: 4%;

  border-radius: 1.0417vw;

}

.product-detail-sp-page .sp9 .product-list .product-item:nth-of-type(4n) {

  margin-right: 0;

}

.product-detail-sp-page .sp9 .product-list .product-item:hover {

  background: linear-gradient(180deg, #181818 0%, #414141 100%);

}

.product-detail-sp-page .sp9 .product-list .product-item:hover .product-footer {

  justify-content: center;

}

.product-detail-sp-page .sp9 .product-list .product-item:hover .product-footer .product-btn {

  display: none;

}

.product-detail-sp-page .sp9 .product-list .product-item .product-image {

  display: flex;

  justify-content: center;

  align-items: flex-end;

}

.product-detail-sp-page .sp9 .product-list .product-item .product-image img {

  width: 8.9063vw;

  max-width: 100%;

}

.product-detail-sp-page .sp9 .product-list .product-item .product-footer {

  flex-shrink: 0;

  padding-top: 2.1354vw;

  display: flex;

  justify-content: center;

  align-items: center;

}

.product-detail-sp-page .sp9 .product-list .product-item .product-footer .info .name {

  color: #fff;

  font-size: 1.3542vw;

  font-weight: bold;

}

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

  .product-detail-sp-page .sp9 .product-list .product-item .product-footer .info .name {

    font-size: 16px;

  }

}

.product-detail-sp-page .sp9 .product-list .product-item .product-footer .info .type {

  color: #fff;

  font-size: 0.9375vw;

  font-weight: 400;

}

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

  .product-detail-sp-page .sp9 .product-list .product-item .product-footer .info .type {

    font-size: 14px;

  }

}

.product-detail-sp-page .sp9 .product-list .product-item .product-footer .product-btn {

  width: 1.7708vw;

  height: 1.7708vw;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fd0000;

  border-radius: 50%;

  position: relative;

  display: none;

}

.product-detail-sp-page .sp9 .product-list .product-item .product-footer .product-btn::after {

  content: '＋';

  position: absolute;

  left: 50%;

  top: 50%;

  color: #fff;

  font-size: 1.3542vw;

  font-weight: 400;

  transform: translate3d(-50%, -50%, 0);

  display: block;

}

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

  .product-detail-sp-page .sp9 .product-list .product-item .product-footer .product-btn::after {

    font-size: 16px;

  }

}