@charset "utf-8";
.ones-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.twos-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.picture {
  /*position: relative;*/
  overflow: hidden;
  /*z-index: 10;*/
}
.picture img {
  transition: all 1.8s ease-in-out;
}
.each-item:hover .picture img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  zoom: 1.1 \9;
}
/*flex 布局*/
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-hc {
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-zBetween {
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-zEnd {
  -webkit-box-pack: end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-zStart {
  -webkit-box-pack: start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.flex-ac {
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-cStart {
  -webkit-box-align: start;
  -moz-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex-cEnd {
  -webkit-box-align: end;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex-cBaseline {
  -webkit-box-align: baseline;
  -moz-align-items: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.flex-cStretch {
  -webkit-box-align: stretch;
  -moz-align-items: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.flex-zTopBottom {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-zBottomTop {
  -webkit-box-pack: end;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flex-zLeftRight {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.flex-zRightLeft {
  -webkit-box-pack: end;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-shrink {
  -webkit-box-flex: 0;
  -moz-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.flex-center {
  -webkit-align-content: center;
  align-content: center;
}
.flex-start {
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.flex-end {
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
.flex-between {
  -webkit-align-content: space-between;
  align-content: space-between;
}
.flex-container {
  -webkit-align-content: space-around;
  align-content: space-around;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flex_bd {
  -prefix-box-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: calc(5.20833333vw);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei";
  /* COLOR */
  --active-color: #ff3503;
 	/*--active-color: #db2828;*/
  --white-color: #fff;
  --black-000: #000000;
  --black-333: #333333;
  --black-666: #666666;
  --black-999: #999999;
  --black-575: #575757;
  --gray-ccc: #cccccc;
  --gray-e2e: #e2e2e2;
  --gray-e5e: #e5e5e5;
  --bg-f1: #f1f1f1;
  --bg-f3: #f3f3f3;
  --bg-f5: #f5f5f5;
  --bg-f6: #f6f6f6;
  --bg-f8: #f8f8f8;
  --bg-f9: #f9f9f9;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(13.33333333vw);
  }
}
body {
  min-height: 100%;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
  font-family: "spectral-light";
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 1580px) and (max-width: 1900px) {
  body {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1580px) and (max-width: 1260px) {
  body {
    font-size: 12px;
  }
}
@media (max-width: 1580px) and (max-width: 991px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: .28rem;
  }
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea {
  overflow: auto;
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
.overflow {
  overflow: hidden;
}
@font-face {
  font-family: "spectral-regular";
  src: url('../font/spectral-regular.ttf');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "spectral-medium";
  src: url('../font/spectral-medium.ttf');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "spectral-light";
  src: url('../font/spectral-light.ttf');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "spectral-bold";
  src: url('../font/spectral-bold.ttf');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url('../font/Montserrat-Bold-3.otf');
  font-style: normal;
  font-display: swap;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
.container {
  margin: 0 auto;
  width: 90%;
}
.bg-color1 {
  background-color: #fff;
}
.pt60 {
  padding-top: 0.6rem;
}
@media (max-width: 767px) {
  .pt60 {
    padding-top: 0.4rem;
  }
}
@media (max-width: 480px) {
  .pt60 {
    padding-top: 0.5rem;
  }
}
.pb60 {
  padding-bottom: 0.6rem;
}
@media (max-width: 767px) {
  .pb60 {
    padding-bottom: 0.4rem;
  }
}
@media (max-width: 480px) {
  .pb60 {
    padding-bottom: 0.5rem;
  }
}
.pt100 {
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .pt100 {
    padding-top: 0.8rem;
  }
}
@media (max-width: 480px) {
  .pt100 {
    padding-top: 1rem;
  }
}
.pb100 {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .pb100 {
    padding-bottom: 0.8rem;
  }
}
@media (max-width: 480px) {
  .pb100 {
    padding-bottom: 1rem;
  }
}
.pt120 {
  padding-top: 1.2rem;
}
@media (max-width: 767px) {
  .pt120 {
    padding-top: 0.8rem;
  }
}
@media (max-width: 480px) {
  .pt120 {
    padding-top: 1rem;
  }
}
.pb120 {
  padding-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .pb120 {
    padding-bottom: 0.8rem;
  }
}
@media (max-width: 480px) {
  .pb120 {
    padding-bottom: 1rem;
  }
}
.pt150 {
  padding-top: 1.5rem;
}
@media (max-width: 767px) {
  .pt150 {
    padding-top: 1rem;
  }
}
@media (max-width: 480px) {
  .pt150 {
    padding-top: 1.2rem;
  }
}
.pb150 {
  padding-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .pb150 {
    padding-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .pb150 {
    padding-bottom: 1.2rem;
  }
}
.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px;
}
@media (max-width: 1900px) {
  .font14 {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .font14 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .font14 {
    font-size: 14px;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width: 1900px) {
  .font16 {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .font16 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .font16 {
    font-size: 14px;
  }
}
.font18 {
  font-size: 18px;
}
@media (max-width: 1900px) {
  .font18 {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .font18 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .font18 {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .font18 {
    font-size: 0.26rem;
  }
}
.font20 {
  font-size: 20px;
}
@media (max-width: 1900px) {
  .font20 {
    font-size: 1.041666666666667vw;
  }
}
@media (max-width: 1260px) {
  .font20 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .font20 {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .font20 {
    font-size: 0.28rem;
  }
}
.font22 {
  font-size: 22px;
}
@media (max-width: 1900px) {
  .font22 {
    font-size: 1.145833333333333vw;
  }
}
@media (max-width: 1260px) {
  .font22 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .font22 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .font22 {
    font-size: 0.32rem;
  }
}
.font24 {
  font-size: 24px;
}
@media (max-width: 1900px) {
  .font24 {
    font-size: 1.25vw;
  }
}
@media (max-width: 1260px) {
  .font24 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .font24 {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .font24 {
    font-size: 0.35rem;
  }
}
.font26 {
  font-size: 26px;
}
@media (max-width: 1900px) {
  .font26 {
    font-size: 1.354166666666667vw;
  }
}
@media (max-width: 1260px) {
  .font26 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .font26 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .font26 {
    font-size: 0.36rem;
  }
}
.font32 {
  font-size: 32px;
}
@media (max-width: 1900px) {
  .font32 {
    font-size: 1.666666666666667vw;
  }
}
@media (max-width: 1260px) {
  .font32 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .font32 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .font32 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .font32 {
    font-size: 0.4rem;
  }
}


.font40 {
  font-size: 40px;
}
@media (max-width: 1900px) {
  .font40 {
    font-size: 2.083333333333333vw;
  }
}
@media (max-width: 1260px) {
  .font40 {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .font40 {
    font-size: 32px;
  }
}
@media (max-width: 480px) {
  .font40 {
    font-size: 0.56rem;
  }
}


.font46 {
  font-size: 46px;
}
@media (max-width: 1900px) {
  .font46 {
    font-size: 2.395833333333333vw;
  }
}
@media (max-width: 1260px) {
  .font46 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .font46 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .font46 {
    font-size: 0.46rem;
  }
}
.font100 {
  font-size: 100px;
}
@media (max-width: 1900px) {
  .font100 {
    font-size: 5.208333333333333vw;
  }
}
@media (max-width: 1260px) {
  .font100 {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .font100 {
    font-size: 56px;
  }
}
@media (max-width: 480px) {
  .font100 {
    font-size: 0.72rem;
  }
}
.public-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 .2rem;
  min-width: 1rem;
}
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.public-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.public-img > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}
#hi-upgrade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
#hi-upgrade .hi-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -177px 0 0 -450px;
  width: 900px;
}
#hi-upgrade .hi-wrap .hi-title {
  font-size: 30px;
  line-height: 40px;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-close {
  margin: 10px 0;
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  color: var(--active-color);
}
#hi-upgrade .hi-wrap .hi-close:hover {
  text-decoration: underline;
}
#hi-upgrade .hi-wrap .hi-text1 {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-text1 span {
  color: var(--active-color);
}
#hi-upgrade .hi-wrap .hi-text2 {
  position: relative;
  margin: 60px 0;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-text2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  border-top: 1px solid #ddd;
}
#hi-upgrade .hi-wrap .hi-text2 span {
  position: relative;
  z-index: 5;
  padding: 0 30px;
  background: #fff;
}
#hi-upgrade .hi-wrap .hi-list {
  overflow: hidden;
}
#hi-upgrade .hi-wrap .hi-list li {
  display: inline-block;
  width: 16%;
}
#hi-upgrade .hi-wrap .hi-list li div {
  margin: 0 auto 5px;
  width: 50px;
  height: 50px;
}
#hi-upgrade .hi-wrap .hi-list li a {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-list li a:hover {
  color: var(--active-color);
}
/* 占位标签，设置导航样式 */
#interval {
  height: 0.9rem;
}
@media (max-width: 991px) {
  #interval {
    height: 70px;
  }
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  width: 100%;
  -webkit-backdrop-filter: saturate(100%);
  backdrop-filter: saturate(100%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  pointer-events: none;
}
.header .box {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .header .box .logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
  }
}
.header .box .logo a img {
  max-width: 1.05rem;
}
.header .box .logo a img.ic2{
	display: none;
}
@media (max-width: 991px) {
  .header .box .logo a img {
    max-width: 100%;
    max-height: 32px;
  }
}
@media (max-width: 991px) {
  .header .box .nav {
    display: none;
  }
}
.header .box .nav ul li {
  position: relative;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}
.header .box .nav ul li::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 1px;
  background: var(--active-color);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header .box .nav ul li:hover::before {
  width: 100%;
}
.header .box .nav ul li a {
  font-family: "spectral-regular";
  font-size: 16px;
  color: var(--black-333);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 0.9rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1900px) {
  .header .box .nav ul li a {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .header .box .nav ul li a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .header .box .nav ul li a {
    font-size: 14px;
  }
}
.header .box .nav ul li a:hover {
  color: var(--active-color);
}
.header .box .nav ul li.product_nav {
  position: inherit;
}
.header .box .nav ul li.product_nav::before {
  display: none;
}
.header .box .nav ul li.product_nav > a {
  position: relative;
}
.header .box .nav ul li.product_nav > a::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 1px;
  background: var(--active-color);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header .box .nav ul li.product_nav:hover > a::before {
  width: calc(100% + 0.64rem);
}
.header .box .nav ul li .navcell {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 7;
  padding: 0.15rem 0;
  min-width: 1.6rem;
  background: var(--white-color);
  box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.05);
}
.header .box .nav ul li .navcell a {
  display: block;
  text-align: left;
  /*text-transform: capitalize;*/
  font-family: "spectral-regular";
  color: var(--black-666);
  font-size: 16px;
  opacity: 1 !important;
  height: auto;
  line-height: 1.4;
  white-space: nowrap;
  padding: 0.07rem 0.3rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1900px) {
  .header .box .nav ul li .navcell a {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .header .box .nav ul li .navcell a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .header .box .nav ul li .navcell a {
    font-size: 14px;
  }
}
.header .box .nav ul li .navcell a:hover {
  color: var(--active-color);
}
.header .box .nav ul li .cellBox {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 7;
  padding: 0.35rem 0;
  width: 100%;
  background: var(--white-color);
  box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.05);
  border-top: rgba(204, 204, 204, 0.3) solid 1px;
  display: none;
}
.header .box .nav ul li .cellBox .container {
  gap: 1rem;
}
.header .box .nav ul li .cellBox .container .item .subtit {
  font-family: "spectral-medium";
  font-size: 18px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .header .box .nav ul li .cellBox .container .item .subtit {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .header .box .nav ul li .cellBox .container .item .subtit {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .header .box .nav ul li .cellBox .container .item .subtit {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .header .box .nav ul li .cellBox .container .item .subtit {
    font-size: 0.26rem;
  }
}
.header .box .nav ul li .cellBox .container .item .linkbox {
  display: flex;
  flex-direction: column;
  margin-top: 0.2rem;
}
.header .box .nav ul li .cellBox .container .item .linkbox a {
  display: inline-block;
  height: auto;
  color: var(--black-666);
  font-size: 14px;
  font-family: "spectral-light";
  opacity: 1;
  margin-bottom: 0.1rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1900px) {
  .header .box .nav ul li .cellBox .container .item .linkbox a {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .header .box .nav ul li .cellBox .container .item .linkbox a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .header .box .nav ul li .cellBox .container .item .linkbox a {
    font-size: 14px;
  }
}
.header .box .nav ul li .cellBox .container .item .linkbox a:hover {
  color: var(--active-color);
}
.header .box .head_right {
  display: flex;
  align-items: center;
}

/*20250313*/
.header .box .head_right .headoperate {
  display: flex;
  align-items: center;
}
.header .box .head_right .headoperate .h-selectionbtn {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0.07rem 0.1rem;
  border-radius: 0.07rem;
  margin-right: 0.25rem;
  font-family: "spectral-regular";
  color: var(--black-333);
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header .box .head_right .headoperate .h-selectionbtn:hover {
  background: var(--bg-f1);
}
@media (max-width: 991px) {
  .header .box .head_right .headoperate .h-selectionbtn {
    width: 36px;
    height: 36px;
    background: var(--bg-f1);
    padding: 0;
    border-radius: 50%;
    justify-content: center;
  }
}
.header .box .head_right .headoperate .h-selectionbtn .sp {
  font-family: "spectral-regular";
  color: var(--black-333);
  font-size: 14px;
}
@media (max-width: 1900px) {
  .header .box .head_right .headoperate .h-selectionbtn .sp {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .header .box .head_right .headoperate .h-selectionbtn .sp {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .header .box .head_right .headoperate .h-selectionbtn .sp {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .header .box .head_right .headoperate .h-selectionbtn .sp {
    display: none;
  }
}
.header .box .head_right .headoperate .h-selectionbtn .hearticon {
  display: inline-block;
  margin-right: 0.08rem;
  width: 0.14rem;
}
@media (max-width: 991px) {
  .header .box .head_right .headoperate .h-selectionbtn .hearticon {
    width: 40%;
    margin-right: 0rem;
  }
}
.header .box .head_right .headoperate .h-selectionbtn .quantity {
  position: absolute;
  right: -0.12rem;
  top: -0.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0.22rem;
  height: 0.22rem;
  border-radius: 50%;
  font-size: 12px;
  letter-spacing: .09px;
  background: var(--gray-e5e);
}
@media (max-width: 991px) {
  .header .box .head_right .headoperate .h-selectionbtn .quantity {
    min-width: 14px;
    height: 14px;
    font-size: 10px;
    background: var(--active-color);
    color: var(--white-color);
  }
}
/*e*/



@media (max-width: 991px) {
  .header .box .head_right .head_search {
    margin-right: 0.2rem;
  }
}
.header .box .head_right .head_search .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--bg-f1);
}
@media (max-width: 991px) {
  .header .box .head_right .head_search .icon {
    width: 36px;
    height: 36px;
  }
}
.header .box .head_right .head_search .icon img {
  width: 40%;
}
.header .box .head_right .head_search .search {
  position: fixed;
  z-index: 6;
  top: 0.9rem;
  left: 0;
  width: 100%;
  height: calc(99.1vh);
  background: rgba(0, 0, 0, 0.25);
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
}
@media (max-width: 991px) {
  .header .box .head_right .head_search .search {
    top: 60px;
    transition-duration: .5s;
    transition-delay: .5s;
  }
}
.header .box .head_right .head_search .search .search__container {
  position: relative;
  z-index: 2;
  background-color: #fff;
  transform: translateY(-100%) translateZ(0);
  transition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.header .box .head_right .head_search .search .search__container .search-header {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
}
@media (max-width: 991px) {
  .header .box .head_right .head_search .search .search__container .search-header {
    padding-top: 25px;
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.header .box .head_right .head_search .search .search__container .search-header form {
  display: inline-flex;
  width: 8rem;
  border-radius: 0.4rem;
  padding-left: 0.25rem;
  margin-right: 0.2rem;
  border: var(--gray-ccc) solid 1px;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 991px) {
  .header .box .head_right .head_search .search .search__container .search-header form {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .header .box .head_right .head_search .search .search__container .search-header form {
    padding-left: 0.35rem;
  }
}
.header .box .head_right .head_search .search .search__container .search-header form .text {
  border: none;
  outline: none;
  background: none;
  font-size: 16px;
  color: var(--black-666);
  width: calc(100% - 0.75rem);
  height: 0.58rem;
  box-sizing: border-box;
}
@media (max-width: 1900px) {
  .header .box .head_right .head_search .search .search__container .search-header form .text {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .header .box .head_right .head_search .search .search__container .search-header form .text {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .header .box .head_right .head_search .search .search__container .search-header form .text {
    font-size: 14px;
  }
}
.header .box .head_right .head_search .search .search__container .search-header form .text::-webkit-input-placeholder {
  color: var(--aaaaaa);
}
.header .box .head_right .head_search .search .search__container .search-header form .text::-moz-placeholder {
  color: var(--aaaaaa);
}
.header .box .head_right .head_search .search .search__container .search-header form .text:-moz-placeholder {
  color: var(--aaaaaa);
}
.header .box .head_right .head_search .search .search__container .search-header form .text:-ms-input-placeholder {
  color: var(--aaaaaa);
}
@media (max-width: 480px) {
  .header .box .head_right .head_search .search .search__container .search-header form .text {
    width: calc(100% - 0.9rem);
    height: 0.75rem;
  }
}
.header .box .head_right .head_search .search .search__container .search-header form .btns {
  width: 0.75rem;
  height: 0.56rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: inherit;
  background: none;
  border: none;
}
@media (max-width: 480px) {
  .header .box .head_right .head_search .search .search__container .search-header form .btns {
    width: 0.9rem;
    height: 0.75rem;
  }
}
.header .box .head_right .head_search .search .search__container .search-header form .btns img {
  max-width: 34%;
}
@media (max-width: 991px) {
  .header .box .head_right .head_search .search .search__container .search-header .search-close {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 480px) {
  .header .box .head_right .head_search .search .search__container .search-header .search-close {
    width: 0.5rem;
  }
}
.header .box .head_right .head_search .search .search__container .search-header .search-close img {
  max-width: 0.28rem;
}
@media (max-width: 480px) {
  .header .box .head_right .head_search .search .search__container .search-header .search-close img {
    max-width: 0.35rem;
  }
}
.header .box .head_right .head_search .search.search-is-open {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.header .box .head_right .head_search .search.search-is-open .search__container {
  transform: translateY(0) translateZ(0);
}
.header .menubtn {
  display: none;
  position: relative;
  width: 32px;
  height: 40px;
  cursor: pointer;
}
.header .menubtn .menu-i {
  width: 23px;
  height: 2px;
  right: 0;
  position: absolute;
  font-style: normal;
  background-color: var(--black-999);
  display: block;
  transition: all 0.5s;
  border-radius: 2px;
}
.header .menubtn .menu-i.menu-i-1 {
  top: 12px;
}
.header .menubtn .menu-i.menu-i-2 {
  top: 20px;
}
.header .menubtn .menu-i.menu-i-3 {
  top: 28px;
}
.header .menubtn.on .menu-i-1 {
  transform: translateY(8px) rotate(45deg);
}
.header .menubtn.on .menu-i-2 {
  opacity: 0;
}
.header .menubtn.on .menu-i-3 {
  transform: translateY(-8px) rotate(-45deg);
}
@media (max-width: 991px) {
  .header .menubtn {
    display: block;
  }
}

/*20250711新增*/
.header.act2 {
  background: rgba(13,13,13,0.4);
  border-bottom: rgba(13,13,13,0.4) solid 1px;
}
.header.act2::before{
	opacity: 0;
}
.header.act2 .logo a img.ic1 {
 	display: none;
}
.header.act2 .box .logo a img.ic2{
	display: inline-block;
}
.header.act2 .nav ul li a {
  color: var(--white-color);
}
.header.act2 .nav ul li a i {
  background: url(../images/arrow.png) center no-repeat;
  background-size: 100% auto;
}
.header.act2 .nav ul li a:hover {
  color: var(--active-color);
}
.header.act2 .nav ul li:hover > a {
  color: var(--active-color);
  opacity: 1;
}
.header.act2 .nav ul li:hover > a i {
  background: url(../images/arrow2.png) center no-repeat;
  background-size: 100% auto;
}
.header.act2 .nav ul li .cellnav a {
  color: var(--black-333);
  opacity: 1;
  height: auto;
}
.header.act2 .nav ul li .cellnav a:hover {
  color: var(--active-color);
}
.header.act2 .box .head_right .headoperate .h-selectionbtn .sp{
	color: rgba(255,255,255,0.6);
}
.header.act2 .box .head_right .headoperate .h-selectionbtn:hover .sp{
	color: var(--black-333);
}
.header.act2 .menubtn .menu-i {
  background: var(--white-color);
}

/*2025011end*/


.header.white {
  background: var(--black-000);
  border-bottom: var(--black-000) solid 1px;
}
.header.white::before{
	opacity: 0;
}
.header.white .logo a img.ic1 {
  /*-webkit-filter: none;
  filter: none;*/
 	display: none;
}
.header.white .box .logo a img.ic2{
	display: inline-block;
}
.header.white .nav ul li a {
  color: var(--white-color);
  /*opacity: 0.6;*/
}
.header.white .nav ul li a i {
  background: url(../images/arrow.png) center no-repeat;
  background-size: 100% auto;
}
.header.white .nav ul li a:hover {
  color: var(--active-color);
}
.header.white .nav ul li:hover > a {
  color: var(--active-color);
  opacity: 1;
}
.header.white .nav ul li:hover > a i {
  background: url(../images/arrow2.png) center no-repeat;
  background-size: 100% auto;
}
.header.white .nav ul li .cellnav a {
  color: var(--black-333);
  opacity: 1;
  height: auto;
}
.header.white .nav ul li .cellnav a:hover {
  color: var(--active-color);
}
.header.white .box .head_right .headoperate .h-selectionbtn .sp{
	color: rgba(255,255,255,0.6);
}
.header.white .box .head_right .headoperate .h-selectionbtn:hover .sp{
	color: var(--black-333);
}
.header.white .menubtn .menu-i {
  background: var(--white-color);
}
.header.act {
  background: var(--black-000);
  border-bottom: var(--black-000) solid 1px;
}
.header.act::before{
	opacity: 0;
}
.header.act .logo a img.ic1 {
 	display: none;
}
.header.act .box .logo a img.ic2{
	display: inline-block;
}
.header.act .nav ul li a {
  color: var(--white-color);
}
.header.act .nav ul li a i {
  background: url(../images/arrow.png) center no-repeat;
  background-size: 100% auto;
}
.header.act .nav ul li a:hover {
  color: var(--active-color);
}
.header.act .nav ul li:hover > a {
  color: var(--active-color);
  opacity: 1;
}
.header.act .nav ul li:hover > a i {
  background: url(../images/arrow2.png) center no-repeat;
  background-size: 100% auto;
}
.header.act .nav ul li .cellnav a {
  color: var(--black-333);
  opacity: 1;
  height: auto;
}
.header.act .nav ul li .cellnav a:hover {
  color: var(--active-color);
}
.header.act .box .head_right .headoperate .h-selectionbtn .sp{
	color: rgba(255,255,255,0.6);
}
.header.act .box .head_right .headoperate .h-selectionbtn:hover .sp{
	color: var(--black-333);
}
.header.act .menubtn .menu-i {
  background: var(--white-color);
}
.header.act1 {
  background: var(--black-000);
  border-bottom: var(--black-000) solid 1px;
}
.header.act1::before{
	opacity: 0;
}
.header.act1 .logo a img.ic1 {
 	display: none;
}
.header.act1 .box .logo a img.ic2{
	display: inline-block;
}
.header.act1 .nav ul li a {
  color: var(--white-color);
}
.header.act1 .nav ul li a i {
  background: url(../images/arrow.png) center no-repeat;
  background-size: 100% auto;
}
.header.act1 .nav ul li a:hover {
  color: var(--active-color);
}
.header.act1 .nav ul li:hover > a {
  color: var(--active-color);
  opacity: 1;
}
.header.act1 .nav ul li:hover > a i {
  background: url(../images/arrow2.png) center no-repeat;
  background-size: 100% auto;
}
.header.act1 .nav ul li .cellnav a {
  color: var(--black-333);
  opacity: 1;
  height: auto;
}
.header.act1 .nav ul li .cellnav a:hover {
  color: var(--active-color);
}
.header.act1 .box .head_right .headoperate .h-selectionbtn .sp{
	color: rgba(255,255,255,0.6);
}
.header.act1 .box .head_right .headoperate .h-selectionbtn:hover .sp{
	color: var(--black-333);
}
.header.act1 .menubtn .menu-i {
  background: var(--white-color);
}
.header.displace {
  top: -0.9rem;
}
@media (max-width: 991px){
	.header.displace {
	  top: -61px;
	}
}
.mbox .header {
  background: var(--black-000);
}
.mbox .header::before{
	opacity: 0;
}
.mbox .header .menubtn .menu-i {
  background: var(--white-color);
}
.mbox .header .menubtn .menu-i-1 {
  transform: translateY(8px) rotate(45deg);
}
.mbox .header .menubtn .menu-i-2 {
  opacity: 0;
}
.mbox .header .menubtn .menu-i-3 {
  transform: translateY(-8px) rotate(-45deg);
}
.m-nav {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: 0px;
  z-index: 99;
  background-color: #FFFFFF;
  overflow-y: scroll;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.m-nav > ul {
  padding-top: 10px;
  padding-left: 5%;
  padding-right: 5%;
}
.m-nav > ul > li {
  position: relative;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  list-style: none;
  border-bottom: #e5e5e5 solid 1px;
}
.m-nav > ul > li a {
  display: block;
  font-family: "spectral-bold";
  line-height: 1.5;
  color: var(--black-333);
  font-size: 17px;
  padding: 14px 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.m-nav > ul > li .headtitle {
  position: relative;
  display: block;
  font-family: "spectral-bold";
  line-height: 1.5;
  color: var(--black-333);
  font-size: 17px;
  padding: 14px 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.m-nav > ul > li .headtitle i {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 100%;
  background: url(../images/icon-arrow.png) center no-repeat;
  background-size: 7px auto;
  transition: all 0.4s ease;
}
.m-nav > ul > li .headtitle.on {
  color: var(--active-color);
}
.m-nav > ul > li .headtitle.on i {
  background: url(../images/icon-arrow.png) center no-repeat;
  background-size: 7px auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.m-nav > ul > li ul {
  display: none;
  padding-left: 20px;
  border-top: #e5e5e5 solid 1px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.m-nav > ul > li ul li {
  list-style: none;
}
.m-nav > ul > li ul li a {
  display: block;
  font-family: "spectral-medium";
  font-size: 15px;
  padding: 8px 0px;
}
.m-nav > ul > li ul li:hover > a {
  color: var(--active-color);
}
.m-nav > ul > li ul li .headtitle {
  padding: 8px 0px;
  font-size: 15px;
}
.m-nav > ul > li ul li ul {
  border-top: none;
  padding-top: 0;
  padding-bottom: 0;
}
.m-nav > ul > li ul li ul li a {
  color: var(--black-666);
  font-size: 15px;
  padding: 5px 0px;
}
.m-nav > ul > li ul li ul li a:hover {
  color: var(--active-color);
}
.m-nav > ul > li:hover > a {
  color: var(--active-color);
}
.mbox .m-nav {
  height: calc(100vh - 60px);
}

/*20250313*/
.wishlistSidebar {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 16;
  max-width: 4.5rem;
  width: 90%;
  box-sizing: border-box;
  border: var(--gray-e5e) solid 1px;
  background: #FFFFFF;
  height: 100vh;
  overflow-y: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.wishlistSidebar.hide {
  right: -100%;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .wishlistSidebar {
    max-width: 100%;
    width: 100%;
  }
}
.wishlistSidebar .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.75rem;
  padding: 0rem 0.15rem 0rem 0.25rem;
  border-bottom: var(--gray-e5e) solid 1px;
}
@media (max-width: 991px) {
  .wishlistSidebar .wrap {
    padding: 0rem 0.25rem 0rem 0.4rem;
    height: 56px;
  }
}
.wishlistSidebar .wrap .title {
  flex: 1;
  font-family: "spectral-medium";
  color: var(--black-333);
  font-size: 18px;
}
@media (max-width: 1900px) {
  .wishlistSidebar .wrap .title {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .wishlistSidebar .wrap .title {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .wishlistSidebar .wrap .title {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .wishlistSidebar .wrap .title {
    font-size: 0.26rem;
  }
}
.wishlistSidebar .wrap .closebtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.4rem;
  height: 0.4rem;
}
@media (max-width: 991px) {
  .wishlistSidebar .wrap .closebtn {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.wishlistSidebar .wrap .closebtn img {
  width: 50%;
}
.wishlistSidebar .portion {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100vh - 0.8rem);
}
@media (max-width: 991px) {
  .wishlistSidebar .portion {
    height: calc(100vh - 60px);
  }
}
.wishlistSidebar .portion .box {
  padding: 0.3rem 0.25rem;
}
@media (max-width: 991px) {
  .wishlistSidebar .portion .box {
    padding: 0.5rem 0.4rem;
  }
}
.wishlistSidebar .portion .box .prompt-txt {
  color: var(--black-333);
  font-size: 16px;
  line-height: 1.7;
}
@media (max-width: 1900px) {
  .wishlistSidebar .portion .box .prompt-txt {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .wishlistSidebar .portion .box .prompt-txt {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .wishlistSidebar .portion .box .prompt-txt {
    font-size: 14px;
  }
}
.wishlistSidebar .portion .box ul {
  padding: 0;
}
.wishlistSidebar .portion .box ul li {
  list-style: none;
  margin-bottom: 0.15rem;
}
.wishlistSidebar .portion .box ul li .img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.2rem;
  border: var(--gray-e5e) solid 1px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .wishlistSidebar .portion .box ul li .img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.3rem;
  }
}
.wishlistSidebar .portion .box ul li .img img {
  max-width: 100%;
}
.wishlistSidebar .portion .box ul li .text {
  flex: 1;
  padding-right: 0.2rem;
  box-sizing: border-box;
}
.wishlistSidebar .portion .box ul li .text .t1 {
  font-size: 14px;
  color: var(--black-333);
  line-height: 1.4;
}
@media (max-width: 1900px) {
  .wishlistSidebar .portion .box ul li .text .t1 {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .wishlistSidebar .portion .box ul li .text .t1 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .wishlistSidebar .portion .box ul li .text .t1 {
    font-size: 14px;
  }
}
.wishlistSidebar .portion .box ul li .text .t2 {
  margin-top: 0.05rem;
  font-size: 12px;
  color: var(--black-999);
}
.wishlistSidebar .portion .box ul li .removebtn {
  display: flex;
  align-self: flex-end;
  padding: 0.05rem 0.1rem;
  border-radius: 0.05rem;
  font-size: 12px;
  color: var(--black-666);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 991px) {
  .wishlistSidebar .portion .box ul li .removebtn {
    padding: 0.08rem 0.18rem;
  }
}
.wishlistSidebar .portion .box ul li .removebtn:hover {
  background: var(--bg-f5);
}
.wishlistSidebar .portion .space {
  border-top: var(--gray-e2e) solid 1px;
  padding: 0.1rem 0.2rem;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .wishlistSidebar .portion .space {
    padding: 0.3rem 0.4rem;
  }
}
.wishlistSidebar .portion .space .btn {
  display: block;
  width: 100%;
  padding: 0.08rem 0;
  border: var(--gray-e2e) solid 1px;
  box-sizing: border-box;
  text-align: center;
  color: var(--black-333);
  font-size: 16px;
  margin-bottom: 0.1rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1900px) {
  .wishlistSidebar .portion .space .btn {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .wishlistSidebar .portion .space .btn {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .wishlistSidebar .portion .space .btn {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .wishlistSidebar .portion .space .btn {
    padding: 0.15rem 0;
    margin-bottom: 0.2rem;
  }
}
.wishlistSidebar .portion .space .btn.gotobtn {
  color: var(--white-color);
  background: var(--active-color);
}
.wishlistSidebar .portion .space .btn:hover {
  color: var(--white-color);
  background: var(--active-color);
}
/*e*/
.footer {
  padding-top: 5.729166666666667%;
  background: var(--black-000);
}
@media (max-width: 991px) {
  .footer {
    padding-top: 8%;
  }
}
.footer .footer_top {
  padding-bottom: 0.6rem;
}
@media (max-width: 991px) {
  .footer .footer_top {
    display: block;
    padding-bottom: 0.4rem;
  }
}
.footer .footer_top .footer_infor {
  width: 23%;
}
@media (max-width: 1260px) {
  .footer .footer_top .footer_infor {
    width: 22%;
  }
}
@media (max-width: 991px) {
  .footer .footer_top .footer_infor {
    width: 100%;
  }
}
.footer .footer_top .footer_infor .footerlogo a img {
  max-width: 1.05rem;
}
@media (max-width: 991px) {
  .footer .footer_top .footer_infor .footerlogo a img {
    max-width: 100%;
   	max-height: 32px;
  }
}
.footer .footer_top .footer_infor ul {
  padding: 0;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .footer .footer_top .footer_infor ul {
    margin-top: 0.35rem;
  }
}
.footer .footer_top .footer_infor ul li {
  margin-top: 0.1rem;
  list-style: none;
  display: flex;
  align-items: baseline;
  margin-bottom: 0.06rem;
}
.footer .footer_top .footer_infor ul li .icon {
  display: inline-flex;
  align-items: center;
  margin-right: 0.08rem;
}
.footer .footer_top .footer_infor ul li .icon img {
  max-width: 0.14rem;
}
@media (max-width: 991px){
	.footer .footer_top .footer_infor ul li .icon{
		margin-right: 8px;
	}
	.footer .footer_top .footer_infor ul li .icon img{
		max-width: 12px;
	}
}
.footer .footer_top .footer_infor ul li .text {
  flex: 1;
  font-family: "spectral-regular";
  color: var(--black-666);
  font-size: 16px;
  line-height: 1.7;
}
@media (max-width: 1900px) {
  .footer .footer_top .footer_infor ul li .text {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .footer .footer_top .footer_infor ul li .text {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .footer .footer_top .footer_infor ul li .text {
    font-size: 14px;
  }
}
.footer .footer_top .footernav {
  width: 72%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  .footer .footer_top .footernav {
    width: 75%;
  }
}
@media (max-width: 991px) {
  .footer .footer_top .footernav {
    display: block;
    width: 100%;
    margin-top: 0.4rem;
  }
}
@media (max-width: 991px) {
  .footer .footer_top .footernav .row {
    width: 100%;
  }
}
.footer .footer_top .footernav .row .item {
  margin-bottom: 0.3rem;
}
.footer .footer_top .footernav .row .item .title {
  font-family: "spectral-medium";
  font-size: 18px;
  color: var(--white-color);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1900px) {
  .footer .footer_top .footernav .row .item .title {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .footer .footer_top .footernav .row .item .title {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .footer .footer_top .footernav .row .item .title {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .footer .footer_top .footernav .row .item .title {
    font-size: 0.26rem;
  }
}
.footer .footer_top .footernav .row .item .title a {
  color: var(--white-color);
}
.footer .footer_top .footernav .row .item .title a:hover {
  color: var(--active-color);
}
.footer .footer_top .footernav .row .item ul {
  margin-top: 0.1rem;
}
@media (max-width: 991px) {
  .footer .footer_top .footernav .row .item ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.4rem;
    margin-top: 0.15rem;
  }
}
.footer .footer_top .footernav .row .item ul li {
  margin-bottom: 0.05rem;
}
.footer .footer_top .footernav .row .item ul li a {
  font-family: "spectral-light";
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  line-height: 1.7;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1900px) {
  .footer .footer_top .footernav .row .item ul li a {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .footer .footer_top .footernav .row .item ul li a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .footer .footer_top .footernav .row .item ul li a {
    font-size: 14px;
  }
}
.footer .footer_top .footernav .row .item ul li a:hover {
  color: var(--white-color);
}
.footer .footer_bottom {
  padding: 0.3rem 0 0.45rem;
  border-top: rgba(204,204,204,0.2) solid 1px;
}
@media (max-width: 991px) {
  .footer .footer_bottom {
    padding: 20px 0;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.footer .footer_bottom .copylink {
  font-size: 14px;
  color: var(--black-666);
  line-height: 1.7;
}
@media (max-width: 1900px) {
  .footer .footer_bottom .copylink {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .footer .footer_bottom .copylink {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .footer .footer_bottom .copylink {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .footer .footer_bottom .copylink {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}
.footer .footer_bottom .copylink .name {
  color: var(--black-666);
  margin: 0 12px;
}
.footer .footer_bottom .copylink a {
  color: var(--black-666);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer .footer_bottom .copylink a:hover {
  color: var(--white-color);
}
.footer .footer_bottom .copylink .poweredBy {
  margin-left: 0.2rem;
  color: var(--black-666);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 991px) {
  .footer .footer_bottom .copylink .poweredBy {
    display: block;
    margin-left: 0;
    width: 100%;
    margin-top: 5px;
  }
}
.footer .footer_bottom .copylink .poweredBy a {
  color: var(--black-666);
}
.footer .footer_bottom .copylink .poweredBy:hover {
  color: var(--white-color);
}
.footer .footer_bottom .copylink .poweredBy:hover a {
  color: var(--white-color);
}
@media (max-width: 991px) {
  .footer .footer_bottom .footershare {
    margin-bottom: 20px;
  }
}
.footer .footer_bottom .footershare ul {
  column-gap: 10px;
}
.footer .footer_bottom .footershare ul li {
  position: relative;
}
.footer .footer_bottom .footershare ul li a {
  display: block;
  max-width: 0.33rem;
  text-align: center;
}
@media (max-width: 991px) {
  .footer .footer_bottom .footershare ul li a {
    max-width: 30px;
  }
}
.footer .footer_bottom .footershare ul li a img {
  max-width: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /*-webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 0.8;*/
}
.footer .footer_bottom .footershare ul li a:hover img {
  /*-webkit-filter: none;
  filter: none;*/
  opacity: 1;
}
.footer .footer_bottom .footershare ul li .qrcode {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
  width: 1.03rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 991px) {
  .footer .footer_bottom .footershare ul li .qrcode {
    width: 96px;
  }
}
.footer .footer_bottom .footershare ul li .qrcode .img {
  overflow: hidden;
  background-color: #FFFFFF;
}
.footer .footer_bottom .footershare ul li .qrcode .img img {
  width: 100%;
}
.footer .footer_bottom .footershare ul li .qrcode .sjx {
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 8px;
  border-color: #FFFFFF transparent transparent transparent;
}
.footer .footer_bottom .footershare ul li:hover .qrcode {
  opacity: 1;
  visibility: visible;
}
.lunbotu {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.lunbotu .swiper-slide a {
  position: relative;
  display: block;
  width: 100%;
}
.lunbotu .swiper-slide a > img {
  width: 100%;
}
.lunbotu .swiper-slide > img {
  width: 100%;
}
.lunbotu .swiper-slide .bannerbg {
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.lunbotu .swiper-wrapper .swiper-slide a .video-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
/*@media (max-width: 991px) {
  .lunbotu .swiper-wrapper .swiper-slide a .video-box {
    display: none;
  }
}*/
.lunbotu .swiper-wrapper .swiper-slide a .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lunbotu .swiper-pagination {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.3rem;
  width: auto;
  height: 0.2rem;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .lunbotu .swiper-pagination {
    bottom: 0.6rem;
  }
}
.lunbotu .swiper-pagination .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 0.05rem;
  opacity: 0.7;
  background: var(--white-color);
}
.lunbotu .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--active-color);
}
@media (max-width: 991px) {
  .lunbotu .swiper-pagination .swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.16rem;
    margin: 0 0.08rem;
  }
}
.mImg {
  display: none;
}
@media (max-width: 991px) {
  .mImg {
    display: block;
  }
}
@media (max-width: 991px) {
  .pImg {
    display: none;
  }
}


.lunbotu .swiper-slide .i-banner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 83.33333333333333%;
}
@media (max-width: 991px) {
  .lunbotu .swiper-slide .i-banner {
    width: 90%;
  }
}
.lunbotu .swiper-slide .i-banner .box {
  text-align: left;
}
.lunbotu .swiper-slide .i-banner .box .title {
  font-family: "spectral-medium";
  color: var(--white-color);
  font-size: 60px;
  line-height: 1.15;
  word-break: break-word;
}
@media (max-width: 1900px) {
  .lunbotu .swiper-slide .i-banner .box .title {
    font-size: 3vw;
  }
}
@media (max-width: 1260px) {
  .lunbotu .swiper-slide .i-banner .box .title {
    font-size: 46px;
  }
}
@media (max-width: 767px) {
  .lunbotu .swiper-slide .i-banner .box .title {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .lunbotu .swiper-slide .i-banner .box .title {
    font-size: 0.6rem;
  }
}
.lunbotu .swiper-slide .i-banner .box .text {
  margin-top: 0.15rem;
  /*font-family: "spectral-medium";*/
  color: var(--white-color);
  font-size: 24px;
  word-break: break-word;
}
@media (max-width: 1900px) {
  .lunbotu .swiper-slide .i-banner .box .text {
    font-size: 1.25vw;
  }
}
@media (max-width: 1260px) {
  .lunbotu .swiper-slide .i-banner .box .text {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .lunbotu .swiper-slide .i-banner .box .text {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .lunbotu .swiper-slide .i-banner .box .text {
    font-size: 0.35rem;
  }
}


.obanner {
  position: relative;
  z-index: 5;
}
.obanner > img {
  width: 100%;
}
.obanner .bannerTitle {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.obanner .bannerTitle.text_top {
  top: 9.27vw;
  transform: translateY(0);
}
@media (max-width: 991px) {
  .obanner .bannerTitle.text_top {
    top: 15%;
  }
}
@media (max-width: 480px) {
  .obanner .bannerTitle.text_top {
    top: 18%;
  }
}
.obanner .bannerTitle .box .title {
  font-family: "spectral-medium";
  color: var(--black-333);
  font-size: 46px;
}
@media (max-width: 1900px) {
  .obanner .bannerTitle .box .title {
    font-size: 2.395833333333333vw;
  }
}
@media (max-width: 1260px) {
  .obanner .bannerTitle .box .title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .obanner .bannerTitle .box .title {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .obanner .bannerTitle .box .title {
    font-size: 0.46rem;
  }
}
.obanner .bannerTitle .box .text {
  max-width: 9.1rem;
  width: 100%;
  margin-top: 0.1rem;
  margin-left: auto;
  margin-right: auto;
  font-family: "spectral-medium";
  color: var(--black-333);
  font-size: 26px;
  line-height: 1.35;
}
@media (max-width: 1900px) {
  .obanner .bannerTitle .box .text {
    font-size: 1.354166666666667vw;
  }
}
@media (max-width: 1260px) {
  .obanner .bannerTitle .box .text {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .obanner .bannerTitle .box .text {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .obanner .bannerTitle .box .text {
    font-size: 0.36rem;
  }
}
@media (max-width: 991px) {
  .obanner .bannerTitle .box .text {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .obanner .bannerTitle .box .text {
    font-size: 22px;
  }
}
@media (max-width: 767px) and (max-width: 1900px) {
  .obanner .bannerTitle .box .text {
    font-size: 1.145833333333333vw;
  }
}
@media (max-width: 767px) and (max-width: 1260px) {
  .obanner .bannerTitle .box .text {
    font-size: 18px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .obanner .bannerTitle .box .text {
    font-size: 20px;
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .obanner .bannerTitle .box .text {
    font-size: 0.32rem;
  }
}
.obanner .bannerTitle .box .text1 {
  margin-top: 0.1rem;
  font-family: "spectral-medium";
  color: var(--black-333);
  font-size: 18px;
  line-height: 1.35;
}
@media (max-width: 1900px) {
  .obanner .bannerTitle .box .text1 {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .obanner .bannerTitle .box .text1 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .obanner .bannerTitle .box .text1 {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .obanner .bannerTitle .box .text1 {
    font-size: 0.26rem;
  }
}
.i-title.center {
  text-align: center;
}
.i-title .headline {
  text-transform: capitalize;
  font-family: "spectral-medium";
  font-size: 46px;
  color: var(--black-333);
  line-height: 1.15;
}
@media (max-width: 1900px) {
  .i-title .headline {
    font-size: 2.395833333333333vw;
  }
}
@media (max-width: 1260px) {
  .i-title .headline {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .i-title .headline {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .i-title .headline {
    font-size: 0.46rem;
  }
}
.i-title .text {
  margin-top: 0.2rem;
  font-family: "spectral-light";
  color: var(--black-333);
  font-size: 22px;
}
@media (max-width: 1900px) {
  .i-title .text {
    font-size: 1.145833333333333vw;
  }
}
@media (max-width: 1260px) {
  .i-title .text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .i-title .text {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .i-title .text {
    font-size: 0.32rem;
  }
}
@media (max-width: 991px) {
  .i-title .text {
    margin-top: 0.25rem;
  }
}
.i-title .text1 {
  margin-top: 0.2rem;
  font-family: "spectral-medium";
  font-size: 26px;
  color: var(--black-333);
  line-height: 1.5;
}
@media (max-width: 1900px) {
  .i-title .text1 {
    font-size: 1.354166666666667vw;
  }
}
@media (max-width: 1260px) {
  .i-title .text1 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .i-title .text1 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .i-title .text1 {
    font-size: 0.36rem;
  }
}
@media (max-width: 767px) {
  .i-title .text1 {
    font-size: 22px;
  }
}
@media (max-width: 767px) and (max-width: 1900px) {
  .i-title .text1 {
    font-size: 1.145833333333333vw;
  }
}
@media (max-width: 767px) and (max-width: 1260px) {
  .i-title .text1 {
    font-size: 18px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .i-title .text1 {
    font-size: 20px;
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .i-title .text1 {
    font-size: 0.32rem;
  }
}
.index_explore {
  background: var(--white-color) url(../images/img11.png) top center no-repeat;
  background-size: cover;
}
.index_explore .box {
  margin-top: 3.2%;
}
@media (max-width: 1260px) {
  .index_explore .box {
    margin-top: 5%;
    display: block;
  }
}
.index_explore .box .left_w {
  width: 24.3%;
}
@media (max-width: 1260px) {
  .index_explore .box .left_w {
    width: 100%;
  }
}
.index_explore .box .left_w .textbox {
  padding-top: 0.5rem;
}
@media (max-width: 1260px) {
  .index_explore .box .left_w .textbox {
    padding-top: 0;
  }
}
.index_explore .box .left_w .textbox ul li {
  position: relative;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.index_explore .box .left_w .textbox ul li:last-child {
  margin-bottom: 0;
}
.index_explore .box .left_w .textbox ul li::before {
  content: '';
  position: absolute;
  left: 0.4rem;
  bottom: 0;
  width: calc(100% - 0.4rem);
  height: 1px;
  background: var(--gray-ccc);
}
.index_explore .box .left_w .textbox ul li::after {
  content: '';
  position: absolute;
  left: 0.4rem;
  bottom: 0;
  width: 0;
  height: 1px;
  background: var(--active-color);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.index_explore .box .left_w .textbox ul li .t1 {
  display: flex;
  align-items: flex-start;
  font-family: "spectral-regular";
  color: var(--black-666);
  font-size: 18px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media (max-width: 1900px) {
  .index_explore .box .left_w .textbox ul li .t1 {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .index_explore .box .left_w .textbox ul li .t1 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .index_explore .box .left_w .textbox ul li .t1 {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .index_explore .box .left_w .textbox ul li .t1 {
    font-size: 0.26rem;
  }
}
.index_explore .box .left_w .textbox ul li .t1 .t1-1 {
  padding-top: 0.02rem;
  width: 0.4rem;
  font-size: 16px;
  color: var(--black-666);
}
@media (max-width: 1900px) {
  .index_explore .box .left_w .textbox ul li .t1 .t1-1 {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .index_explore .box .left_w .textbox ul li .t1 .t1-1 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .index_explore .box .left_w .textbox ul li .t1 .t1-1 {
    font-size: 14px;
  }
}
.index_explore .box .left_w .textbox ul li .t1 .t1-2 {
  flex: 1;
}
.index_explore .box .left_w .textbox ul li .t2 {
  position: relative;
  padding-left: 0.4rem;
  padding-top: 0.1rem;
  display: none;
  font-family: "spectral-regular";
  color: var(--black-666);
}
.index_explore .box .left_w .textbox ul li.on .t1 {
  font-family: "spectral-medium";
  color: var(--black-333);
  font-size: 32px;
}
@media (max-width: 1900px) {
  .index_explore .box .left_w .textbox ul li.on .t1 {
    font-size: 1.666666666666667vw;
  }
}
@media (max-width: 1260px) {
  .index_explore .box .left_w .textbox ul li.on .t1 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .index_explore .box .left_w .textbox ul li.on .t1 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .index_explore .box .left_w .textbox ul li.on .t1 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .index_explore .box .left_w .textbox ul li.on .t1 {
    font-size: 0.4rem;
  }
}
.index_explore .box .left_w .textbox ul li.on .t1 .t1-1 {
  padding-top: 0.1rem;
}
.index_explore .box .left_w .textbox ul li.on::after {
  width: calc(100% - 0.4rem);
}
.index_explore .box .right_w {
  width: 65.97222222222222%;
}
@media (max-width: 1260px) {
  .index_explore .box .right_w {
    width: 100%;
    margin-top: 5%;
  }
}
.index_explore .box .right_w .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: rgba(204, 204, 204, 0.5) solid 1px;
  box-sizing: border-box;
}
.index_explore .box .right_w .swiper .item {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.index_explore .box .right_w .swiper .item .bimg {
  width: 100%;
  overflow: hidden;
}
.index_explore .box .right_w .swiper .item .bimg img {
  display: block;
  width: 100%;
}
.index_explore .box .right_w .swiper .item .simg {
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  width: 24.3859649122807%;
  padding-bottom: 31.2280701754386%;
  overflow: hidden;
}
.index_explore .box .right_w .swiper .item .simg::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(3px);
}
.index_explore .box .right_w .swiper .item .simg img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}
.index_explore .box .right_w .swiper .swiper-pagination {
  opacity: 0;
}
.accessory .btn {
  text-align: center;
  padding-top: 0.3rem;
}
@media (max-width: 991px) {
  .accessory.related_accessory .wrap .container {
    display: block;
  }
}
.accessory.related_accessory .wrap .container .btn {
  display: inline-block;
  padding-top: 0;
}
@media (max-width: 991px) {
  .accessory.related_accessory .wrap .container .btn {
    display: block;
    text-align: left;
  }
}
.commonswiper {
  position: relative;
  margin-top: 3%;
}
@media (max-width: 991px) {
  .commonswiper {
    margin-top: 6%;
  }
}
@media (max-width: 767px) {
  .commonswiper {
    margin-top: 8%;
  }
}
@media (max-width: 991px) {
  .commonswiper .container {
    width: 84%;
  }
}
@media (max-width: 540px) {
  .commonswiper .container {
    width: 80%;
  }
}
.commonswiper .container .swipergather {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.commonswiper .swiper-button {
  display: none;
}
.commonitem {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  background: var(--bg-f6);
  padding-bottom: 0.45rem;
}
.commonitem .img {
  display: block;
  width: 100%;
}
.commonitem .img .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 0.6rem;
}
.commonitem .img .swiper .swiper-slide{
	background: #f6f6f6;
}
.commonitem .img .swiper .swiper-slide a{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 100%;
  mix-blend-mode: multiply;
}
.commonitem .img .swiper .swiper-slide a img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.commonitem .img .swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  width: 100%;
  z-index: 12;
}
.commonitem .img .swiper .swiper-pagination li {
  position: relative;
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 0.07rem;
  bottom: 0 !important;
  float: none;
  display: inline-block;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.commonitem .img .swiper .swiper-pagination li::before {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 2;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: var(--white-color) solid 2px;
  box-sizing: border-box;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.commonitem .img .swiper .swiper-pagination li.active {
  width: 0.22rem;
  height: 0.22rem;
}
.commonitem .img .swiper .swiper-pagination li.active::before {
  opacity: 1;
}
@media (max-width: 991px) {
  .commonitem .img .swiper .swiper-pagination li {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.1rem;
  }
  .commonitem .img .swiper .swiper-pagination li.active {
    width: 0.26rem;
    height: 0.26rem;
  }
}
.commonitem .text {
  margin-top: 0.2rem;
  text-align: center;
  font-family: "spectral-regular";
  color: var(--black-666);
  font-size: 16px;
}
@media (max-width: 1900px) {
  .commonitem .text {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .commonitem .text {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .commonitem .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .commonitem .text {
    margin-top: 0.3rem;
  }
}
.swiper-button {
  position: absolute;
  top: 50%;
  width: 0.4rem;
  height: 0.4rem;
  margin-top: -0.2rem;
  z-index: 10;
  cursor: pointer;
}
@media (max-width: 991px) {
  .swiper-button {
    width: 0.56rem;
    height: 0.56rem;
  }
}
@media (max-width: 767px) {
  .swiper-button {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.swiper-button-next.swiper-button,
.swiper-container-rtl .swiper-button-prev.swiper-button {
  background: url(../images/icon9.png) center no-repeat;
  background-size: 27.5% auto;
  right: 0.3rem;
  left: auto;
}
@media (max-width: 767px) {
  .swiper-button-next.swiper-button,
  .swiper-container-rtl .swiper-button-prev.swiper-button {
    right: 0;
  }
}
@media (max-width: 540px) {
  .swiper-button-next.swiper-button,
  .swiper-container-rtl .swiper-button-prev.swiper-button {
    right: 2%;
  }
}
.swiper-button-prev.swiper-button,
.swiper-container-rtl .swiper-button-next.swiper-button {
  background: url(../images/icon8.png) center no-repeat;
  background-size: 27.5% auto;
  left: 0.3rem;
  right: auto;
}
@media (max-width: 767px) {
  .swiper-button-prev.swiper-button,
  .swiper-container-rtl .swiper-button-next.swiper-button {
    left: 0;
  }
}
@media (max-width: 540px) {
  .swiper-button-prev.swiper-button,
  .swiper-container-rtl .swiper-button-next.swiper-button {
    left: 2%;
  }
}
.generalbtns {
  margin-top: 0.36rem;
}
@media (max-width: 991px) {
  .generalbtns {
    margin-top: 0.5rem;
  }
}
.generalbtns .combtn {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  min-width: 2.2rem;
  height: 0.58rem;
  font-size: 16px;
  font-family: "spectral-regular";
  color: var(--black-666);
  border: var(--gray-ccc) solid 1px;
  border-radius: 0.29rem;
  padding: 0 0.35rem;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  box-sizing: border-box;
}
@media (max-width: 1900px) {
  .generalbtns .combtn {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .generalbtns .combtn {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .generalbtns .combtn {
    font-size: 14px;
  }
}
.generalbtns .combtn.active {
  color: var(--white-color);
  background: var(--black-000);
  border: 1px solid var(--black-000) !important;
}
.generalbtns .combtn.active:before {
  background: var(--white-color);
  left: 125%;
}
.generalbtns .combtn:hover {
  color: var(--white-color);
  background: var(--black-000);
  border: 1px solid var(--black-000) !important;
}
.generalbtns.red .combtn:hover{
	border: 1px solid var(--active-color) !important;
}
.generalbtns .combtn:hover:before {
  background: var(--white-color);
  left: 125%;
}
.generalbtns .combtn:hover:after {
  background: var(--white-color);
  left: 128%;
}
.generalbtns .combtn:before {
  content: '';
  position: absolute;
  top: 50%;
  min-width: calc(480px);
  min-height: calc(480px);
  background-color: transparent;
  animation-name: wave-animation;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transition: all 1s linear;
  opacity: .3;
  left: -35px;
  border-radius: 35%;
  animation-duration: 10s;
}
.generalbtns .combtn:after {
  content: '';
  position: absolute;
  top: 50%;
  min-width: calc(480px);
  min-height: calc(480px);
  background-color: transparent;
  animation-name: wave-animation;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transition: all 1s linear;
  left: -10px;
  opacity: .5;
  border-radius: 37%;
  animation-duration: 10s;
}
.generalbtns .combtn:hover:after {
  background: var(--white-color);
  left: 128%;
}
@media (max-width: 480px) {
  .generalbtns .combtn {
    min-width: 2.25rem;
    height: 0.7rem;
    border-radius: 0.4rem;
  }
}
.generalbtns.white .combtn {
  border: var(--white-color) solid 1px;
  color: var(--white-color);
}
.generalbtns.red .combtn {
  border: var(--active-color) solid 1px;
  color: var(--white-color);
  background: var(--active-color);
}
@keyframes wave-animation {
  0% {
    transform: translate(0, -50%) rotateZ(0deg);
  }
  50% {
    transform: translate(-2%, -50%) rotateZ(180deg);
  }
  100% {
    transform: translate(0, -50%) rotateZ(360deg);
  }
}
.innovation {
  position: relative;
}
.innovation .i-title {
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 100%;
}
@media (max-width: 1260px) {
  .innovation .i-title {
    top: 0.8rem;
  }
}
@media (max-width: 991px) {
  .innovation .i-title {
    top: 1.2rem;
  }
}
@media (max-width: 767px) {
  .innovation .i-title {
    top: 1rem;
  }
}
.innovation .imgbox img {
  width: 100%;
}
.index_project .container .box {
  position: relative;
  width: 92%;
  margin-top: 5.8%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6.59722222222222%;
  padding-right: 6.59722222222222%;
  padding-bottom: 3.5%;
  box-sizing: border-box;
}
@media (max-width: 1260px) {
  .index_project .container .box {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .index_project .container .box {
    margin-top: 6%;
    padding-bottom: 7%;
  }
}
@media (max-width: 767px) {
  .index_project .container .box {
    margin-top: 8%;
    padding-bottom: 9%;
  }
}
.index_project .container .box .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.index_project .container .box .swiper .swiper-slide {
  width: 37.92592592592593%;
}
@media (max-width: 991px) {
  .index_project .container .box .swiper .swiper-slide {
    width: 100%;
  }
}
.index_project .container .box .swiper .swiper-slide.swiper-slide-prev {
  transform: scale(0.75976563);
  transform-origin: right bottom;
}
.index_project .container .box .swiper .swiper-slide.swiper-slide-next {
  transform: scale(0.75976563);
  transform-origin: left bottom;
}
.index_project .container .box .swiper .swiper-slide .item {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.index_project .container .box .swiper .swiper-slide .item .imgbox {
  position: relative;
  width: 100%;
  padding-bottom: 124.21875%;
  overflow: hidden;
}
.index_project .container .box .swiper .swiper-slide .item .imgbox::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.index_project .container .box .swiper .swiper-slide .item .imgbox img {
	position: absolute;
	left: 0;
	top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index_project .container .box .swiper .swiper-slide .item .textbox {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  z-index: 2;
  width: 82.03125%;
  padding: 0.15rem;
  background: var(--white-color);
  box-sizing: border-box;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
@media (max-width: 991px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox {
    width: 88%;
    bottom: 5%;
    padding: 0.2rem 0.1rem;
  }
}
@media (max-width: 767px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox {
    padding: 0.3rem 0.2rem;
  }
}
.index_project .container .box .swiper .swiper-slide .item .textbox .subtit {
  font-size: 32px;
  color: var(--black-333);
  line-height: 1.3;
}
@media (max-width: 1900px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox .subtit {
    font-size: 1.666666666666667vw;
  }
}
@media (max-width: 1260px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox .subtit {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox .subtit {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox .subtit {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox .subtit {
    font-size: 0.4rem;
  }
}
.index_project .container .box .swiper .swiper-slide .item .textbox .text {
  margin-top: 0.1rem;
  font-size: 14px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox .text {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox .text {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .index_project .container .box .swiper .swiper-slide .item .textbox .text {
    font-size: 14px;
  }
}
.index_project .container .box .swiper .swiper-slide.swiper-slide-active .imgbox::before {
  opacity: 0;
}
.index_project .container .box .swiper .swiper-slide.swiper-slide-active .textbox {
  opacity: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .index_project .container .box .swiper-button-prev {
    left: -0.2rem;
  }
}
@media (max-width: 991px) {
  .index_project .container .box .swiper-button-next {
    right: -0.2rem;
  }
}
.index_project .container .btn {
  text-align: center;
}
.index_project .container .btn .generalbtns {
  margin-top: 0;
}
.about .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-family: "spectral-regular";
  font-size: 18px;
  color: var(--black-333);
  line-height: 1.5;
}
@media (max-width: 991px) {
  .about .content {
    padding-bottom: 0.8rem;
  }
}
@media (max-width: 767px) {
  .about .content {
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 1900px) {
  .about .content {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .about .content {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .about .content {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .about .content {
    font-size: 0.26rem;
  }
}
.about .content img {
  display: block;
  width: 100%;
}
.about .content .item {
  width: 49.132%;
  padding-top: 2.31481481481481%;
  padding-bottom: 2.31481481481481%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .about .content .item {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0;
  }
}
.about .content .subtit {
  font-family: "spectral-medium";
  font-size: 46px;
  color: var(--black-333);
  line-height: 1.3;
  margin-bottom: 0.2rem;
}
@media (max-width: 1900px) {
  .about .content .subtit {
    font-size: 2.395833333333333vw;
  }
}
@media (max-width: 1260px) {
  .about .content .subtit {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .about .content .subtit {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .about .content .subtit {
    font-size: 0.46rem;
  }
}
.about .box {
  display: flex;
  align-items: stretch;
  border-top: var(--gray-ccc) solid 1px;
}
@media (max-width: 991px) {
  .about .box {
    display: block;
    padding-top: 0.5rem;
  }
}
.about .box .imgbox {
  width: 50%;
  padding: 5.787%;
  border-right: var(--gray-ccc) solid 1px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .about .box .imgbox {
    width: 100%;
    border-right: none;
    padding: 0;
  }
}
.about .box .imgbox img {
  display: block;
  width: 100%;
}
.about .box .textbox {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .about .box .textbox {
    width: 100%;
  }
}
.about .box .textbox .item {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10%;
  padding-right: 3%;
  padding-top: 5%;
  padding-bottom: 5%;
  box-sizing: border-box;
  border-bottom: var(--gray-ccc) solid 1px;
}
.about .box .textbox .item:last-child {
  border-bottom: none;
}
@media (max-width: 991px) {
  .about .box .textbox .item {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}
@media (max-width: 767px) {
  .about .box .textbox .item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.about .box .textbox .item .subtit {
  font-family: "spectral-medium";
  font-size: 46px;
  color: var(--black-333);
  line-height: 1.3;
  margin-bottom: 0.2rem;
}
@media (max-width: 1900px) {
  .about .box .textbox .item .subtit {
    font-size: 2.395833333333333vw;
  }
}
@media (max-width: 1260px) {
  .about .box .textbox .item .subtit {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .about .box .textbox .item .subtit {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .about .box .textbox .item .subtit {
    font-size: 0.46rem;
  }
}
.about .box .textbox .item .text {
  font-family: "spectral-regular";
  font-size: 18px;
  color: var(--black-333);
  line-height: 1.5;
}
@media (max-width: 1900px) {
  .about .box .textbox .item .text {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .about .box .textbox .item .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .about .box .textbox .item .text {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .about .box .textbox .item .text {
    font-size: 0.26rem;
  }
}
.introduce .i-title {
  padding-bottom: 3.5%;
}
@media (max-width: 991px) {
  .introduce .i-title {
    padding-bottom: 6%;
  }
}
.introduce .i-title .text {
  max-width: 12rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.introduce .imgbox img {
  display: block;
  width: 100%;
}
.contact-infor .box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.contact-infor .box .item {
  display: flex;
  align-items: center;
  width: 31.8287%;
  margin-right: 2.25695%;
  margin-bottom: 2.25695%;
  padding: 1.9%;
  box-sizing: border-box;
  background: var(--bg-f8);
}
@media (max-width: 991px) {
  .contact-infor .box .item {
    width: 100%;
    padding: 4%;
    margin-bottom: 5%;
    margin-right: 0;
  }
}
.contact-infor .box .item:nth-child(3n) {
  margin-right: 0;
}
.contact-infor .box .item .icon {
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 13%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--white-color);
}
@media (max-width: 1260px) {
  .contact-infor .box .item .icon {
    margin-right: 0.3rem;
  }
}
.contact-infor .box .item .icon img {
  max-width: 0.24rem;
}
.contact-infor .box .item .text {
  flex: 1;
  font-family: "spectral-regular";
  font-size: 22px;
  color: var(--black-333);
  line-height: 1.5;
  overflow: hidden;
}
@media (max-width: 1900px) {
  .contact-infor .box .item .text {
    font-size: 1.145833333333333vw;
  }
}
@media (max-width: 1260px) {
  .contact-infor .box .item .text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .contact-infor .box .item .text {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .contact-infor .box .item .text {
    font-size: 0.32rem;
  }
}
.feedback .box {
  margin-top: 3.2%;
}
@media (max-width: 991px) {
  .feedback .box {
    margin-top: 6%;
  }
}
.feedback .box .layui-form-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.feedback .box .layui-form-item .layui-input-block {
  margin-left: 0;
  width: 100%;
  margin-bottom: 1.736%;
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block {
    margin-bottom: 0.3rem;
  }
}
.feedback .box .layui-form-item .layui-input-block.part {
  width: 23.698%;
  margin-right: 1.736%;
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block.part {
    width: 48%;
    margin-right: 4%;
  }
}
@media (max-width: 767px) {
  .feedback .box .layui-form-item .layui-input-block.part {
    width: 100%;
    margin-right: 0;
  }
}
.feedback .box .layui-form-item .layui-input-block.part:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block.part:nth-child(4n) {
    margin-right: 4%;
  }
}
@media (max-width: 767px) {
  .feedback .box .layui-form-item .layui-input-block.part:nth-child(4n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block.part:nth-child(2n) {
    margin-right: 0;
  }
}
.feedback .box .layui-form-item .layui-input-block .layui-input {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.58rem;
  padding: 0 0.2rem;
  font-family: "spectral-regular";
  color: var(--black-333);
  font-size: 16px;
  border-color: var(--gray-ccc);
  box-sizing: border-box;
}
@media (max-width: 1900px) {
  .feedback .box .layui-form-item .layui-input-block .layui-input {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .feedback .box .layui-form-item .layui-input-block .layui-input {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-input {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-input {
    height: 0.64rem;
  }
}
@media (max-width: 480px) {
  .feedback .box .layui-form-item .layui-input-block .layui-input {
    height: 0.72rem;
  }
}
.feedback .box .layui-form-item .layui-input-block .layui-input::-webkit-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-input::-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-input:-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-input:-ms-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-input:focus {
  border-color: var(--black-000) !important;
}
.feedback .box .layui-form-item .layui-input-block .layui-textarea {
  width: 100%;
  height: 1.26rem;
  font-family: "spectral-regular";
  font-size: 16px;
  color: var(--black-333);
  padding: 0.2rem;
  border-color: var(--gray-ccc);
  box-sizing: border-box;
}
@media (max-width: 1900px) {
  .feedback .box .layui-form-item .layui-input-block .layui-textarea {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .feedback .box .layui-form-item .layui-input-block .layui-textarea {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-textarea {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-textarea {
    height: 1.7rem;
  }
}
@media (max-width: 480px) {
  .feedback .box .layui-form-item .layui-input-block .layui-textarea {
    height: 2.5rem;
  }
}
.feedback .box .layui-form-item .layui-input-block .layui-textarea::-webkit-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-textarea::-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-textarea:-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-textarea:-ms-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-textarea:focus {
  border-color: var(--black-000) !important;
}
.feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input {
  padding-left: 0;
  padding-left: 0.2rem;
  padding-right: 0.4rem;
  height: 0.58rem;
  font-family: "spectral-regular";
  font-size: 16px;
  color: var(--black-333);
  border-color: var(--gray-ccc);
}
@media (max-width: 1900px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input {
    height: 0.64rem;
  }
}
@media (max-width: 480px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input {
    height: 0.72rem;
  }
}
.feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input::-webkit-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input::-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input:-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input:-ms-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-666);
}
.feedback .box .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-edge {
  right: 0.2rem;
}
.feedback .box .layui-form-item .layui-input-block .layui-form-select dl {
  padding: 0;
  top: 0.58rem;
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select dl {
    top: 0.64rem;
  }
}
@media (max-width: 480px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select dl {
    top: 0.72rem;
  }
}
.feedback .box .layui-form-item .layui-input-block .layui-form-select dl dd {
  font-family: "spectral-regular";
  font-size: 16px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select dl dd {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select dl dd {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-form-select dl dd {
    font-size: 14px;
  }
}
.feedback .box .layui-form-item .layui-input-block .layui-form-select dl dd.layui-this {
  color: var(--white-color);
  background-color: var(--black-000);
}
.feedback .box .layui-form-item .layui-input-block.layui-form-selected .layui-edge {
  margin-top: -3px;
}
.feedback .box .layui-form-item .layui-input-block .layui-btn {
  display: block;
  width: 4.1rem;
  height: 0.58rem;
  border-radius: 0.3rem;
  background: var(--black-000);
  color: var(--white-color);
  font-family: "spectral-regular";
  font-size: 22px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1900px) {
  .feedback .box .layui-form-item .layui-input-block .layui-btn {
    font-size: 1.145833333333333vw;
  }
}
@media (max-width: 1260px) {
  .feedback .box .layui-form-item .layui-input-block .layui-btn {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-btn {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .feedback .box .layui-form-item .layui-input-block .layui-btn {
    font-size: 0.32rem;
  }
}
@media (max-width: 991px) {
  .feedback .box .layui-form-item .layui-input-block .layui-btn {
    height: 0.64rem;
    border-radius: 0.32rem;
  }
}
@media (max-width: 480px) {
  .feedback .box .layui-form-item .layui-input-block .layui-btn {
    height: 0.72rem;
    border-radius: 0.36rem;
  }
}
.advertising .container {
  position: relative;
}
.advertising .container .imgbox {
  width: 100%;
  overflow: hidden;
}
.advertising .container .imgbox img {
  width: 100%;
}
.advertising .container .textbox {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
@media (max-width: 991px) {
  .product .box {
    flex-wrap: wrap;
  }
}
.product .box .aside {
  width: 17%;
}
@media (max-width: 1580px) {
  .product .box .aside {
    width: 20%;
  }
}
@media (max-width: 991px) {
  .product .box .aside {
    width: 100%;
  }
}
.product .box .aside .productNav {
  width: 100%;
  padding-top: 0.16rem;
  background-color: #FFFFFF;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product .box .aside .productNav ul li {
  border-top: var(--gray-ccc) solid 1px;
  list-style: none;
}
.product .box .aside .productNav ul li:last-child {
  border-bottom: var(--gray-ccc) solid 1px;
}
.product .box .aside .productNav ul li a {
  position: relative;
  display: block;
  line-height: 1.7;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product .box .aside .productNav ul li .title {
  display: block;
  position: relative;
  padding-right: 0.24rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  cursor: pointer;
  font-size: 18px;
  color: var(--black-333);
  font-family: "spectral-medium";
  line-height: 1.5;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1900px) {
  .product .box .aside .productNav ul li .title {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .product .box .aside .productNav ul li .title {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product .box .aside .productNav ul li .title {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .product .box .aside .productNav ul li .title {
    font-size: 0.26rem;
  }
}
.product .box .aside .productNav ul li .title i {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.3rem;
  height: 100%;
  background: url(../images/icon13.png) center no-repeat;
  background-size: 36.66666666666667% auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 991px) {
  .product .box .aside .productNav ul li .title i {
    width: 0.4rem;
  }
}
@media (max-width: 480px) {
  .product .box .aside .productNav ul li .title i {
    width: 0.5rem;
  }
}
.product .box .aside .productNav ul li .title.active i {
  background: url(../images/icon14.png) center no-repeat;
  background-size: 36.66666666666667% auto;
}
.product .box .aside .productNav ul li ul {
  display: none;
  padding-bottom: 0.2rem;
}
.product .box .aside .productNav ul li ul li {
  padding: 0;
  border-top: none;
}
.product .box .aside .productNav ul li ul li:last-child {
  border-bottom: none;
}

.product .box .aside .productNav ul li ul li .title {
  padding: 0.05rem 0rem;
  font-size: 16px;
  color: var(--black-666);
  font-family: "spectral-light";
}
@media (max-width: 1900px) {
  .product .box .aside .productNav ul li ul li .title {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product .box .aside .productNav ul li ul li .title {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product .box .aside .productNav ul li ul li .title {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product .box .aside .productNav ul li ul li .title {
    padding: 0.1rem 0rem;
  }
}
.product .box .aside .productNav ul li ul li .title::before {
  content: '';
  display: inline-block;
  width: 0.05rem;
  height: 0.05rem;
  margin-right: 0.04rem;
  margin-bottom: 0.02rem;
  border-right: #b8b8b8 solid 1px;
  border-bottom: #b8b8b8 solid 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.product .box .aside .productNav ul li ul li .title.active {
  color: var(--active-color);
}
.product .box .aside .productNav ul li ul li .title.active::before {
  border-right: var(--active-color) solid 1px;
  border-bottom: var(--active-color) solid 1px;
}


.product .box .aside .productNav ul li ul li>a {
  position: relative;
  z-index: 1;
  font-family: "spectral-light";
  font-size: 14px;
  color: var(--black-666);
  padding: 0.05rem 0rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
}
@media (max-width: 1900px) {
  .product .box .aside .productNav ul li ul li>a {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .product .box .aside .productNav ul li ul li>a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product .box .aside .productNav ul li ul li>a {
    font-size: 14px;
  }
}
.product .box .aside .productNav ul li ul li>a::before {
  content: '';
  display: inline-block;
  width: 0.05rem;
  height: 0.05rem;
  margin-right: 0.04rem;
  margin-bottom: 0.02rem;
  border-right: #b8b8b8 solid 1px;
  border-bottom: #b8b8b8 solid 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.product .box .aside .productNav ul li ul li>a:hover {
  color: var(--active-color);
}
@media (max-width: 991px) {
  .product .box .aside .productNav ul li ul li>a {
    padding: 0.1rem 0rem;
  }
}
.product .box .aside .productNav ul li ul li.on>a {
  color: var(--active-color);
}
.product .box .aside .productNav ul li ul li.on>a::before {
  border-right: var(--active-color) solid 1px;
  border-bottom: var(--active-color) solid 1px;
}
.product .box .aside .productNav ul li ul li.on>a i {
  background: url(../images/icon18.png) center no-repeat;
  background-size: 50% auto;
}
.product .box .aside .productNav ul li ul li ul {
  padding-left: 0.25rem;
  padding-bottom: 0;
}
.product .box .aside .productNav ul li ul li ul li a {
  font-size: 14px;
}
@media (max-width: 1900px) {
  .product .box .aside .productNav ul li ul li ul li a {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .product .box .aside .productNav ul li ul li ul li a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product .box .aside .productNav ul li ul li ul li a {
    font-size: 14px;
  }
}
.product .box .wrap {
  width: 74.65277777777778%;
}
@media (max-width: 991px) {
  .product .box .wrap {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.product .box .wrap .wrap-top .sp {
  display: inline-block;
  font-family: "spectral-regular";
  font-size: 12px;
  color: var(--black-666);
  margin-right: 0.15rem;
}
.product .box .wrap .wrap-top .w1 {
  flex: 1;
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w1 {
    display: block;
  }
}
.product .box .wrap .wrap-top .w1 .choose {
  flex: 1;
  display: flex;
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w1 .choose {
    margin-top: 0.25rem;
  }
}
.product .box .wrap .wrap-top .w1 .choose .txt span {
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-family: "spectral-regular";
  color: var(--active-color);
  padding-right: 0.2rem;
  margin-right: 0.1rem;
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w1 .choose .txt span {
    padding-right: 0.3rem;
    margin-right: 0.15rem;
  }
}
.product .box .wrap .wrap-top .w1 .choose .txt span i {
  position: absolute;
  right: 0.02rem;
  top: -0.06rem;
  display: inline-block;
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  background: var(--bg-f5) url(../images/icon17.png) center no-repeat;
  background-size: 50% auto;
  cursor: pointer;
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w1 .choose .txt span i {
    right: 0.05rem;
    top: -0.1rem;
    width: 0.2rem;
    height: 0.2rem;
  }
}
.product .box .wrap .wrap-top .w1 .choose .txt span::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 70%;
  background: var(--gray-ccc);
}
.product .box .wrap .wrap-top .w1 .choose .txt span:last-child::before {
  display: none;
}
.product .box .wrap .wrap-top .w1 .choose .clearicon {
  display: flex;
  align-items: center;
  font-family: "spectral-bold";
  font-size: 12px;
  color: var(--black-999);
  line-height: 1.7;
  background: var(--bg-f5);
  padding: 0 0.07rem;
  cursor: pointer;
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w1 .choose .clearicon {
    padding: 0 0.1rem;
  }
}
.product .box .wrap .wrap-top .w1 .choose .clearicon i {
  display: flex;
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  background: url(../images/icon17.png) center no-repeat;
  background-size: 50% auto;
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w1 .choose .clearicon i {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.product .box .wrap .wrap-top .w2 {
  margin-left: 0.15rem;
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w2 .sp {
    display: none;
  }
}
.product .box .wrap .wrap-top .w2 .layui-form {
  width: 1.65rem;
}
@media (max-width: 1260px) {
  .product .box .wrap .wrap-top .w2 .layui-form {
    width: 2rem;
  }
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w2 .layui-form {
    width: 0.7rem;
  }
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-input {
  font-family: "spectral-regular";
  font-size: 12px;
  color: var(--black-666);
  height: 0.34rem;
  border: var(--gray-e5e) solid 1px;
  background: var(--bg-f6);
}
@media (max-width: 1260px) {
  .product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-input {
    height: 0.45rem;
  }
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-input::-webkit-input-placeholder {
  color: var(--black-666);
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-input::-moz-placeholder {
  color: var(--black-666);
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-input:-moz-placeholder {
  color: var(--black-666);
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-input:-ms-input-placeholder {
  color: var(--black-666);
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-input {
    opacity: 0;
  }
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-edge {
  width: 10px;
  height: 9px;
  background: url(../images/icon18.png) center no-repeat;
  background-size: 100% auto;
  border: none;
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-edge {
    top: 0;
    margin-top: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: url(../images/icon30.png) center no-repeat;
    background-size: 60% auto;
    border: transparent solid 1px;
  }
}
@media (max-width: 480px) {
  .product .box .wrap .wrap-top .w2 .layui-form .layui-form-select .layui-edge {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-select dl {
  padding: 0;
  top: 0.34rem;
}
@media (max-width: 1260px) {
  .product .box .wrap .wrap-top .w2 .layui-form .layui-form-select dl {
    top: 0.45rem;
  }
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w2 .layui-form .layui-form-select dl {
    left: auto;
    right: 0;
  }
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-select dl dd {
  font-size: 12px;
  color: var(--black-666);
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-select dl dd.layui-this {
  color: var(--black-666);
  background: var(--bg-f6);
}
.product .box .wrap .wrap-top .w2 .layui-form .layui-form-selected .layui-edge {
  margin-top: -3px;
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w2 .layui-form .layui-form-selected .layui-edge {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: var(--black-000) solid 1px;
  }
}
@media (max-width: 991px) {
  .product .box .wrap .wrap-top .w2 .layui-form .layui-form-selected dl {
    top: 0.5rem;
  }
}
@media (max-width: 480px) {
  .product .box .wrap .wrap-top .w2 .layui-form .layui-form-selected dl {
    top: 0.6rem;
  }
}
.product .box .wrap .itembox {
  margin-top: 0.2rem;
  padding-bottom: 2%;
}
@media (max-width: 991px) {
  .product .box .wrap .itembox {
    margin-top: 5%;
    padding-bottom: 5%;
  }
}
@media (max-width: 767px) {
  .product .box .wrap .itembox {
    margin-top: 6%;
    padding-bottom: 6%;
  }
}
@media (max-width: 480px) {
  .product .box .wrap .itembox {
    margin-top: 7%;
    padding-bottom: 7%;
  }
}
.product .box .wrap .itembox .commonitem {
  width: 31.8%;
  margin-right: 2.3%;
  margin-bottom: 2.3%;
}
@media (max-width: 1260px) {
  .product .box .wrap .itembox .commonitem {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
}
.product .box .wrap .itembox .commonitem:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 1260px) {
  .product .box .wrap .itembox .commonitem:nth-child(3n) {
    margin-right: 4%;
  }
}
@media (max-width: 1260px) {
  .product .box .wrap .itembox .commonitem:nth-child(2n) {
    margin-right: 0%;
  }
}
@media (max-width: 540px) {
  .product .box .wrap .itembox .commonitem {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 25px;
  }
}
.page {
  width: 100%;
  text-align: center;
}
.page .page-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .page-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .1rem;
  min-width: .4rem;
  height: .4rem;
  margin-bottom: .1rem;
  margin-right: .1rem;
  border-radius: 2px;
  text-align: center;
  font-family: "spectral-light";
  font-size: 16px;
  color: var(--black-999);
  border: var(--gray-e5e) solid 1px;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1900px) {
  .page .page-list a {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .page .page-list a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .page .page-list a {
    font-size: 14px;
  }
}
.page .page-list a:hover {
  color: var(--white-color);
  background: var(--black-000);
}
.page .page-list a.fyprev {
  color: var(--white-color);
  background: var(--black-000) url(../images/icon15a.png) center no-repeat;
  background-size: 0.06rem auto;
  border: var(--black-000) solid 1px;
}
.page .page-list a.fyprev.disabled {
  border: var(--gray-e5e) solid 1px;
  background: var(--white-color) url(../images/icon15.png) center no-repeat;
  background-size: 0.06rem auto;
  pointer-events: none;
  opacity: 0.8;
}
.page .page-list a.fynext {
  border: var(--gray-e5e) solid 1px;
  background: var(--black-000) url(../images/icon16a.png) center no-repeat;
  background-size: 0.06rem auto;
  border: var(--black-000) solid 1px;
}
.page .page-list a.fynext.disabled {
  color: var(--black-000);
  background: var(--white-color) url(../images/icon16.png) center no-repeat;
  background-size: 0.06rem auto;
  pointer-events: none;
  opacity: 0.8;
}
.page .page-list a.on {
  color: var(--white-color);
  background: var(--black-000);
}
@media (max-width: 991px) {
  .page .page-list a {
    min-width: .36rem;
    height: .36rem;
    margin-right: 0.15rem;
  }
  .page .page-list a.fyprev {
    background: var(--black-000) url(../images/icon15a.png) center no-repeat;
    background-size: 0.12rem auto;
  }
  .page .page-list a.fyprev.disabled {
    background: var(--white-color) url(../images/icon15.png) center no-repeat;
    background-size: 0.12rem auto;
  }
  .page .page-list a.fynext {
    background: var(--black-000) url(../images/icon16a.png) center no-repeat;
    background-size: 0.12rem auto;
  }
  .page .page-list a.fynext.disabled {
    background: var(--white-color) url(../images/icon16.png) center no-repeat;
    background-size: 0.12rem auto;
  }
}
@media (max-width: 480px) {
  .page .page-list a {
    min-width: .5rem;
    height: .5rem;
  }
}
.product_Introduction .box{
	margin-bottom: 7%;
}
@media (max-width: 991px) {
  .product_Introduction .box {
    display: block;
    margin-bottom: 9%;
  }
}
@media (max-width: 767px) {
    .product_Introduction .box {
        margin-bottom: 12%;
    }
}
.product_Introduction .box .left_w {
  width: 46.2962962962963%;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w {
    width: 100%;
  }
}
.product_Introduction .box .left_w .upperpart {
  position: relative;
  background: var(--bg-f9);
  border: var(--bg-f3) solid 1px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .upperpart .swiperlinkage {
    display: block;
  }
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .big_pic {
  width: 67.5%;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .upperpart .swiperlinkage .big_pic {
    width: 100%;
  }
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .big_pic .swiper1 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .big_pic .swiper1 .swiper-slide .img{
	background: var(--bg-f9);
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .big_pic .swiper1 .swiper-slide img {
  display: block;
  width: 100%;
  mix-blend-mode: multiply;
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .small_pic {
  position: relative;
  width: 12.5%;
  margin-left: 0.3rem;
  padding-top: 0.56rem;
  padding-bottom: 0.56rem;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .upperpart .swiperlinkage .small_pic {
    max-width: 6.4rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .small_pic .swiper2 {
  position: relative;
  width: 100%;
  height: 12.5vw;
  overflow: hidden;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .upperpart .swiperlinkage .small_pic .swiper2 {
    height: auto;
  }
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .small_pic .swiper2 .swiper-slide {
  height: auto;
  border: var(--gray-e2e) solid 1px;
  box-sizing: border-box;
  opacity: 0.3;
  background: var(--white-color);
  cursor: pointer;
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .small_pic .swiper2 .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .small_pic .swiper2 .swiper-slide .img {
  position: relative;
  padding-bottom: 70%;
}
.product_Introduction .box .left_w .upperpart .swiperlinkage .small_pic .swiper2 .swiper-slide .img img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
@media (min-width: 992px) {
  .product_Introduction .box .left_w .upperpart .swiperlinkage .swiper-button {
    top: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(90deg);
    transform: translate(-50%, 0) rotate(90deg);
  }
  .product_Introduction .box .left_w .upperpart .swiperlinkage .swiper-button.swiper-button-prev {
    top: 0;
  }
  .product_Introduction .box .left_w .upperpart .swiperlinkage .swiper-button.swiper-button-next {
    bottom: 0;
  }
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .upperpart .swiperlinkage .swiper-button.swiper-button-prev {
    left: 0;
  }
  .product_Introduction .box .left_w .upperpart .swiperlinkage .swiper-button.swiper-button-next {
    right: 0;
  }
}
.product_Introduction .box .left_w .upperpart .wrapperview {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
}
.product_Introduction .box .left_w .upperpart .wrapperview #iframeContainer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.product_Introduction .box .left_w .upperpart .switchbtn {
  position: relative;
  z-index: 12;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .upperpart .switchbtn {
    padding-top: 7%;
    padding-bottom: 7%;
  }
}
.product_Introduction .box .left_w .upperpart .switchbtn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.2rem;
  height: 0.36rem;
  border: var(--gray-e2e) solid 1px;
  border-radius: 0.18rem;
  background: var(--white-color);
  font-family: "spectral-medium";
  font-size: 12px;
  color: var(--black-333);
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 0.12rem;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .upperpart .switchbtn span {
    padding: 0 0.3rem;
    height: 0.56rem;
    border-radius: 0.28rem;
  }
}
.product_Introduction .box .left_w .upperpart .switchbtn span i {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .upperpart .switchbtn span i {
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.15rem;
  }
}
.product_Introduction .box .left_w .upperpart .switchbtn span.picbtn i {
  background: url(../images/icon22.png) center no-repeat;
  background-size: 100% auto;
}
.product_Introduction .box .left_w .upperpart .switchbtn span.picbtn:hover {
  color: var(--white-color);
  background: var(--black-000);
  border: var(--black-000) solid 1px;
}
.product_Introduction .box .left_w .upperpart .switchbtn span.picbtn:hover i {
  background: url(../images/icon22a.png) center no-repeat;
  background-size: 100% auto;
}
.product_Introduction .box .left_w .upperpart .switchbtn span.picbtn.on {
  color: var(--white-color);
  background: var(--black-000);
  border: var(--black-000) solid 1px;
}
.product_Introduction .box .left_w .upperpart .switchbtn span.picbtn.on i {
  background: url(../images/icon22a.png) center no-repeat;
  background-size: 100% auto;
}
.product_Introduction .box .left_w .upperpart .switchbtn span.viewbtn i {
  background: url(../images/icon23.png) center no-repeat;
  background-size: 100% auto;
}
.product_Introduction .box .left_w .upperpart .switchbtn span.viewbtn:hover {
  color: var(--white-color);
  background: var(--black-000);
  border: var(--black-000) solid 1px;
}
.product_Introduction .box .left_w .upperpart .switchbtn span.viewbtn:hover i {
  background: url(../images/icon23a.png) center no-repeat;
  background-size: 100% auto;
}
.product_Introduction .box .left_w .upperpart .switchbtn span.viewbtn.on {
  color: var(--white-color);
  background: var(--black-000);
  border: var(--black-000) solid 1px;
}
.product_Introduction .box .left_w .upperpart .switchbtn span.viewbtn.on i {
  background: url(../images/icon23a.png) center no-repeat;
  background-size: 100% auto;
}
.product_Introduction .box .left_w .lowerpart {
  margin-top: 7%;
  text-align: center;
}
.product_Introduction .box .left_w .lowerpart .wrap {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-top: var(--gray-ccc) solid 1px;
  border-bottom: var(--gray-ccc) solid 1px;
  max-width: 100%;
  padding: 0.15rem 0.25rem;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .lowerpart .wrap {
    padding: 0.2rem 0.3rem;
  }
}
.product_Introduction .box .left_w .lowerpart .wrap .contactbtn {
  position: relative;
  display: inline-block;
  padding-right: 0.4rem;
  margin-right: 0.4rem;
}
.product_Introduction .box .left_w .lowerpart .wrap .contactbtn::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 80%;
  background: var(--gray-ccc);
}
.product_Introduction .box .left_w .lowerpart .wrap .contactbtn a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "spectral-regular";
  font-size: 16px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .product_Introduction .box .left_w .lowerpart .wrap .contactbtn a {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_Introduction .box .left_w .lowerpart .wrap .contactbtn a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .lowerpart .wrap .contactbtn a {
    font-size: 14px;
  }
}
.product_Introduction .box .left_w .lowerpart .wrap .contactbtn a i {
  display: inline-block;
  width: 0.16rem;
  height: 0.15rem;
  margin-right: 0.1rem;
  background: url(../images/icon24.png) center no-repeat;
  background-size: 100% auto;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .lowerpart .wrap .contactbtn a i {
    width: 0.24rem;
    height: 0.23rem;
    margin-right: 0.15rem;
  }
}
.product_Introduction .box .left_w .lowerpart .wrap .contactbtn a:hover {
  color: var(--active-color);
}
.product_Introduction .box .left_w .lowerpart .wrap .contactbtn a:hover i {
  background: url(../images/icon24a.png) center no-repeat;
  background-size: 100% auto;
}
.product_Introduction .box .left_w .lowerpart .wrap .sharebox {
  display: inline-flex;
  align-items: center;
}
.product_Introduction .box .left_w .lowerpart .wrap .sharebox .sp {
  font-family: "spectral-regular";
  font-size: 16px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .product_Introduction .box .left_w .lowerpart .wrap .sharebox .sp {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_Introduction .box .left_w .lowerpart .wrap .sharebox .sp {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .lowerpart .wrap .sharebox .sp {
    font-size: 14px;
  }
}
.product_Introduction .box .left_w .lowerpart .wrap .sharebox ul {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin-left: 0.1rem;
  gap: 0.1rem;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .lowerpart .wrap .sharebox ul {
    margin-left: 0.15rem;
    gap: 0.15rem;
  }
}
.product_Introduction .box .left_w .lowerpart .wrap .sharebox ul li {
  list-style: none;
}
.product_Introduction .box .left_w .lowerpart .wrap .sharebox ul li a img {
  max-width: 0.2rem;
}
@media (max-width: 991px) {
  .product_Introduction .box .left_w .lowerpart .wrap .sharebox ul li a img {
    max-width: 0.28rem;
  }
}
.product_Introduction .box .right_w {
  width: 49.19%;
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w {
    width: 100%;
    margin-top: 7%;
  }
}
.product_Introduction .box .right_w .title {
  font-family: "spectral-medium";
  font-size: 46px;
  color: var(--black-333);
  line-height: 1.25;
}
@media (max-width: 1900px) {
  .product_Introduction .box .right_w .title {
    font-size: 2.395833333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_Introduction .box .right_w .title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .product_Introduction .box .right_w .title {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .product_Introduction .box .right_w .title {
    font-size: 0.46rem;
  }
}
.product_Introduction .box .right_w .textinfor {
  margin-top: 0.2rem;
  padding: 0.15rem 0.3rem;
  background: var(--bg-f8);
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .textinfor {
    margin-top: 0.4rem;
    padding: 0.25rem 0.4rem;
  }
}
.product_Introduction .box .right_w .textinfor ul {
  padding: 0;
}
.product_Introduction .box .right_w .textinfor ul li {
  display: flex;
  align-items: flex-start;
  padding: 0.15rem 0;
  border-bottom: var(--gray-ccc) solid 1px;
  font-size: 16px;
  color: var(--black-333);
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .textinfor ul li {
    padding: 0.2rem 0;
  }
}
.product_Introduction .box .right_w .textinfor ul li:last-child {
  border-bottom: transparent solid 1px;
}
@media (max-width: 1900px) {
  .product_Introduction .box .right_w .textinfor ul li {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_Introduction .box .right_w .textinfor ul li {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .textinfor ul li {
    font-size: 14px;
  }
}
.product_Introduction .box .right_w .textinfor ul li .sp1 {
  font-family: "spectral-medium";
  width: 25.3%;
}
.product_Introduction .box .right_w .textinfor ul li .sp2 {
  font-family: "spectral-regular";
  width: 74.7%;
}
.product_Introduction .box .right_w .textlist {
  margin-top: 4%;
}
.product_Introduction .box .right_w .textlist ul {
  padding: 0;
}
.product_Introduction .box .right_w .textlist ul li {
  position: relative;
  padding-left: 0.25rem;
  list-style: none;
  font-family: "spectral-regular";
  font-size: 16px;
  color: var(--black-333);
  margin-bottom: 0.15rem;
}
@media (max-width: 1900px) {
  .product_Introduction .box .right_w .textlist ul li {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_Introduction .box .right_w .textlist ul li {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .textlist ul li {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .textlist ul li {
    margin-bottom: 0.2rem;
  }
}
.product_Introduction .box .right_w .textlist ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background: var(--active-color);
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .textlist ul li::before {
    top: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
  }
}
.product_Introduction .box .right_w .switchbtn {
  margin-top: 4%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  row-gap: 0.3rem;
}
@media (max-width: 767px) {
  .product_Introduction .box .right_w .switchbtn {
    margin-top: 8%;
    column-gap: 0.3rem;
  }
}
.product_Introduction .box .right_w .switchbtn .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border: var(--gray-e5e) solid 1px;
  box-sizing: border-box;
  width: 22.3525%;
  margin-right: 3.53%;
  padding: 0.2rem 0.1rem;
}
@media (max-width: 767px) {
  .product_Introduction .box .right_w .switchbtn .item {
    width: auto;
    min-width: 1.4rem;
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .product_Introduction .box .right_w .switchbtn .item {
    width: calc((100% - 0.3rem) / 2);
  }
}
.product_Introduction .box .right_w .switchbtn .item:nth-child(4n) {
  margin-right: 0;
}
.product_Introduction .box .right_w .switchbtn .item.active {
  border: var(--black-333) solid 1px;
}
.product_Introduction .box .right_w .switchbtn .item .spot {
  display: inline-block;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  margin: auto;
  background: #a8a9ad;
}
.product_Introduction .box .right_w .switchbtn .item .sp {
  margin-top: 0.15rem;
  font-family: "spectral-regular";
  font-size: 16px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .product_Introduction .box .right_w .switchbtn .item .sp {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_Introduction .box .right_w .switchbtn .item .sp {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .switchbtn .item .sp {
    font-size: 14px;
  }
}


.product_Introduction .box .right_w .addbutton {
  margin-top: 2%;
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .addbutton {
    margin-top: 5%;
  }
}
.product_Introduction .box .right_w .addbutton .selectionbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4rem;
  height: 0.6rem;
  padding: 0 0.25rem;
  box-sizing: border-box;
  color: var(--black-333);
  font-size: 16px;
  font-family: "spectral-regular";
  border: var(--gray-e2e) solid 1px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1900px) {
  .product_Introduction .box .right_w .addbutton .selectionbtn {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_Introduction .box .right_w .addbutton .selectionbtn {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .addbutton .selectionbtn {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .addbutton .selectionbtn {
    height: 0.75rem;
    padding: 0 0.3rem;
  }
}
.product_Introduction .box .right_w .addbutton .selectionbtn:hover {
  color: var(--white-color);
  background: var(--black-000);
}
.product_Introduction .box .right_w .addbutton .selectionbtn svg {
  display: inline-block;
  width: 0.16rem;
  margin-right: 0.1rem;
}
@media (max-width: 991px) {
  .product_Introduction .box .right_w .addbutton .selectionbtn svg {
    width: 0.24rem;
  }
}



.product_details {
  padding-top: 0.3rem;
  background: var(--bg-f8);
}
@media (max-width: 991px) {
  .product_details {
    padding-top: 6%;
  }
}
.product_details .category ul {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
}
.product_details .category ul::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--gray-ccc);
}
.product_details .category ul li {
  list-style: none;
  margin-right: 6%;
}
.product_details .category ul li a {
  position: relative;
  display: inline-block;
  padding: 0.15rem 0;
  font-family: "spectral-medium";
  font-size: 18px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .product_details .category ul li a {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .product_details .category ul li a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product_details .category ul li a {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .product_details .category ul li a {
    font-size: 0.26rem;
  }
}
.product_details .category ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0%;
  height: 1px;
  background: var(--black-000);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product_details .category ul li span {
  position: relative;
  display: inline-block;
  padding: 0.15rem 0;
  font-family: "spectral-medium";
  font-size: 18px;
  color: var(--black-333);
  cursor: pointer;
}
@media (max-width: 1900px) {
  .product_details .category ul li span {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .product_details .category ul li span {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product_details .category ul li span {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .product_details .category ul li span {
    font-size: 0.26rem;
  }
}
.product_details .category ul li span::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0%;
  height: 1px;
  background: var(--black-000);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product_details .category ul li.active a {
  font-family: "spectral-bold";
}
.product_details .category ul li.active a::before {
  width: 100%;
}
.product_details .category ul li.active span {
  font-family: "spectral-bold";
}
.product_details .category ul li.active span::before {
  width: 100%;
}
.product_details .features {
  margin-top: 3.385416666666667%;
}
@media (max-width: 991px) {
  .product_details .features {
    margin-top: 5%;
  }
}
.product_details .features .section {
  display: none;
}
@media (max-width: 991px) {
  .product_details .features .section .box {
    display: block;
  }
}
.product_details .features .section .box .textbox {
  width: 32.176%;
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox {
    width: 100%;
  }
}
.product_details .features .section .box .textbox .title .subtit {
  font-family: "spectral-medium";
  font-size: 24px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .product_details .features .section .box .textbox .title .subtit {
    font-size: 1.25vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .box .textbox .title .subtit {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .title .subtit {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .box .textbox .title .subtit {
    font-size: 0.35rem;
  }
}
.product_details .features .section .box .textbox .title .text {
  font-family: "spectral-regular";
  font-size: 18px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .product_details .features .section .box .textbox .title .text {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .box .textbox .title .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .title .text {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .box .textbox .title .text {
    font-size: 0.26rem;
  }
}
.product_details .features .section .box .textbox .part1 {
  display: flex;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  border-top: var(--gray-ccc) solid 1px;
  margin-top: 0.2rem;
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .product_details .features .section .box .textbox .part1 {
    display: block;
  }
}
.product_details .features .section .box .textbox .part1 .img {
  width: 37%;
  padding-right: 10%;
  margin-right: 10%;
  border-right: var(--gray-ccc) solid 1px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part1 .img {
    padding-right: 7%;
    margin-right: 7%;
  }
}
@media (max-width: 767px) {
  .product_details .features .section .box .textbox .part1 .img {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.product_details .features .section .box .textbox .part1 .img ul {
  padding: 0;
}
@media (max-width: 767px) {
  .product_details .features .section .box .textbox .part1 .img ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
}
.product_details .features .section .box .textbox .part1 .img ul li {
  width: 100%;
  list-style: none;
  margin-bottom: 0.2rem;
  border: var(--gray-e2e) solid 1px;
  padding: 0.1rem 0.02rem;
  text-align: center;
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part1 .img ul li {
    padding: 0.2rem 0.1rem;
  }
}
@media (max-width: 767px) {
  .product_details .features .section .box .textbox .part1 .img ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.4rem;
  }
}
.product_details .features .section .box .textbox .part1 .img ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .product_details .features .section .box .textbox .part1 .img ul li:last-child {
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 767px) {
  .product_details .features .section .box .textbox .part1 .img ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.product_details .features .section .box .textbox .part1 .img ul li .icon img {
  max-width: 100%;
}
.product_details .features .section .box .textbox .part1 .img ul li .sp {
  margin-top: 0.1rem;
  font-family: "spectral-regular";
  font-size: 12px;
  color: var(--black-333);
}
.product_details .features .section .box .textbox .part1 .infor {
  flex: 1;
  font-family: "spectral-regular";
  font-size: 16px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .product_details .features .section .box .textbox .part1 .infor {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .box .textbox .part1 .infor {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part1 .infor {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .product_details .features .section .box .textbox .part1 .infor {
    width: 100%;
  }
}
.product_details .features .section .box .textbox .part1 .infor ul {
  padding: 0;
}
.product_details .features .section .box .textbox .part1 .infor ul li {
  list-style: none;
  margin-bottom: 0.1rem;
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part1 .infor ul li {
    margin-bottom: 0.15rem;
  }
}
.product_details .features .section .box .textbox .part1 .infor ul li:last-child {
  margin-bottom: 0;
}
.product_details .features .section .box .textbox .part2 {
  padding-top: 0.3rem;
  border-top: var(--gray-ccc) solid 1px;
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part2 {
    padding-top: 0.5rem;
  }
}
.product_details .features .section .box .textbox .part2 ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.36rem;
}
.product_details .features .section .box .textbox .part2 ul li {
  display: flex;
  align-items: center;
  margin-right: 10%;
  width: 45%;
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part2 ul li {
    margin-right: 4%;
    width: 48%;
  }
}
@media (max-width: 767px) {
  .product_details .features .section .box .textbox .part2 ul li {
    width: 100%;
    margin-right: 0;
  }
}
.product_details .features .section .box .textbox .part2 ul li:nth-child(2n) {
  margin-right: 0;
}
.product_details .features .section .box .textbox .part2 ul li .icon {
  display: inline-block;
  margin-right: 0.06rem;
  flex-shrink: 0;
  font-size: 40px;
  color: var(--black-999);
  font-family: "spectral-bold";
  line-height: 1.2;
}

@media (max-width: 1900px) {
  .product_details .features .section .box .textbox .part2 ul li .icon {
    font-size: 2.083333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .box .textbox .part2 ul li .icon {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part2 ul li .icon {
    font-size: 32px;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .box .textbox .part2 ul li .icon {
    font-size: 0.56rem;
  }
}

@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part2 ul li .icon {
    margin-right: 0.15rem;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .box .textbox .part2 ul li .icon {
    margin-right: 0.25rem;
  }
}
.product_details .features .section .box .textbox .part2 ul li .icon img {
  display: inline-block;
  max-width: 0.44rem;
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part2 ul li .icon img {
    max-width: 0.56rem;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .box .textbox .part2 ul li .icon img {
    max-width: 0.64rem;
  }
}
.product_details .features .section .box .textbox .part2 ul li .txt {
  flex: 1;
}
.product_details .features .section .box .textbox .part2 ul li .txt .t1 {
  font-family: "spectral-bold";
  font-size: 20px;
  color: var(--black-333);
  line-height: 1.25;
}
@media (max-width: 1900px) {
  .product_details .features .section .box .textbox .part2 ul li .txt .t1 {
    font-size: 1.041666666666667vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .box .textbox .part2 ul li .txt .t1 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part2 ul li .txt .t1 {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .box .textbox .part2 ul li .txt .t1 {
    font-size: 0.28rem;
  }
}
.product_details .features .section .box .textbox .part2 ul li .txt .t2 {
  margin-top: 0.08rem;
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .product_details .features .section .box .textbox .part2 ul li .txt .t2 {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .box .textbox .part2 ul li .txt .t2 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .box .textbox .part2 ul li .txt .t2 {
    font-size: 14px;
  }
}
.product_details .features .section .box .videobox {
  position: relative;
  width: 61.9212962962963%;
}
@media (max-width: 991px) {
  .product_details .features .section .box .videobox {
    width: 100%;
    margin-top: 7%;
  }
}
.product_details .features .section .box .videobox img {
  display: block;
  width: 100%;
}
.product_details .features .section .box .videobox .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.49rem;
}
@media (max-width: 991px) {
  .product_details .features .section .box .videobox .icon {
    width: 0.56rem;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .box .videobox .icon {
    width: 0.64rem;
  }
}
.product_details .features .section .box .videobox .icon img {
  display: block;
  width: 100%;
}
.product_details .features .section .wrap {
  margin-top: 6.94444444444444%;
  padding-top: 3.47%;
  padding-bottom: 3.47%;
  background: var(--white-color);
}
@media (max-width: 991px) {
  .product_details .features .section .wrap {
    display: block;
    padding-top: 3%;
    padding-bottom: 3%;
  }
}
.product_details .features .section .wrap .item-box {
  width: 32.17592592592593%;
  text-align: center;
  overflow: hidden;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .product_details .features .section .wrap .item-box {
    width: 100%;
    padding: 3% 6%;
  }
}
.product_details .features .section .wrap .item-box img {
  max-width: 89.2%;
}
@media (max-width: 991px) {
  .product_details .features .section .wrap .item-box img {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}
.product_details .features .section .wrap .item-box .t1 {
  font-family: "spectral-bold";
  font-size: 18px;
  color: var(--black-333);
  text-align: left;
}
@media (max-width: 1900px) {
  .product_details .features .section .wrap .item-box .t1 {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .wrap .item-box .t1 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .wrap .item-box .t1 {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .wrap .item-box .t1 {
    font-size: 0.26rem;
  }
}
.product_details .features .section .wrap .item-box .t2 {
  margin-top: 0.5rem;
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--black-333);
  text-align: left;
}
@media (max-width: 1900px) {
  .product_details .features .section .wrap .item-box .t2 {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .wrap .item-box .t2 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .wrap .item-box .t2 {
    font-size: 14px;
  }
}
.product_details .features .section .downloadlist {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}





.product_details .features .section .downloadlist .layui-form {
  width: 100%;
}
.product_details .features .section .downloadlist .layui-form .layui-form-item {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0.4rem;
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block {
  margin-left: 0;
  width: calc((100% - 0.6rem) / 3);
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  font-size: 18px;
  color: var(--black-333);
  border: var(--gray-e2e) solid 1px !important;
  background: var(--white-color);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1900px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block {
    font-size: 0.26rem;
  }
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block:nth-child(3n) {
    margin-right: 0.3rem;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block {
    width: calc((100% - 0.3rem) / 2);
  }
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block {
    width: 100%;
    margin-right: 0 !important;
  }
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block:hover {
  /*background: var(--active-color);*/
 	background: var(--black-000);
  color: var(--white-color);
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block:hover .layui-form-checkbox[lay-skin=primary] span {
  color: var(--white-color);
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block:hover .loadlink img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] {
  width: 100%;
  margin-top: 0;
  box-sizing: border-box;
  padding: 0.18rem 0.75rem;
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] {
    padding: 0.2rem 0.85rem;
  }
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] span {
  display: block;
  font-size: 18px;
  color: var(--black-333);
  margin-right: 0;
  white-space: normal;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1900px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] span {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] span {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] span {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] span {
    font-size: 0.26rem;
  }
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary].layui-form-checked {
  background: var(--black-000);
  color: var(--white-color);
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary].layui-form-checked span {
  color: var(--white-color);
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary].layui-form-checked i {
  border-color: var(--white-color) !important;
  background-color: var(--white-color);
  color: var(--black-000);
  font-weight: bold;
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary].layui-form-checked + .loadlink img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: var(--gray-e2e);
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] i {
  left: 0.3rem;
  top: 0.18rem;
  width: 0.18rem;
  height: 0.18rem;
  font-size: 14px;
}
@media (max-width: 1900px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] i {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] i {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] i {
    font-size: 14px;
  }
}
@media (max-width: 1580px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] i {
    width: 16px;
    height: 16px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin=primary] i {
    top: 0.2rem;
  }
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .loadlink {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.3rem;
  height: 100%;
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .loadlink img {
  max-width: 0.22rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 480px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-input-block .loadlink img {
    max-width: 0.28rem;
  }
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-btn {
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.3rem;
  color: var(--black-333);
  font-size: 16px;
  border: var(--gray-e2e) solid 1px;
  background: var(--white-color);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1900px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-btn {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-btn {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-btn {
    font-size: 14px;
  }
}
.product_details .features .section .downloadlist .layui-form .layui-form-item .layui-btn:hover {
  color: var(--white-color);
  background: var(--black-000);
}
@media (max-width: 991px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-btn {
    height: 0.64rem;
    line-height: 0.64rem;
  }
}
@media (max-width: 480px) {
  .product_details .features .section .downloadlist .layui-form .layui-form-item .layui-btn {
    height: 0.72rem;
    line-height: 0.72rem;
  }
}













.projects .item {
  border-top: var(--gray-ccc) solid 1px;
  padding-top: 3.47222222222222%;
  padding-bottom: 3.47222222222222%;
}
@media (max-width: 991px) {
  .projects .item {
    display: block;
    padding-top: 6%;
    padding-bottom: 6%;
  }
}
.projects .item:last-child {
  border-bottom: var(--gray-ccc) solid 1px;
}
.projects .item .title {
  width: 32%;
}
@media (max-width: 991px) {
  .projects .item .title {
    width: 100%;
  }
}
.projects .item .title .subtit {
  font-family: "spectral-light";
  font-size: 32px;
  color: var(--black-666);
}
@media (max-width: 1900px) {
  .projects .item .title .subtit {
    font-size: 1.666666666666667vw;
  }
}
@media (max-width: 1260px) {
  .projects .item .title .subtit {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .projects .item .title .subtit {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .projects .item .title .subtit {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .projects .item .title .subtit {
    font-size: 0.4rem;
  }
}
.projects .item .title .text {
  font-family: "spectral-light";
  font-size: 14px;
  color: var(--black-666);
  min-height: 1rem;
}
@media (max-width: 1900px) {
  .projects .item .title .text {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .projects .item .title .text {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .projects .item .title .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .projects .item .title .text {
    min-height: 1px;
  }
}
.projects .item .textbox {
  width: 65.97222222222222%;
}
@media (max-width: 991px) {
  .projects .item .textbox {
    display: block;
    width: 100%;
    margin-top: 1%;
  }
}
.projects .item .textbox .infor {
  width: 48.24561403508772%;
}
@media (max-width: 991px) {
  .projects .item .textbox .infor {
    width: 100%;
  }
}
.projects .item .textbox .infor .img {
	position: relative;
	width: 100%;
	padding-bottom: 78.18181818181818%;
  margin-bottom: 0.25rem;
}
@media (max-width: 991px) {
  .projects .item .textbox .infor .img {
    margin-bottom: 5%;
  }
}
.projects .item .textbox .infor .img img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
  display: block;
  margin: auto;
  max-width: 100%;
  height: 100%;
}

.projects .item .textbox .infor .brief {
  flex: 1;
  padding: 0;
}
.projects .item .textbox .infor .brief li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.12rem;
  padding-bottom: 0.12rem;
  border-top: var(--gray-ccc) solid 1px;
}
@media (max-width: 991px) {
  .projects .item .textbox .infor .brief li {
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
  }
  .projects .item .textbox .infor .brief li:first-child {
    border-top: none;
  }
}
.projects .item .textbox .infor .brief li:last-child {
  border-bottom: var(--gray-ccc) solid 1px;
}
.projects .item .textbox .infor .brief li .sp1 {
  font-family: "spectral-regular";
  font-size: 22px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .projects .item .textbox .infor .brief li .sp1 {
    font-size: 1.145833333333333vw;
  }
}
@media (max-width: 1260px) {
  .projects .item .textbox .infor .brief li .sp1 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .projects .item .textbox .infor .brief li .sp1 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .projects .item .textbox .infor .brief li .sp1 {
    font-size: 0.32rem;
  }
}
.projects .item .textbox .infor .brief li .sp2 {
  font-family: "spectral-light";
  font-size: 14px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .projects .item .textbox .infor .brief li .sp2 {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .projects .item .textbox .infor .brief li .sp2 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .projects .item .textbox .infor .brief li .sp2 {
    font-size: 14px;
  }
}
.projects .item .textbox .imgbox {
  width: 48.24561403508772%;
  overflow: hidden;
  
}
@media (min-width: 1261px){
	.projects .item .textbox .imgbox{
		max-height: 36vw;
	}
}
@media (max-width: 991px) {
  .projects .item .textbox .imgbox {
    width: 100%;
    margin-top: 5%;
  }
}
.projects .item .textbox .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detailed-infor .box {
  padding-bottom: 6.94444444444444%;
  border-bottom: var(--gray-ccc) solid 1px;
}
@media (max-width: 991px) {
  .detailed-infor .box {
    display: block;
  }
}
.detailed-infor .box .textbox {
  width: 31.8287037037037%;
}
@media (max-width: 991px) {
  .detailed-infor .box .textbox {
    width: 100%;
  }
}
.detailed-infor .box .textbox ul {
  padding: 0;
  margin-bottom: 0.5rem;
}
.detailed-infor .box .textbox ul li {
  list-style: none;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  border-top: var(--gray-ccc) solid 1px;
}
.detailed-infor .box .textbox ul li:last-child {
  border-bottom: var(--gray-ccc) solid 1px;
}
.detailed-infor .box .textbox ul li .sp1 {
  font-family: "spectral-regular";
  font-size: 22px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .detailed-infor .box .textbox ul li .sp1 {
    font-size: 1.145833333333333vw;
  }
}
@media (max-width: 1260px) {
  .detailed-infor .box .textbox ul li .sp1 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .detailed-infor .box .textbox ul li .sp1 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .detailed-infor .box .textbox ul li .sp1 {
    font-size: 0.32rem;
  }
}
.detailed-infor .box .textbox ul li .sp2 {
  margin-top: 0.08rem;
  font-family: "spectral-light";
  font-size: 14px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .detailed-infor .box .textbox ul li .sp2 {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .detailed-infor .box .textbox ul li .sp2 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .detailed-infor .box .textbox ul li .sp2 {
    font-size: 14px;
  }
}
.detailed-infor .box .textbox .text {
  font-family: "spectral-regular";
  font-size: 18px;
  color: var(--black-333);
  line-height: 1.5;
}
@media (max-width: 1900px) {
  .detailed-infor .box .textbox .text {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .detailed-infor .box .textbox .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .detailed-infor .box .textbox .text {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .detailed-infor .box .textbox .text {
    font-size: 0.26rem;
  }
}
.detailed-infor .box .imgbox {
  width: 65.97222222222222%;
}
@media (max-width: 991px) {
  .detailed-infor .box .imgbox {
    width: 100%;
    margin-top: 6%;
  }
}
.detailed-infor .box .imgbox .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.detailed-infor .box .imgbox .swiper .pic{
	position: relative;
	width: 100%;
	padding-bottom: 60.66725197541703%;
	overflow: hidden;
}
.detailed-infor .box .imgbox .swiper .pic img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px){
	.detailed-infor .box .imgbox .swiper .pic{
		padding-bottom: 0;
	}
	.detailed-infor .box .imgbox .swiper .pic img{
		position: relative;
		width: 100%;
	}
}
.detailed-infor .box .imgbox .swiper .buttonbox {
  position: absolute;
  right: 0.1rem;
  bottom: 0.1rem;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 1px;
}
@media (max-width: 767px) {
  .detailed-infor .box .imgbox .swiper .buttonbox {
    right: 0.2rem;
    bottom: 0.2rem;
  }
}
.detailed-infor .box .imgbox .swiper .buttonbox .swiper-button-next {
  position: static;
  margin-top: 0;
  width: 0.6rem;
  height: 0.6rem;
  background: var(--white-color) url(../images/icon20.png) center no-repeat;
  background-size: 16.66666666666667% auto;
}
.detailed-infor .box .imgbox .swiper .buttonbox .swiper-button-next.swiper-button-disabled {
  opacity: 0.7;
}
.detailed-infor .box .imgbox .swiper .buttonbox .swiper-button-prev {
  position: static;
  margin-top: 0;
  width: 0.6rem;
  height: 0.6rem;
  background: var(--white-color) url(../images/icon19.png) center no-repeat;
  background-size: 16.66666666666667% auto;
}
.detailed-infor .box .imgbox .swiper .buttonbox .swiper-button-prev.swiper-button-disabled {
  opacity: 0.7;
}
.related_projects .box {
  position: relative;
  margin-top: 3%;
}
@media (max-width: 991px) {
  .related_projects .box {
    margin-top: 6%;
  }
}
@media (max-width: 767px) {
  .related_projects .box {
    margin-top: 8%;
  }
}
@media (max-width: 991px) {
  .related_projects .box .container {
    width: 84%;
  }
}
@media (max-width: 540px) {
  .related_projects .box .container {
    width: 80%;
  }
}
.related_projects .box .container .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.related_projects .box .container .swiper .swiper-slide .item {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.related_projects .box .container .swiper .swiper-slide .item .imgbox {
  position: relative;
  width: 100%;
  padding-bottom: 124.21875%;
  overflow: hidden;
}
.related_projects .box .container .swiper .swiper-slide .item .imgbox img {
	position: absolute;
	left: 0;
	top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related_projects .box .container .swiper .swiper-slide .item .textbox {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  width: 82.03125%;
  padding: 0.15rem;
  background: var(--white-color);
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 991px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox {
    width: 88%;
    padding: 0.2rem 0.1rem;
    bottom: 5%;
  }
}
@media (max-width: 767px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox {
    padding: 0.3rem 0.2rem;
  }
}
.related_projects .box .container .swiper .swiper-slide .item .textbox .subtit {
  font-size: 32px;
  color: var(--black-333);
  line-height: 1.3;
}
@media (max-width: 1900px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox .subtit {
    font-size: 1.666666666666667vw;
  }
}
@media (max-width: 1260px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox .subtit {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox .subtit {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox .subtit {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox .subtit {
    font-size: 0.4rem;
  }
}
.related_projects .box .container .swiper .swiper-slide .item .textbox .text {
  margin-top: 0.1rem;
  font-size: 14px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox .text {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox .text {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .related_projects .box .container .swiper .swiper-slide .item .textbox .text {
    font-size: 14px;
  }
}
.related_projects .box .swiper-button {
  display: none;
}
@media (max-width: 991px) {
  .downloads .box {
    display: block;
  }
}
.downloads .box .left_w {
  width: 23.7%;
}
@media (max-width: 991px) {
  .downloads .box .left_w {
    width: 100%;
  }
}
.downloads .box .left_w .classify ul {
  padding: 0;
}
@media (max-width: 991px) {
  .downloads .box .left_w .classify ul {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .downloads .box .left_w .classify ul::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  .downloads .box .left_w .classify ul::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
  }
  .downloads .box .left_w .classify ul::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .downloads .box .left_w .classify ul::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
  }
  .downloads .box .left_w .classify ul::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  .downloads .box .left_w .classify ul::-webkit-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
  }
  .downloads .box .left_w .classify ul::-webkit-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
  }
  .downloads .box .left_w .classify ul::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
}
.downloads .box .left_w .classify ul li {
  list-style: none;
  margin-bottom: 0.15rem;
}
@media (max-width: 991px) {
  .downloads .box .left_w .classify ul li {
    margin-bottom: 0;
    margin-right: 0.4rem;
  }
}
.downloads .box .left_w .classify ul li a {
  position: relative;
  padding-left: 0.4rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-family: "spectral-regular";
  font-size: 18px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .downloads .box .left_w .classify ul li a {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .downloads .box .left_w .classify ul li a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .downloads .box .left_w .classify ul li a {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .downloads .box .left_w .classify ul li a {
    font-size: 0.26rem;
  }
}
@media (max-width: 991px) {
  .downloads .box .left_w .classify ul li a {
    padding-left: 0;
  }
}
.downloads .box .left_w .classify ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 0.2rem;
  height: 1px;
  background: var(--active-color);
  opacity: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.downloads .box .left_w .classify ul li:hover a {
  color: var(--active-color);
}
@media (max-width: 991px) {
  .downloads .box .left_w .classify ul li:hover a {
    padding-left: 0.4rem;
  }
}
.downloads .box .left_w .classify ul li:hover a::before {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.downloads .box .left_w .classify ul li.on a {
  color: var(--active-color);
}
@media (max-width: 991px) {
  .downloads .box .left_w .classify ul li.on a {
    padding-left: 0.4rem;
  }
}
.downloads .box .left_w .classify ul li.on a::before {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.downloads .box .right_w {
  width: 74.65277777777778%;
}
@media (max-width: 991px) {
  .downloads .box .right_w {
    width: 100%;
    margin-top: 7%;
  }
}
@media (max-width: 767px) {
  .downloads .box .right_w {
    margin-top: 9%;
  }
}
.downloads .box .right_w .blurb {
  margin-top: 0.2rem;
  position: relative;
}
@media (max-width: 991px) {
  .downloads .box .right_w .blurb {
    margin-top: 5%;
  }
}
@media (max-width: 767px) {
  .downloads .box .right_w .blurb {
    margin-top: 7%;
  }
}
.downloads .box .right_w .blurb .img {
  width: 100%;
  overflow: hidden;
}
.downloads .box .right_w .blurb .img img {
  width: 100%;
}
.downloads .box .right_w .blurb .text {
  position: absolute;
  left: 4%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 54%;
  color: var(--black-333);
  font-size: 22px;
  font-family: "spectral-medium";
  line-height: 1.35;
}
@media (max-width: 1900px) {
  .downloads .box .right_w .blurb .text {
    font-size: 1.145833333333333vw;
  }
}
@media (max-width: 1260px) {
  .downloads .box .right_w .blurb .text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .downloads .box .right_w .blurb .text {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .downloads .box .right_w .blurb .text {
    font-size: 0.32rem;
  }
}
@media (max-width: 991px) {
  .downloads .box .right_w .blurb .text {
    width: 92%;
    top: 12%;
    transform: none;
  }
}
.downloads .box .right_w .listbox {
  margin-top: 0.3rem;
}
@media (max-width: 991px) {
  .downloads .box .right_w .listbox {
    margin-top: 8%;
  }
}
@media (max-width: 767px) {
  .downloads .box .right_w .listbox {
    margin-top: 10%;
  }
}
.downloads .box .right_w .listbox .item {
  width: 22.975%;
  margin-right: 2.7%;
  margin-bottom: 2%;
}
@media (max-width: 991px) {
  .downloads .box .right_w .listbox .item {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
  }
}
@media (max-width: 767px) {
  .downloads .box .right_w .listbox .item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
}
.downloads .box .right_w .listbox .item:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .downloads .box .right_w .listbox .item:nth-child(4n) {
    margin-right: 3.5%;
  }
}
@media (max-width: 767px) {
  .downloads .box .right_w .listbox .item:nth-child(4n) {
    margin-right: 4%;
  }
}
@media (max-width: 991px) {
  .downloads .box .right_w .listbox .item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .downloads .box .right_w .listbox .item:nth-child(3n) {
    margin-right: 4%;
  }
}
@media (max-width: 767px) {
  .downloads .box .right_w .listbox .item:nth-child(2n) {
    margin-right: 0;
  }
}
.downloads .box .right_w .listbox .item .img {
  width: 100%;
  overflow: hidden;
}
.downloads .box .right_w .listbox .item .img img {
  display: block;
  width: 100%;
}
.downloads .box .right_w .listbox .item .text {
  text-align: center;
  margin-top: 0.1rem;
  font-family: "spectral-regular";
  font-size: 18px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .downloads .box .right_w .listbox .item .text {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .downloads .box .right_w .listbox .item .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .downloads .box .right_w .listbox .item .text {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .downloads .box .right_w .listbox .item .text {
    font-size: 0.26rem;
  }
}
@media (max-width: 991px) {
  .downloads .box .right_w .listbox .item .text {
    margin-top: 0.2rem;
  }
}
.commonnav {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12;
  background-color: var(--white-color);
}
.commonnav ul {
  padding: 0;
  border-bottom: var(--gray-ccc) solid 1px;
}
@media (max-width: 991px) {
  .commonnav ul {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .commonnav ul::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  .commonnav ul::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
  }
  .commonnav ul::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .commonnav ul::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
  }
  .commonnav ul::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  .commonnav ul::-webkit-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
  }
  .commonnav ul::-webkit-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
  }
  .commonnav ul::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
}
.commonnav ul li {
  list-style: none;
}
.commonnav ul li a {
  position: relative;
  display: block;
  padding: 0.28rem 0.32rem;
  color: var(--black-333);
  font-size: 18px;
  font-family: "spectral-medium";
}
@media (max-width: 1900px) {
  .commonnav ul li a {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .commonnav ul li a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .commonnav ul li a {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .commonnav ul li a {
    font-size: 0.26rem;
  }
}
@media (max-width: 991px) {
  .commonnav ul li a {
    padding: 0.2rem;
  }
}
.commonnav ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 1px;
  background: var(--active-color);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.commonnav ul li:hover a {
  color: var(--active-color);
}
.commonnav ul li:hover a::before {
  width: 100%;
}
.commonnav ul li.on a {
  color: var(--active-color);
}
.commonnav ul li.on a::before {
  width: 100%;
}
.information {
  padding-top: 2%;
}
@media (max-width: 991px) {
  .information {
    padding-top: 5%;
  }
}
.information .box {
  margin-top: 3.125%;
}
@media (max-width: 991px) {
  .information .box {
    margin-top: 6%;
  }
}
@media (max-width: 767px) {
  .information .box {
    margin-top: 8%;
  }
}
.information .box .item {
  display: inline-block;
  width: 23.725%;
  margin-right: 1.7%;
  margin-bottom: 2%;
}
@media (max-width: 991px) {
  .information .box .item {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
  }
}
@media (max-width: 767px) {
  .information .box .item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
}
.information .box .item:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .information .box .item:nth-child(4n) {
    margin-right: 3.5%;
  }
}
@media (max-width: 767px) {
  .information .box .item:nth-child(4n) {
    margin-right: 4%;
  }
}
@media (max-width: 991px) {
  .information .box .item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .information .box .item:nth-child(3n) {
    margin-right: 4%;
  }
}
@media (max-width: 767px) {
  .information .box .item:nth-child(2n) {
    margin-right: 0;
  }
}
.information .box .item .img {
  width: 100%;
  overflow: hidden;
}
.information .box .item .img img {
  display: block;
  width: 100%;
}
.information .box .item .text {
  text-align: center;
  padding: 0.2rem;
  color: var(--black-333);
  font-size: 16px;
  font-family: "spectral-medium";
  line-height: 1.5;
}
@media (max-width: 1900px) {
  .information .box .item .text {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .information .box .item .text {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .information .box .item .text {
    font-size: 14px;
  }
}
.stockists {
  padding-top: 10.6%;
}
.stockists .box {
  margin-top: 3.4%;
}
@media (max-width: 991px) {
  .stockists .box {
    margin-top: 6%;
  }
}
@media (max-width: 767px) {
  .stockists .box {
    margin-top: 8%;
  }
}
.stockists .box form.layui-form {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 10.35rem;
  width: 100%;
  margin: auto;
}
@media (max-width: 991px) {
  .stockists .box form.layui-form {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .stockists .box form.layui-form {
    flex-wrap: wrap;
  }
}
.stockists .box form.layui-form .layui-form-item {
  width: 39.6135%;
  margin-right: 2.9%;
}
@media (max-width: 767px) {
  .stockists .box form.layui-form .layui-form-item {
    width: 100%;
    margin-right: 0;
  }
}
.stockists .box form.layui-form .layui-form-item .layui-input-block {
  margin-left: 0;
}
.stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select .layui-input {
  width: 100%;
  height: 0.58rem;
  padding-left: 0.2rem;
  padding-right: 0.45rem;
  color: var(--black-666);
  font-size: 14px;
  font-family: "spectral-regular";
  border: var(--gray-e5e) solid 1px;
  border-radius: 0;
  box-sizing: border-box;
}
@media (max-width: 1900px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select .layui-input {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select .layui-input {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select .layui-input {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select .layui-input {
    height: 0.64rem;
  }
}
@media (max-width: 480px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select .layui-input {
    height: 0.72rem;
  }
}
.stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select .layui-edge {
  width: 0.16rem;
  height: 0.16rem;
  right: 0.2rem;
  margin-top: -0.08rem;
  border: none;
  background: url(../images/icon21.png) center no-repeat;
  background-size: 100% auto;
}
.stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl {
  top: 0.58rem;
}
@media (max-width: 991px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl {
    top: 0.64rem;
  }
}
@media (max-width: 480px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl {
    top: 0.72rem;
  }
}
.stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dt {
  padding: 0 0.2rem;
  color: var(--black-666);
  font-size: 14px;
  font-family: "spectral-regular";
}
@media (max-width: 1900px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dt {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dt {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dt {
    font-size: 14px;
  }
}
.stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dd {
  padding: 0 0.2rem;
  color: var(--black-666);
  font-size: 14px;
  font-family: "spectral-regular";
}
@media (max-width: 1900px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dd {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dd {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dd {
    font-size: 14px;
  }
}
.stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dd.layui-select-tips{
	padding-left: 0.2rem !important;
}
.stockists .box form.layui-form .layui-form-item .layui-input-block .layui-form-select dl dd.layui-this {
  color: var(--white-color);
  padding-left: 0.2rem !important;
  background-color: var(--black-333);
}
.stockists .box form.layui-form .layui-form-item.btn {
  width: 14.973%;
}
@media (max-width: 767px) {
  .stockists .box form.layui-form .layui-form-item.btn {
    width: 100%;
  }
}
.stockists .box form.layui-form .layui-form-item.btn .layui-btn {
  width: 100%;
  height: 0.58rem;
  background: var(--black-333);
  font-family: "spectral-regular";
  color: var(--white-color);
  font-size: 14px;
}
@media (max-width: 1900px) {
  .stockists .box form.layui-form .layui-form-item.btn .layui-btn {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .stockists .box form.layui-form .layui-form-item.btn .layui-btn {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .stockists .box form.layui-form .layui-form-item.btn .layui-btn {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .stockists .box form.layui-form .layui-form-item.btn .layui-btn {
    height: 0.64rem;
  }
}
@media (max-width: 480px) {
  .stockists .box form.layui-form .layui-form-item.btn .layui-btn {
    height: 0.72rem;
  }
}
.stockists .box .imgbox {
  width: 100%;
  overflow: hidden;
  margin-top: 3.4%;
}
@media (max-width: 991px) {
  .stockists .box .imgbox {
    margin-top: 5%;
  }
}
@media (max-width: 767px) {
  .stockists .box .imgbox {
    margin-top: 7%;
  }
}
.stockists .box .imgbox img {
  display: block;
  width: 100%;
}
.warranty .title .headline {
  color: var(--black-333);
  font-size: 46px;
  font-family: "spectral-medium";
  line-height: 1.25;
}
@media (max-width: 1900px) {
  .warranty .title .headline {
    font-size: 2.395833333333333vw;
  }
}
@media (max-width: 1260px) {
  .warranty .title .headline {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .warranty .title .headline {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .warranty .title .headline {
    font-size: 0.46rem;
  }
}
.warranty .title .text {
  margin-top: 0.5rem;
  font-family: "spectral-regular";
  font-size: 18px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .warranty .title .text {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .warranty .title .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .warranty .title .text {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .warranty .title .text {
    font-size: 0.26rem;
  }
}
@media (max-width: 991px) {
  .warranty .title .text {
    margin-top: 0.4rem;
  }
}
.warranty .section1 .title .text {
  max-width: 7.5rem;
  width: 100%;
}
.warranty .section1 .box {
  margin-top: 4%;
  padding-top: 4%;
  border-top: var(--black-000) solid 0.06rem;
}
@media (max-width: 991px) {
  .warranty .section1 .box {
    margin-top: 5%;
    padding-top: 5%;
  }
}
.warranty .section1 .box .subtit {
  font-family: "spectral-bold";
  font-size: 18px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .warranty .section1 .box .subtit {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .warranty .section1 .box .subtit {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .warranty .section1 .box .subtit {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .warranty .section1 .box .subtit {
    font-size: 0.26rem;
  }
}
.warranty .section1 .box .wrap {
  margin-top: 3.2%;
  row-gap: 0.3rem;
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap {
    margin-top: 5%;
    row-gap: 0.4rem;
  }
}
@media (max-width: 767px) {
  .warranty .section1 .box .wrap {
    margin-top: 5%;
  }
}
.warranty .section1 .box .wrap .item {
  width: 23.725%;
  margin-right: 1.7%;
  display: flex;
  flex-direction: column;
  min-height: 25.67708333333333vw;
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item {
    width: 48.5%;
    margin-right: 3%;
  }
}
@media (max-width: 540px) {
  .warranty .section1 .box .wrap .item {
    width: 100%;
    margin-right: 0 !important;
  }
}
.warranty .section1 .box .wrap .item:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item:nth-child(4n) {
    margin-right: 3%;
  }
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item:nth-child(2n) {
    margin-right: 0;
  }
}
.warranty .section1 .box .wrap .item .content {
  position: relative;
  width: 100%;
  padding: 0.4rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.warranty .section1 .box .wrap .item .content::before {
  content: '';
  position: absolute;
  right: 0.45rem;
  bottom: 0.45rem;
  width: 2.34rem;
  height: 2.44rem;
  background: url(../images/img45.png) center no-repeat;
  background-size: 100% auto;
}
.warranty .section1 .box .wrap .item .content .substance .w_logo {
  margin-bottom: 0.35rem;
}
.warranty .section1 .box .wrap .item .content .substance .w_logo img {
  max-width: 0.99rem;
}
.warranty .section1 .box .wrap .item .content .substance .t1 {
  font-family: "spectral-bold";
  font-size: 14px;
  color: var(--white-color);
}
@media (max-width: 1900px) {
  .warranty .section1 .box .wrap .item .content .substance .t1 {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .warranty .section1 .box .wrap .item .content .substance .t1 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item .content .substance .t1 {
    font-size: 14px;
  }
}
.warranty .section1 .box .wrap .item .content .substance .t2 {
  max-width: 2.6rem;
  width: 100%;
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--white-color);
  opacity: 0.1;
}
@media (max-width: 1900px) {
  .warranty .section1 .box .wrap .item .content .substance .t2 {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .warranty .section1 .box .wrap .item .content .substance .t2 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item .content .substance .t2 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item .content .substance .t2 {
    max-width: 100%;
  }
}
.warranty .section1 .box .wrap .item .content .year {
  border-top: rgba(255, 255, 255, 0.1) solid 1px;
  padding-top: 0.1rem;
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--white-color);
  opacity: 0.5;
  margin-top: 0.2rem;
}
@media (max-width: 1900px) {
  .warranty .section1 .box .wrap .item .content .year {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .warranty .section1 .box .wrap .item .content .year {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item .content .year {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item .content .year {
    padding-top: 0.2rem;
  }
}
@media (max-width: 540px) {
  .warranty .section1 .box .wrap .item .content .year {
    padding-top: 0.3rem;
    margin-top: 0.3rem;
  }
}
.warranty .section1 .box .wrap .item .text {
  margin-top: 0.15rem;
  text-align: center;
  font-family: "spectral-regular";
  font-size: 18px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .warranty .section1 .box .wrap .item .text {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .warranty .section1 .box .wrap .item .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item .text {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .warranty .section1 .box .wrap .item .text {
    font-size: 0.26rem;
  }
}
@media (max-width: 991px) {
  .warranty .section1 .box .wrap .item .text {
    margin-top: 0.3rem;
  }
}
.warranty .section2 {
  background: var(--bg-f8);
}
.warranty .section2 .title .text {
  max-width: 10.24rem;
  width: 100%;
}
.warranty .section2 .title .text li {
  position: relative;
  padding-left: 0.27rem;
  margin-bottom: 0.2rem;
}
.warranty .section2 .title .text li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.12rem;
  width: 0.17rem;
  height: 1px;
  background: var(--black-333);
}
.warranty .section3 .title .text {
  max-width: 10rem;
  width: 100%;
}
.warranty .section3 .box {
  margin-top: 0.25rem;
  border-top: var(--gray-ccc) solid 1px;
}
@media (max-width: 1260px) {
  .warranty .section3 .box {
    margin-top: 0.35rem;
  }
}
@media (max-width: 991px) {
  .warranty .section3 .box {
    margin-top: 4%;
  }
}
@media (max-width: 767px) {
  .warranty .section3 .box {
    margin-top: 6%;
  }
}
.warranty .section3 .box .item {
  position: relative;
  width: 30.6%;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .warranty .section3 .box .item {
    width: 100%;
    border-bottom: var(--gray-ccc) solid 1px;
  }
  .warranty .section3 .box .item:last-child {
    border-bottom: none;
  }
}
.warranty .section3 .box .item.left {
  padding-right: 0.56rem;
  border-right: var(--gray-ccc) solid 1px;
}
@media (max-width: 991px) {
  .warranty .section3 .box .item.left {
    border-right: none;
    padding-right: 0;
  }
}
.warranty .section3 .box .item.middle {
  width: 38.8%;
  padding-left: 0.56rem;
  padding-right: 0.56rem;
}
@media (max-width: 991px) {
  .warranty .section3 .box .item.middle {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.warranty .section3 .box .item.right {
  padding-left: 0.56rem;
  border-left: var(--gray-ccc) solid 1px;
}
@media (max-width: 991px) {
  .warranty .section3 .box .item.right {
    padding-left: 0;
    border-left: none;
  }
}
.warranty .section3 .box .item .t1 {
  font-family: "spectral-bold";
  color: var(--black-333);
  font-size: 26px;
  line-height: 1.25;
}
@media (max-width: 1900px) {
  .warranty .section3 .box .item .t1 {
    font-size: 1.354166666666667vw;
  }
}
@media (max-width: 1260px) {
  .warranty .section3 .box .item .t1 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .warranty .section3 .box .item .t1 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .warranty .section3 .box .item .t1 {
    font-size: 0.36rem;
  }
}
.warranty .section3 .box .item .t2 {
  margin-top: 0.2rem;
  font-family: "spectral-regular";
  color: var(--black-333);
  font-size: 14px;
  line-height: 1.6;
}
@media (max-width: 1900px) {
  .warranty .section3 .box .item .t2 {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .warranty .section3 .box .item .t2 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .warranty .section3 .box .item .t2 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .contact_details {
    padding-top: 1rem;
  }
}
.contact_details .box {
  margin-top: 3%;
}
@media (max-width: 991px) {
  .contact_details .box {
    margin-top: 5%;
  }
}
@media (max-width: 480px) {
  .contact_details .box {
    margin-top: 7%;
  }
}
.contact_details .box .layui-form-item {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.3rem;
  margin-bottom: 0.3rem;
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item {
    margin-bottom: 0;
  }
}
.contact_details .box .layui-form-item .layui-input-block {
  width: 100%;
  margin-left: 0;
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block {
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 767px) {
  .contact_details .box .layui-form-item .layui-input-block {
    margin-bottom: 0.3rem;
  }
}
.contact_details .box .layui-form-item .layui-input-block.half {
  width: calc((100% - 0.3rem) / 2);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .contact_details .box .layui-form-item .layui-input-block.half {
    width: 100%;
  }
}
.contact_details .box .layui-form-item .layui-input-block.quarter {
  width: calc((100% - 0.9rem) / 4);
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block.quarter {
    width: calc((100% - 0.3rem) / 2);
  }
}
@media (max-width: 767px) {
  .contact_details .box .layui-form-item .layui-input-block.quarter {
    width: 100%;
  }
}
.contact_details .box .layui-form-item .layui-input-block .layui-input {
  width: 100%;
  height: 0.58rem;
  padding: 0 0.2rem;
  border: var(--gray-e5e) solid 1px;
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--black-333);
  box-sizing: border-box;
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-input {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-input {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-input {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-input {
    height: 0.64rem;
  }
}
@media (max-width: 480px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-input {
    height: 0.72rem;
  }
}
.contact_details .box .layui-form-item .layui-input-block .layui-input::-webkit-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-999);
}
.contact_details .box .layui-form-item .layui-input-block .layui-input::-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-999);
}
.contact_details .box .layui-form-item .layui-input-block .layui-input:-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-999);
}
.contact_details .box .layui-form-item .layui-input-block .layui-input:-ms-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-999);
}
.contact_details .box .layui-form-item .layui-input-block .layui-input:focus {
  border-color: var(--black-000) !important;
}
.contact_details .box .layui-form-item .layui-input-block .help-icon {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  border: var(--bg-f1) solid 1px;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-input-block .help-icon {
    width: 0.24rem;
    height: 0.24rem;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .help-icon {
    width: 0.28rem;
    height: 0.28rem;
  }
}
@media (max-width: 480px) {
  .contact_details .box .layui-form-item .layui-input-block .help-icon {
    width: 0.32rem;
    height: 0.32rem;
  }
}
.contact_details .box .layui-form-item .layui-input-block .sp {
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item .layui-input-block .sp {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-input-block .sp {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .sp {
    font-size: 14px;
  }
}
.contact_details .box .layui-form-item .layui-input-block .uploadbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.2rem;
  border: var(--gray-e5e) dashed 1px;
  text-align: center;
  padding: 0.5rem;
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .uploadbox {
    margin-top: 0.3rem;
  }
}
.contact_details .box .layui-form-item .layui-input-block .uploadbox .layui-inline {
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--black-999);
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item .layui-input-block .uploadbox .layui-inline {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-input-block .uploadbox .layui-inline {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .uploadbox .layui-inline {
    font-size: 14px;
  }
}
.contact_details .box .layui-form-item .layui-input-block .uploadbox .up-btn {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.05rem;
}
.contact_details .box .layui-form-item .layui-input-block .uploadbox .up-btn .up-input {
  font-size: 0;
  width: 1.3rem;
  height: 0.42rem;
  border-radius: 0.21rem;
  background: var(--black-575);
  opacity: 0;
  cursor: pointer;
  padding: 0 0.25rem;
  box-sizing: border-box;
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-input-block .uploadbox .up-btn .up-input {
    width: 2rem;
    height: 0.5rem;
    border-radius: 0.25rem;
  }
}
.contact_details .box .layui-form-item .layui-input-block .uploadbox .up-btn .up-text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 1.3rem;
  height: 0.42rem;
  border-radius: 0.21rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--black-575);
  font-family: "spectral-bold";
  font-size: 14px;
  color: var(--white-color);
  text-align: center;
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item .layui-input-block .uploadbox .up-btn .up-text {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-input-block .uploadbox .up-btn .up-text {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .uploadbox .up-btn .up-text {
    font-size: 14px;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-input-block .uploadbox .up-btn .up-text {
    width: 2rem;
    height: 0.5rem;
    border-radius: 0.25rem;
  }
}
.contact_details .box .layui-form-item .layui-input-block .layui-textarea {
  width: 100%;
  height: 2.5rem;
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--black-333);
  padding: 0.2rem;
  border-color: var(--gray-e5e);
  box-sizing: border-box;
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-textarea {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-textarea {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-textarea {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-textarea {
    padding: 0.3rem;
    height: 3rem;
  }
}
@media (max-width: 480px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-textarea {
    height: 3.6rem;
  }
}
.contact_details .box .layui-form-item .layui-input-block .layui-textarea::-webkit-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-999);
}
.contact_details .box .layui-form-item .layui-input-block .layui-textarea::-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-999);
}
.contact_details .box .layui-form-item .layui-input-block .layui-textarea:-moz-placeholder {
  font-family: "spectral-regular";
  color: var(--black-999);
}
.contact_details .box .layui-form-item .layui-input-block .layui-textarea:-ms-input-placeholder {
  font-family: "spectral-regular";
  color: var(--black-999);
}
.contact_details .box .layui-form-item .layui-input-block .layui-textarea:focus {
  border-color: var(--black-000) !important;
}
.contact_details .box .layui-form-item .layui-input-block .layui-word-aux {
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-word-aux {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-word-aux {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-input-block .layui-word-aux {
    font-size: 14px;
  }
}
.contact_details .box .layui-form-item .layui-form-label {
  float: none;
  padding: 0.3rem 0 0;
  margin-bottom: 0.3rem;
  display: block;
  width: 100%;
  font-family: "spectral-regular";
  font-size: 26px;
  color: var(--black-333);
  text-align: left;
  line-height: 1.25;
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item .layui-form-label {
    font-size: 1.354166666666667vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .layui-form-label {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .layui-form-label {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .contact_details .box .layui-form-item .layui-form-label {
    font-size: 0.36rem;
  }
}
.contact_details .box .layui-form-item .prompt {
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--black-333);
  opacity: 0.5;
  margin-top: 0.1rem;
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item .prompt {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item .prompt {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .prompt {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item .prompt {
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
  }
}
.contact_details .box .layui-form-item.submit-item {
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: var(--gray-e5e) solid 1px;
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item.submit-item {
    margin-top: 0;
    padding-top: 0.35rem;
  }
}
.contact_details .box .layui-form-item.submit-item .text {
  font-family: "spectral-regular";
  font-size: 14px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item.submit-item .text {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item.submit-item .text {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item.submit-item .text {
    font-size: 14px;
  }
}
.contact_details .box .layui-form-item.submit-item .layui-btn {
  margin-top: 0.25rem;
  display: inline-block;
  align-items: center;
  justify-content: center;
  min-width: 2.2rem;
  height: 0.58rem;
  border-radius: 0.29rem;
  background: var(--black-000);
  color: var(--white-color);
  font-family: "spectral-regular";
  font-size: 16px;
}
@media (max-width: 1900px) {
  .contact_details .box .layui-form-item.submit-item .layui-btn {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .contact_details .box .layui-form-item.submit-item .layui-btn {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item.submit-item .layui-btn {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .contact_details .box .layui-form-item.submit-item .layui-btn {
    margin-top: 0.4rem;
    height: 0.64rem;
    border-radius: 0.32rem;
  }
}
@media (max-width: 480px) {
  .contact_details .box .layui-form-item.submit-item .layui-btn {
    height: 0.72rem;
    border-radius: 0.36rem;
  }
}
.index_animation {
  position: relative;
  width: 100%;
  /*min-height: 100vh;*/
  overflow: hidden;
  box-sizing: border-box;
}
.index_animation .animation_content {
  position: relative;
  z-index: 12;
}
.index_animation .animation_content .animation_start {
  background: #fbfbfb;
  background-size: cover;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 3;
}
@media (max-width: 991px) {
  .index_animation .animation_content .animation_start {
    display: none;
  }
}
.index_animation .animation_content .animation_start .start {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-size: 100% auto;
  background-position: top left;
  -webkit-mask-image: url('../images/ikon_img10.png');
  mask-image: url('../images/ikon_img10.png');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 34% auto;
  mask-size: 34% auto;
}
@media (max-width: 991px) {
  .index_animation .animation_content .animation_start .start {
    -webkit-mask-size: 64% auto;
    mask-size: 64% auto;
  }
}
.index_animation .animation_content .animation_text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fbfbfb;
  display: flex;
  align-items: center;
}
.index_animation .animation_content .animation_text .content {
  transition-property: transfrom;
  box-sizing: content-box;
}
.index_animation .animation_content .animation_text .content .text_wrap {
  display: inline-block;
  white-space: nowrap;
  text-align: left;
  font-family: "spectral-light";
  font-weight: 100;
  color: var(--black-333);
  font-size: 7.8125vw;
  line-height: 1.3;
  padding: 0 0.3rem;
  border-top: var(--gray-ccc) solid 1px;
  border-bottom: var(--gray-ccc) solid 1px;
}
@media (max-width: 1900px) {
  .index_animation .animation_content .animation_text .content .text_wrap {
    font-size: 7vw;
  }
}
@media (max-width: 991px) {
  .index_animation .animation_content .animation_text .content .text_wrap {
    font-size: 110px;
  }
}
@media (max-width: 767px) {
  .index_animation .animation_content .animation_text .content .text_wrap {
    font-size: 90px;
  }
}
@media (max-width: 640px) {
  .index_animation .animation_content .animation_text .content .text_wrap {
    font-size: 72px;
  }
}
@media (max-width: 480px) {
  .index_animation .animation_content .animation_text .content .text_wrap {
    font-size: 0.6rem;
  }
}
.index_animation .animation_content .index_explore {
  position: relative;
  /*min-height: 100vh;*/
  box-sizing: border-box;
}
.index_animation .animation_content .index_explore .right_w {
  position: relative;
  transform-origin: top center;
}



.newlabel {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0.7rem;
  height: 0.7rem;
  padding: 0.1rem;
  font-family: "spectral-bold";
  color: var(--white-color);
  font-size: 14px;
  border-radius: 0.4rem;
  box-sizing: border-box;
  background: var(--active-color);
}
@media (max-width: 1900px) {
  .newlabel {
    font-size: 0.7291666666666667vw;
  }
}
@media (max-width: 1260px) {
  .newlabel {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .newlabel {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .newlabel {
    right: 0.35rem;
    top: 0.35rem;
    min-width: 0.8rem;
    height: 0.8rem;
  }
}
@media (max-width: 767px) {
  .newlabel {
    right: 0.3rem;
    top: 0.3rem;
    min-width: 0.64rem;
    height: 0.64rem;
  }
}
@media (max-width: 480px) {
  .newlabel {
    right: 0.4rem;
    top: 0.4rem;
    min-width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
  }
}



.switchtext {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 0.2rem;
}
.switchtext .swiper-slide .substance {
  width: 100%;
  column-gap: 0.1rem;
  padding: 0 0.4rem;
  box-sizing: border-box;
}
.switchtext .swiper-slide .substance .sp1 {
  font-size: 16px;
  color: var(--black-999);
}
@media (max-width: 1900px) {
  .switchtext .swiper-slide .substance .sp1 {
    font-size: 1.041666666666667vw;
  }
}
@media (max-width: 1260px) {
  .switchtext .swiper-slide .substance .sp1 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .switchtext .swiper-slide .substance .sp1 {
    font-size: 16px;
  }
}
.switchtext .swiper-slide .substance .sp2 {
  font-family: "spectral-bold";
  font-size: 20px;
  color: var(--black-333);
}
@media (max-width: 1900px) {
  .switchtext .swiper-slide .substance .sp2 {
    font-size: 1.041666666666667vw;
  }
}
@media (max-width: 1260px) {
  .switchtext .swiper-slide .substance .sp2 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .switchtext .swiper-slide .substance .sp2 {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .switchtext .swiper-slide .substance .sp2 {
    font-size: 0.28rem;
  }
}


.fancybox-show-thumbs .fancybox-inner{
	right: 0;
}
.fancybox-thumbs{
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	width: 100%;
	height: auto;
	background: none;
}
.fancybox-show-thumbs .fancybox-thumbs{
	display: flex;
	justify-content: center;
	align-items: stretch;
}

@media (max-width: 991px){
	.fancybox-show-thumbs .fancybox-thumbs{
		display: none;
	}
}
@media (min-width: 992px) {
  .fancybox-inner .fancybox-slide--image {
    padding-bottom: 90px;
  }
}
/* 放大镜样式 */
.magnifier {
    position: absolute;
    width: 120px;
    height: 120px;
    border: 2px solid rgba(255,255,255,0.8);
    border-radius: 50%;
    pointer-events: none;
    display: none;
    z-index: 100;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(2px);
    transform: translateZ(0);
    will-change: transform;
    transition: transform 0.05s linear;
}

/* 放大区域 */
.zoom-area {
    position: absolute;
    width: 500px;
    height: 500px;
    background-repeat: no-repeat;
    border: 1px solid #eee;
    display: none;
    z-index: 100;
    background-color: white;
    box-shadow: 0 5px 25px rgba(0,0,0,0.15);
    transform: translateZ(0);
    left: calc(100% + 20px);
    top: 0;
}

.zoom-area.left-side {
    left: auto;
    right: calc(100% + 20px);
}




.index_explore .box .right_w .swiper .item .simg{
	width: auto;
	padding-bottom: 0;
	right: 0.4rem;
  bottom: 0.4rem;
}
.index_explore .box .right_w .swiper .item .simg::before{
	display: none;
}
.index_explore .box .right_w .swiper .item .generalbtns{
	
}


/*20250529*/
.lunbotu .swiper-wrapper{
	align-items: stretch;
}
.lunbotu .swiper-wrapper .swiper-slide{
	height: auto;
}
.lunbotu .swiper-slide a{
	height: 100%;
}
.lunbotu .swiper-slide a img{
	height: 100%;
	object-fit: cover;
}
.product_details .features .section .wrap h1, 
.product_details .features .section .wrap h2, 
.product_details .features .section .wrap h3, 
.product_details .features .section .wrap h4, 
.product_details .features .section .wrap h5, 
.product_details .features .section .wrap h6{
		font-family: revert;
    font-style: revert;
    font-size: revert;
    font-weight: revert;
}
.product .box .aside .productNav ul li.on>ul{
  display: block;
}


/*20250702*/
.index_explore .box .right_w .swiper{
	border: none;
}
.index_explore,
.index_accessory,
.index_project,
.index_innovation{
	background: #212121;
}
.index_explore .i-title .headline,
.index_explore .i-title .text,
.index_accessory .i-title .headline,
.index_accessory .i-title .text,
.index_project .i-title .headline,
.index_project .i-title .text,
.index_innovation .i-title .headline,
.index_innovation .i-title .text{
	color: #FFFFFF;
}
.index_explore .box .left_w .textbox ul li .t1,
.index_explore .box .left_w .textbox ul li.on .t1,
.index_explore .box .left_w .textbox ul li .t1 .t1-1,
.index_explore .box .left_w .textbox ul li .t2{
	color: #FFFFFF;
}
.index_accessory .generalbtns .combtn,
.index_project .generalbtns .combtn{
	background: #FFFFFF;
	border: #FFFFFF solid 1px;
 	color: #000000;
}
.index_accessory .generalbtns .combtn:hover,
.index_project .generalbtns .combtn:hover{
	border: var(--active-color) solid 1px;
  color: var(--white-color);
  background: var(--active-color);
}
.index_project .swiper-button-next.swiper-button, 
.index_project .swiper-container-rtl .swiper-button-prev.swiper-button{
	background: url(../images/icon16a.png) center no-repeat;
	background-size: 27.5% auto; 
}
.index_project .swiper-button-prev.swiper-button, 
.index_project .swiper-container-rtl .swiper-button-next.swiper-button{
  background: url(../images/icon15a.png) center no-repeat;
	background-size: 27.5% auto;
}





/*20250709*/
/*.header {
  background: var(--black-000);
  border-bottom: var(--black-000) solid 1px;
}
.header::before{
	opacity: 0;
}
.header .logo a img.ic1 {
 	display: none;
}
.header .box .logo a img.ic2{
	display: inline-block;
}
.header .box  .nav ul li a {
  color: var(--white-color);
}
.header .nav ul li a i {
  background: url(../images/arrow.png) center no-repeat;
  background-size: 100% auto;
}
.header .nav ul li a:hover {
  color: var(--active-color);
}
.header .nav ul li:hover > a {
  color: var(--active-color);
  opacity: 1;
}
.header .nav ul li:hover > a i {
  background: url(../images/arrow2.png) center no-repeat;
  background-size: 100% auto;
}
.header .nav ul li .cellnav a {
  color: var(--black-333);
  opacity: 1;
  height: auto;
}
.header .nav ul li .cellnav a:hover {
  color: var(--active-color);
}
.header .box .head_right .headoperate .h-selectionbtn .sp{
	color: rgba(255,255,255,0.6);
}
.header .box .head_right .headoperate .h-selectionbtn:hover .sp{
	color: var(--black-333);
}
.header .menubtn .menu-i {
  background: var(--white-color);
}
.header .box .head_right .headoperate .h-selectionbtn .sp{
	color: #ffffff;
}

.header.act .box .head_right .headoperate .h-selectionbtn .sp,
.header.act1 .box .head_right .headoperate .h-selectionbtn .sp{
	color: #ffffff;
}*/

.footer .footer_top .footer_infor ul li .text{
	color: #FFFFFF;
}
/**/
.index_explore .box .part{
	margin-bottom: 3.2%;
}
/*.index_explore .box .part:last-child{
	margin-bottom: 0;
}*/
.index_explore .box .part:nth-child(even){
	flex-direction: row-reverse;
}
@media (max-width: 1260px){
	.index_explore .box .part{
		display: block;
		margin-bottom: 6%;
	}
}
@media (max-width: 640px){
	.index_explore .box .part{
		margin-bottom: 40px;
	}
}
.index_explore .box .part .left_w .textbox .t1 {
  display: flex;
  align-items: flex-start;
  font-family: "spectral-medium";
  color: #ffffff;
  font-size: 32px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media (max-width: 1900px) {
  .index_explore .box .part .left_w .textbox .t1 {
    font-size: 1.666666666666667vw;
  }
}
@media (max-width: 1260px) {
  .index_explore .box .part .left_w .textbox .t1 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .index_explore .box .part .left_w .textbox .t1 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .index_explore .box .part .left_w .textbox .t1 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .index_explore .box .part .left_w .textbox .t1 {
    font-size: 0.4rem;
  }
}
.index_explore .box .part .left_w .textbox .t1 .t1-1 {
  padding-top: 0.1rem;
  width: 0.4rem;
  font-size: 16px;
  color: #ffffff;
}
@media (max-width: 1900px) {
  .index_explore .box .part .left_w .textbox .t1 .t1-1 {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .index_explore .box .part .left_w .textbox .t1 .t1-1 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .index_explore .box .part .left_w .textbox .t1 .t1-1 {
    font-size: 14px;
  }
}
.index_explore .box .part .left_w .textbox .t1 .t1-2 {
  flex: 1;
}
.index_explore .box .part .left_w .textbox .t2 {
  position: relative;
  padding-left: 0.4rem;
  padding-top: 0.1rem;
  font-family: "spectral-regular";
  color: #ffffff;
}
.index_explore .box .part .right_w .item{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.index_explore .box .part .right_w .item .bimg video,
.index_explore .box .part .right_w .item .bimg img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index_explore .box .part .right_w .item .simg{
	position: absolute;
	width: auto;
	padding-bottom: 0;
	right: 0.4rem;
  bottom: 0.4rem;
}

.innovation .i-title{
	z-index: 10;
	/*background-color: rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(60px);
  box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.4);*/
}
.innovation .imgbox{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.innovation .imgbox::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.innovation .imgbox img{
	width: 100%;
}
.innovation .imgbox video{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.index_project .container{
	position: relative;
}
.index_project .container .i-title{
	margin-bottom: 3%;
}

.index_share{
	position: absolute;
	right: 0;
	bottom: 0;
}
@media (max-width: 991px){
	.index_share{
		position: static;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 0.5rem;
	}
}
.index_share ul {
  column-gap: 10px;
}
.index_share ul li {
  position: relative;
}
.index_share ul li a {
  display: block;
  max-width: 0.33rem;
  text-align: center;
}
@media (max-width: 991px) {
  .index_share ul li a {
    max-width: 30px;
  }
}
.index_share ul li a img {
  max-width: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /*-webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 0.8;*/
}
.index_share ul li a:hover img {
  /*-webkit-filter: none;
  filter: none;*/
  opacity: 1;
}
.index_share ul li .qrcode {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
  width: 1.03rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 991px) {
  .index_share ul li .qrcode {
    width: 96px;
  }
}
.index_share ul li .qrcode .img {
  overflow: hidden;
  background-color: #FFFFFF;
}
.index_share ul li .qrcode .img img {
  width: 100%;
}
.index_share ul li .qrcode .sjx {
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 8px;
  border-color: #FFFFFF transparent transparent transparent;
}
.index_share ul li:hover .qrcode {
  opacity: 1;
  visibility: visible;
}



/*20250711*/

.index_explore .box .left_w .textbox{
	padding-top: 0;
}
.index_explore .box .part .left_w .textbox .t1{
	font-family: arial;
	font-weight: bold;
}
.index_explore .box .part .left_w .textbox .t2{
	padding-left: 0;
}


.index_explore .box .part{
	position: relative;
}
.index_explore .seemore{
		position: absolute;
		right: 65.97222222222222%;
		bottom: 0;
}
.index_explore .box .part:nth-child(even) .seemore{
		right: auto;
		left: 65.97222222222222%;
}
.index_explore .box .part:nth-child(even) .seemore a{
	justify-content: flex-end;
	padding: 0.15rem 0.4rem 0.15rem 0.15rem ;
	clip-path: polygon(75% 0%, 100% 100%, 0% 75%);
}
.index_explore .seemore a{
	display: inline-flex;
	align-items: center;
	/*justify-content: flex-end;
	padding: 0.15rem 0.4rem 0.15rem 0.15rem;*/
	min-width: 2rem;
	min-height: 1rem;
	color: #FFFFFF;
	font-size: 18px;
	background: #db2828;
	/*clip-path: polygon(0% 0%, 0% 100%, 100% 100%);*/
	/*clip-path: polygon(0% 0%, 30% 100%, 100% 90%)*/
	/*clip-path: polygon(0% 0%, 52% 100%, 100% 60%);*/
	/*clip-path: polygon(0% 0%, 68% 100%, 100% 25%);*/
	padding: 0.15rem 0.15rem 0.15rem 0.4rem ;
	clip-path: polygon(25% 0%, 0% 100%, 100% 75%);
}
@media (max-width: 1900px) {
  .index_explore .seemore a{
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
	.index_explore .seemore{
		position: static;
		margin-top: 0.3rem;
	}
  .index_explore .seemore a{
  	/*min-height: 1.75rem;
  	padding: 0 0.45rem 0.05rem 0.15rem;*/ 
  	/*padding: 0.15rem 0.45rem 0.2rem 0.15rem;*/
  	min-width: 2.4rem;
		min-height: 1.2rem;
    font-size: 16px;
    padding: 0.15rem 0.15rem 0.15rem 0.45rem;
  }
  .index_explore .box .part:nth-child(even) .seemore a{
  	justify-content: flex-start;
  	padding: 0.15rem 0.15rem 0.15rem 0.45rem;
  	clip-path: polygon(25% 0%, 0% 100%, 100% 75%);
  }
}
@media (max-width: 480px) {
  .index_explore .seemore a,
  .index_explore .box .part:nth-child(even) .seemore a{
  	/*padding: 0.15rem 0.35rem 0.25rem 0.15rem;*/
  	padding: 0.15rem 0.15rem 0.15rem 0.4rem ;
  }
}

.lunbotu .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #db2828;
}
.index_explore .generalbtns .combtn:hover,
.index_accessory .generalbtns .combtn:hover,
.index_project .generalbtns .combtn:hover{
  color: var(--white-color);
  background: #db2828;
  border: 1px solid var(--black-000) !important;
}
.index_explore .generalbtns.red .combtn,
.index_innovation .generalbtns.red .combtn{
	border: #db2828 solid 1px;
  color: var(--white-color);
  background: #db2828;
}
.generalbtns.red .combtn:hover{
	border: 1px solid #db2828 !important;
}




/*20250717*/
.stocklist-states .states-list {
  margin-top: 0.4rem;
}
.stocklist-states .states-list ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.06rem 0.2rem;
  padding: 0;
}
@media (max-width: 991px) {
  .stocklist-states .states-list ul {
    justify-content: flex-start;
    gap: 0.12rem 0.35rem;
  }
}
.stocklist-states .states-list ul li {
  list-style: none;
}
.stocklist-states .states-list ul li.active a {
  text-decoration: underline;
  color: var(--active-color);
}
.stocklist-states .states-list ul li a {
  font-family: "spectral-regular";
  color: var(--black-333);
  font-size: 18px;
}
@media (max-width: 1900px) {
  .stocklist-states .states-list ul li a {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .stocklist-states .states-list ul li a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .stocklist-states .states-list ul li a {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .stocklist-states .states-list ul li a {
    font-size: 0.26rem;
  }
}
.stocklist-states .box {
  margin-top: 5.2%;
}
@media (max-width: 991px) {
  .stocklist-states .box {
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }
}
.stocklist-states .box .lside {
  width: 28%;
}
@media (max-width: 991px) {
  .stocklist-states .box .lside {
    width: 100%;
  }
}
.stocklist-states .box .lside .lside-form {
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 0.5rem;
}
.stocklist-states .box .lside .lside-form .layui-input {
  flex: 1;
  height: 0.56rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-ccc);
  background-color: #fff;
  font-family: "spectral-regular";
  color: var(--black-333);
  font-size: 18px;
  border-radius: 0;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 1900px) {
  .stocklist-states .box .lside .lside-form .layui-input {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .stocklist-states .box .lside .lside-form .layui-input {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .stocklist-states .box .lside .lside-form .layui-input {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .stocklist-states .box .lside .lside-form .layui-input {
    font-size: 0.26rem;
  }
}
@media (max-width: 480px) {
  .stocklist-states .box .lside .lside-form .layui-input {
    height: 0.7rem;
  }
}
.stocklist-states .box .lside .lside-form .layui-btn {
  flex-shrink: 0;
  margin-left: 0.15rem;
  min-width: 1.2rem;
  height: 0.56rem;
  background: var(--active-color);
  font-family: "spectral-regular";
  color: var(--white-color);
  font-size: 18px;
  box-sizing: border-box;
  padding: 0 0.15rem;
}
@media (max-width: 1900px) {
  .stocklist-states .box .lside .lside-form .layui-btn {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .stocklist-states .box .lside .lside-form .layui-btn {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .stocklist-states .box .lside .lside-form .layui-btn {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .stocklist-states .box .lside .lside-form .layui-btn {
    font-size: 0.26rem;
  }
}
@media (max-width: 480px) {
  .stocklist-states .box .lside .lside-form .layui-btn {
    height: 0.7rem;
  }
}
.stocklist-states .box .lside .infolist {
  flex: 1;
  overflow: hidden;
}
.stocklist-states .box .lside .infolist ul {
  padding-left: 0;
  width: 100%;
  max-height: 32.5vw;
  overflow: auto;
  padding-right: 10px;
  box-sizing: border-box;
  /* 修改滚动条的整体大小 */
  /* 修改滚动条的轨道样式 */
  /* 修改滚动条的滑块样式 */
  /* 修改滑块的 hover 样式 */
}
@media (max-width: 991px) {
  .stocklist-states .box .lside .infolist ul {
    max-height: 45vh;
  }
}
.stocklist-states .box .lside .infolist ul::-webkit-scrollbar {
  width: 0.04rem;
  /* 垂直滚动条的宽度 */
  height: 0.04rem;
  /* 水平滚动条的高度 */
  border-radius: 0.2rem;
}
.stocklist-states .box .lside .infolist ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.06);
  /* 轨道背景颜色 */
  border-radius: 0.2rem;
}
.stocklist-states .box .lside .infolist ul::-webkit-scrollbar-thumb {
  background: var(--active-color);
  /* 滑块背景颜色 */
  border-radius: 0.2rem;
}
.stocklist-states .box .lside .infolist ul::-webkit-scrollbar-thumb:hover {
  background: var(--active-color);
  /* 当鼠标悬停时滑块的颜色 */
  border-radius: 0.2rem;
}
.stocklist-states .box .lside .infolist ul li {
  width: 100%;
  list-style: none;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
  border-bottom: var(--gray-ccc) solid 1px;
}
.stocklist-states .box .lside .infolist ul li a .t1 {
  font-family: "spectral-bold";
  color: var(--black-333);
  font-size: 18px;
  margin-bottom: 3px;
}
@media (max-width: 1900px) {
  .stocklist-states .box .lside .infolist ul li a .t1 {
    font-size: 0.9375vw;
  }
}
@media (max-width: 1260px) {
  .stocklist-states .box .lside .infolist ul li a .t1 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .stocklist-states .box .lside .infolist ul li a .t1 {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .stocklist-states .box .lside .infolist ul li a .t1 {
    font-size: 0.26rem;
  }
}
.stocklist-states .box .lside .infolist ul li a .t1 .sp1 {
  flex-shrink: 0;
  margin-right: 3px;
  color: var(--active-color);
}
.stocklist-states .box .lside .infolist ul li a .t1 .sp2 {
  flex: 1;
  overflow: hidden;
}
.stocklist-states .box .lside .infolist ul li a .t2 {
  font-family: "spectral-regular";
  color: var(--black-333);
  font-size: 16px;
  margin-bottom: 3px;
}
@media (max-width: 1900px) {
  .stocklist-states .box .lside .infolist ul li a .t2 {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .stocklist-states .box .lside .infolist ul li a .t2 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .stocklist-states .box .lside .infolist ul li a .t2 {
    font-size: 14px;
  }
}
.stocklist-states .box .lside .infolist ul li a .t3 {
  font-family: "spectral-regular";
  color: var(--black-333);
  font-size: 16px;
}
@media (max-width: 1900px) {
  .stocklist-states .box .lside .infolist ul li a .t3 {
    font-size: 0.8333333333333333vw;
  }
}
@media (max-width: 1260px) {
  .stocklist-states .box .lside .infolist ul li a .t3 {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .stocklist-states .box .lside .infolist ul li a .t3 {
    font-size: 14px;
  }
}
.stocklist-states .box .lside .infolist ul li a .t3 .sp1 {
  flex-shrink: 0;
  margin-right: 3px;
  top: 2px;
  position: relative;
}
.stocklist-states .box .lside .infolist ul li a .t3 .sp1 img,
.stocklist-states .box .lside .infolist ul li a .t3 .sp1 svg {
  max-width: 14px;
}
.stocklist-states .box .lside .infolist ul li a .t3 .sp2 {
  flex: 1;
  overflow: hidden;
}
.stocklist-states .box .rside {
  position: relative;
  width: 70%;
  padding-bottom: 42%;
}
@media (max-width: 991px) {
  .stocklist-states .box .rside {
    margin-top: 0.5rem;
    width: 100%;
    padding-bottom: 60.78%;
  }
}
.stocklist-states .box .rside .fixedmap {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}