@charset "utf-8";
/*! ---------------
name:style.css
author:moyyue
site:www.vmore.com.cn
顺序：全局样式/元素样式/组件样式/页面样式
依赖于bootstrap
-----------------*/
@font-face {
  font-family: "MiSans";
  src: url("https://resources.piigii.cn/piigii/assets/cn/fonts/MiSans-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "MiSans";
  src: url("https://resources.piigii.cn/piigii/assets/cn/fonts/MiSans-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "MiSans";
  src: url("https://resources.piigii.cn/piigii/assets/cn/fonts/MiSans-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "MiSans";
  src: url("https://resources.piigii.cn/piigii/assets/cn/fonts/MiSans-Demibold.ttf") format("truetype");
  font-weight: 501;
}
@font-face {
  font-family: "MiSans";
  src: url("https://resources.piigii.cn/piigii/assets/cn/fonts/MiSans-SemiBold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "MiSans";
  src: url("https://resources.piigii.cn/piigii/assets/cn/fonts/MiSans-Bold.ttf") format("truetype");
  font-weight: 700;
}
/* ------------------------------------------------
第一部分：LESS混合集设置
* 加载初始化配置文件
--------------------------------------------------*/
/* ------------------------------------------------
第一部分：基本配置设置-统一布局-必须
--------------------------------------------------*/
/* ------------------------------------------------
第一部分：颜色
--------------------------------------------------*/
/* ------------------------------------------------
第二部分：字体
--------------------------------------------------*/
/* ------------------------------------------------
第三部分：间距
--------------------------------------------------*/
/* ------------------------------------------------
第四部分：栅格系统配置
--------------------------------------------------*/
/* ------------------------------------------------
第四部分：其他
--------------------------------------------------*/
/* ------------------------------------------------
第五部分：section
--------------------------------------------------*/
/* ------------------------------------------------
第六部分：循环体-在item-loop中添加类.gutter-0,.gutter-1
等以改变间距
--------------------------------------------------*/
/*normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. 在所有浏览器中更新行高.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
     ========================================================================== */
/**
   * 在所有浏览器上移除外边距.
   */
body {
  margin: 0;
}
/**
   * Render the `main` element consistently in IE.
   */
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
  text-decoration: none;
}
/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}
/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}
/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}
/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
  outline: none;
  border: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;
  background-color: #fff !important;
}
/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}
/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}
/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}
/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}
/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}
/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  padding: 0;
}
/* ---------------------------------------------
 * Bootstrap4.6部分-configuration文件夹
--------------------------------------------- */
/* 方式一：使用min-width方式进行排序 */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 0.15rem;
  padding-left: 0.15rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .responsive-container,
  .container,
  .container-sm {
    max-width: 5.4rem;
  }
}
@media (min-width: 768px) {
  .responsive-container,
  .container,
  .container-md {
    max-width: 7.2rem;
  }
}
@media (min-width: 992px) {
  .responsive-container,
  .container,
  .container-lg {
    max-width: 9.6rem;
  }
}
@media (min-width: 1200px) {
  .responsive-container,
  .container,
  .container-xl {
    max-width: 11.4rem;
  }
}
@media (min-width: 1600px) {
  .responsive-container,
  .container,
  .container-xxl {
    max-width: 15.2rem;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.15rem;
  margin-left: -0.15rem;
}
.grid-column,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 0.15rem;
  padding-left: 0.15rem;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1600px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}
/* ------------------------------------------------
第二部分：第三方样式
--------------------------------------------------*/
/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 10px;
    --swiper-navigation-color: var(--swiper-theme-color);
    */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
/* Navigation font end */
:root {
  /*
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-left: auto;
    --swiper-pagination-right: 8px;
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-top: auto;
    --swiper-pagination-fraction-color: inherit;
    --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
    --swiper-pagination-progressbar-size: 4px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
    --swiper-scrollbar-border-radius: 10px;
    --swiper-scrollbar-top: auto;
    --swiper-scrollbar-bottom: 4px;
    --swiper-scrollbar-left: auto;
    --swiper-scrollbar-right: 4px;
    --swiper-scrollbar-sides-offset: 1%;
    --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
    --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
    --swiper-scrollbar-size: 4px;
    */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
/***********************************
** 扩展-分页器
************************************/
.swiper-pagination-line {
  width: fit-content !important;
  margin: 0 auto;
}
.swiper-pagination-line .swiper-pagination-bullet {
  width: 0.08rem !important;
  height: 0.08rem !important;
  border-radius: 0.04rem;
  background-color: #fff !important;
  transition: width 0.3s linear;
  margin: 0 0.05rem !important;
}
.swiper-pagination-line .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.25rem !important;
  opacity: 1;
}
.swiper-pagination-ring .swiper-pagination-bullet {
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 0;
  background-color: transparent;
  border: solid 2px transparent;
  border-radius: 50%;
  position: relative;
}
.swiper-pagination-ring .swiper-pagination-bullet::after {
  content: "";
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: calc(50% - 0.03rem);
  top: calc(50% - 0.03rem);
}
.swiper-pagination-ring .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: rgba(255, 255, 255, 0.5);
}
[aos][aos][aos-easing=linear],
body[aos-easing=linear] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[aos][aos][aos-easing=ease],
body[aos-easing=ease] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
[aos][aos][aos-easing=ease-in],
body[aos-easing=ease-in] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
[aos][aos][aos-easing=ease-out],
body[aos-easing=ease-out] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
[aos][aos][aos-easing=ease-in-out],
body[aos-easing=ease-in-out] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
[aos][aos][aos-easing=ease-in-back],
body[aos-easing=ease-in-back] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[aos][aos][aos-easing=ease-out-back],
body[aos-easing=ease-out-back] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[aos][aos][aos-easing=ease-in-out-back],
body[aos-easing=ease-in-out-back] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[aos][aos][aos-easing=ease-in-sine],
body[aos-easing=ease-in-sine] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[aos][aos][aos-easing=ease-out-sine],
body[aos-easing=ease-out-sine] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[aos][aos][aos-easing=ease-in-out-sine],
body[aos-easing=ease-in-out-sine] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[aos][aos][aos-easing=ease-in-quad],
[aos][aos][aos-easing=ease-in-cubic],
[aos][aos][aos-easing=ease-in-quart],
body[aos-easing=ease-in-quad] [aos],
body[aos-easing=ease-in-cubic] [aos],
body[aos-easing=ease-in-quart] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[aos][aos][aos-easing=ease-out-quad],
[aos][aos][aos-easing=ease-out-cubic],
[aos][aos][aos-easing=ease-out-quart],
body[aos-easing=ease-out-quad] [aos],
body[aos-easing=ease-out-cubic] [aos],
body[aos-easing=ease-out-quart] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[aos][aos][aos-easing=ease-in-out-quad],
[aos][aos][aos-easing=ease-in-out-cubic],
[aos][aos][aos-easing=ease-in-out-quart],
body[aos-easing=ease-in-out-quad] [aos],
body[aos-easing=ease-in-out-cubic] [aos],
body[aos-easing=ease-in-out-quart] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[aos][aos][aos-duration='50'],
body[aos-duration='50'] [aos] {
  -webkit-transition-duration: 50ms;
  transition-duration: 50ms;
}
[aos][aos][aos-duration='100'],
body[aos-duration='100'] [aos] {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
[aos][aos][aos-duration='150'],
body[aos-duration='150'] [aos] {
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
[aos][aos][aos-duration='200'],
body[aos-duration='200'] [aos] {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
[aos][aos][aos-duration='250'],
body[aos-duration='250'] [aos] {
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}
[aos][aos][aos-duration='300'],
body[aos-duration='300'] [aos] {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
[aos][aos][aos-duration='350'],
body[aos-duration='350'] [aos] {
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
}
[aos][aos][aos-duration='400'],
body[aos-duration='400'] [aos] {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
[aos][aos][aos-duration='450'],
body[aos-duration='450'] [aos] {
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms;
}
[aos][aos][aos-duration='500'],
body[aos-duration='500'] [aos] {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
[aos][aos][aos-duration='550'],
body[aos-duration='550'] [aos] {
  -webkit-transition-duration: 550ms;
  transition-duration: 550ms;
}
[aos][aos][aos-duration='600'],
body[aos-duration='600'] [aos] {
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
[aos][aos][aos-duration='650'],
body[aos-duration='650'] [aos] {
  -webkit-transition-duration: 650ms;
  transition-duration: 650ms;
}
[aos][aos][aos-duration='700'],
body[aos-duration='700'] [aos] {
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
[aos][aos][aos-duration='750'],
body[aos-duration='750'] [aos] {
  -webkit-transition-duration: 750ms;
  transition-duration: 750ms;
}
[aos][aos][aos-duration='800'],
body[aos-duration='800'] [aos] {
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
[aos][aos][aos-duration='850'],
body[aos-duration='850'] [aos] {
  -webkit-transition-duration: 850ms;
  transition-duration: 850ms;
}
[aos][aos][aos-duration='900'],
body[aos-duration='900'] [aos] {
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
}
[aos][aos][aos-duration='950'],
body[aos-duration='950'] [aos] {
  -webkit-transition-duration: 950ms;
  transition-duration: 950ms;
}
[aos][aos][aos-duration='1000'],
body[aos-duration='1000'] [aos] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
[aos][aos][aos-duration='1050'],
body[aos-duration='1050'] [aos] {
  -webkit-transition-duration: 1.05s;
  transition-duration: 1.05s;
}
[aos][aos][aos-duration='1100'],
body[aos-duration='1100'] [aos] {
  -webkit-transition-duration: 1.1s;
  transition-duration: 1.1s;
}
[aos][aos][aos-duration='1150'],
body[aos-duration='1150'] [aos] {
  -webkit-transition-duration: 1.15s;
  transition-duration: 1.15s;
}
[aos][aos][aos-duration='1200'],
body[aos-duration='1200'] [aos] {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
[aos][aos][aos-duration='1250'],
body[aos-duration='1250'] [aos] {
  -webkit-transition-duration: 1.25s;
  transition-duration: 1.25s;
}
[aos][aos][aos-duration='1300'],
body[aos-duration='1300'] [aos] {
  -webkit-transition-duration: 1.3s;
  transition-duration: 1.3s;
}
[aos][aos][aos-duration='1350'],
body[aos-duration='1350'] [aos] {
  -webkit-transition-duration: 1.35s;
  transition-duration: 1.35s;
}
[aos][aos][aos-duration='1400'],
body[aos-duration='1400'] [aos] {
  -webkit-transition-duration: 1.4s;
  transition-duration: 1.4s;
}
[aos][aos][aos-duration='1450'],
body[aos-duration='1450'] [aos] {
  -webkit-transition-duration: 1.45s;
  transition-duration: 1.45s;
}
[aos][aos][aos-duration='1500'],
body[aos-duration='1500'] [aos] {
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
[aos][aos][aos-duration='1550'],
body[aos-duration='1550'] [aos] {
  -webkit-transition-duration: 1.55s;
  transition-duration: 1.55s;
}
[aos][aos][aos-duration='1600'],
body[aos-duration='1600'] [aos] {
  -webkit-transition-duration: 1.6s;
  transition-duration: 1.6s;
}
[aos][aos][aos-duration='1650'],
body[aos-duration='1650'] [aos] {
  -webkit-transition-duration: 1.65s;
  transition-duration: 1.65s;
}
[aos][aos][aos-duration='1700'],
body[aos-duration='1700'] [aos] {
  -webkit-transition-duration: 1.7s;
  transition-duration: 1.7s;
}
[aos][aos][aos-duration='1750'],
body[aos-duration='1750'] [aos] {
  -webkit-transition-duration: 1.75s;
  transition-duration: 1.75s;
}
[aos][aos][aos-duration='1800'],
body[aos-duration='1800'] [aos] {
  -webkit-transition-duration: 1.8s;
  transition-duration: 1.8s;
}
[aos][aos][aos-duration='1850'],
body[aos-duration='1850'] [aos] {
  -webkit-transition-duration: 1.85s;
  transition-duration: 1.85s;
}
[aos][aos][aos-duration='1900'],
body[aos-duration='1900'] [aos] {
  -webkit-transition-duration: 1.9s;
  transition-duration: 1.9s;
}
[aos][aos][aos-duration='1950'],
body[aos-duration='1950'] [aos] {
  -webkit-transition-duration: 1.95s;
  transition-duration: 1.95s;
}
[aos][aos][aos-duration='2000'],
body[aos-duration='2000'] [aos] {
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
}
[aos][aos][aos-duration='2050'],
body[aos-duration='2050'] [aos] {
  -webkit-transition-duration: 2.05s;
  transition-duration: 2.05s;
}
[aos][aos][aos-duration='2100'],
body[aos-duration='2100'] [aos] {
  -webkit-transition-duration: 2.1s;
  transition-duration: 2.1s;
}
[aos][aos][aos-duration='2150'],
body[aos-duration='2150'] [aos] {
  -webkit-transition-duration: 2.15s;
  transition-duration: 2.15s;
}
[aos][aos][aos-duration='2200'],
body[aos-duration='2200'] [aos] {
  -webkit-transition-duration: 2.2s;
  transition-duration: 2.2s;
}
[aos][aos][aos-duration='2250'],
body[aos-duration='2250'] [aos] {
  -webkit-transition-duration: 2.25s;
  transition-duration: 2.25s;
}
[aos][aos][aos-duration='2300'],
body[aos-duration='2300'] [aos] {
  -webkit-transition-duration: 2.3s;
  transition-duration: 2.3s;
}
[aos][aos][aos-duration='2350'],
body[aos-duration='2350'] [aos] {
  -webkit-transition-duration: 2.35s;
  transition-duration: 2.35s;
}
[aos][aos][aos-duration='2400'],
body[aos-duration='2400'] [aos] {
  -webkit-transition-duration: 2.4s;
  transition-duration: 2.4s;
}
[aos][aos][aos-duration='2450'],
body[aos-duration='2450'] [aos] {
  -webkit-transition-duration: 2.45s;
  transition-duration: 2.45s;
}
[aos][aos][aos-duration='2500'],
body[aos-duration='2500'] [aos] {
  -webkit-transition-duration: 2.5s;
  transition-duration: 2.5s;
}
[aos][aos][aos-duration='2550'],
body[aos-duration='2550'] [aos] {
  -webkit-transition-duration: 2.55s;
  transition-duration: 2.55s;
}
[aos][aos][aos-duration='2600'],
body[aos-duration='2600'] [aos] {
  -webkit-transition-duration: 2.6s;
  transition-duration: 2.6s;
}
[aos][aos][aos-duration='2650'],
body[aos-duration='2650'] [aos] {
  -webkit-transition-duration: 2.65s;
  transition-duration: 2.65s;
}
[aos][aos][aos-duration='2700'],
body[aos-duration='2700'] [aos] {
  -webkit-transition-duration: 2.7s;
  transition-duration: 2.7s;
}
[aos][aos][aos-duration='2750'],
body[aos-duration='2750'] [aos] {
  -webkit-transition-duration: 2.75s;
  transition-duration: 2.75s;
}
[aos][aos][aos-duration='2800'],
body[aos-duration='2800'] [aos] {
  -webkit-transition-duration: 2.8s;
  transition-duration: 2.8s;
}
[aos][aos][aos-duration='2850'],
body[aos-duration='2850'] [aos] {
  -webkit-transition-duration: 2.85s;
  transition-duration: 2.85s;
}
[aos][aos][aos-duration='2900'],
body[aos-duration='2900'] [aos] {
  -webkit-transition-duration: 2.9s;
  transition-duration: 2.9s;
}
[aos][aos][aos-duration='2950'],
body[aos-duration='2950'] [aos] {
  -webkit-transition-duration: 2.95s;
  transition-duration: 2.95s;
}
[aos][aos][aos-duration='3000'],
body[aos-duration='3000'] [aos] {
  -webkit-transition-duration: 3s;
  transition-duration: 3s;
}
[aos][aos][aos-delay='50'],
body[aos-delay='50'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='50'].aos-animate,
body[aos-delay='50'] [aos].aos-animate {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}
[aos][aos][aos-delay='100'],
body[aos-delay='100'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='100'].aos-animate,
body[aos-delay='100'] [aos].aos-animate {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
[aos][aos][aos-delay='150'],
body[aos-delay='150'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='150'].aos-animate,
body[aos-delay='150'] [aos].aos-animate {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
}
[aos][aos][aos-delay='200'],
body[aos-delay='200'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='200'].aos-animate,
body[aos-delay='200'] [aos].aos-animate {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
[aos][aos][aos-delay='250'],
body[aos-delay='250'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='250'].aos-animate,
body[aos-delay='250'] [aos].aos-animate {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}
[aos][aos][aos-delay='300'],
body[aos-delay='300'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='300'].aos-animate,
body[aos-delay='300'] [aos].aos-animate {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
[aos][aos][aos-delay='350'],
body[aos-delay='350'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='350'].aos-animate,
body[aos-delay='350'] [aos].aos-animate {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms;
}
[aos][aos][aos-delay='400'],
body[aos-delay='400'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='400'].aos-animate,
body[aos-delay='400'] [aos].aos-animate {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
[aos][aos][aos-delay='450'],
body[aos-delay='450'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='450'].aos-animate,
body[aos-delay='450'] [aos].aos-animate {
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}
[aos][aos][aos-delay='500'],
body[aos-delay='500'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='500'].aos-animate,
body[aos-delay='500'] [aos].aos-animate {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
[aos][aos][aos-delay='550'],
body[aos-delay='550'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='550'].aos-animate,
body[aos-delay='550'] [aos].aos-animate {
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms;
}
[aos][aos][aos-delay='600'],
body[aos-delay='600'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='600'].aos-animate,
body[aos-delay='600'] [aos].aos-animate {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
[aos][aos][aos-delay='650'],
body[aos-delay='650'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='650'].aos-animate,
body[aos-delay='650'] [aos].aos-animate {
  -webkit-transition-delay: 650ms;
  transition-delay: 650ms;
}
[aos][aos][aos-delay='700'],
body[aos-delay='700'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='700'].aos-animate,
body[aos-delay='700'] [aos].aos-animate {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
[aos][aos][aos-delay='750'],
body[aos-delay='750'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='750'].aos-animate,
body[aos-delay='750'] [aos].aos-animate {
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms;
}
[aos][aos][aos-delay='800'],
body[aos-delay='800'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='800'].aos-animate,
body[aos-delay='800'] [aos].aos-animate {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
[aos][aos][aos-delay='850'],
body[aos-delay='850'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='850'].aos-animate,
body[aos-delay='850'] [aos].aos-animate {
  -webkit-transition-delay: 850ms;
  transition-delay: 850ms;
}
[aos][aos][aos-delay='900'],
body[aos-delay='900'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='900'].aos-animate,
body[aos-delay='900'] [aos].aos-animate {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
[aos][aos][aos-delay='950'],
body[aos-delay='950'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='950'].aos-animate,
body[aos-delay='950'] [aos].aos-animate {
  -webkit-transition-delay: 950ms;
  transition-delay: 950ms;
}
[aos][aos][aos-delay='1000'],
body[aos-delay='1000'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1000'].aos-animate,
body[aos-delay='1000'] [aos].aos-animate {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
[aos][aos][aos-delay='1050'],
body[aos-delay='1050'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1050'].aos-animate,
body[aos-delay='1050'] [aos].aos-animate {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s;
}
[aos][aos][aos-delay='1100'],
body[aos-delay='1100'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1100'].aos-animate,
body[aos-delay='1100'] [aos].aos-animate {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
[aos][aos][aos-delay='1150'],
body[aos-delay='1150'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1150'].aos-animate,
body[aos-delay='1150'] [aos].aos-animate {
  -webkit-transition-delay: 1.15s;
  transition-delay: 1.15s;
}
[aos][aos][aos-delay='1200'],
body[aos-delay='1200'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1200'].aos-animate,
body[aos-delay='1200'] [aos].aos-animate {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
[aos][aos][aos-delay='1250'],
body[aos-delay='1250'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1250'].aos-animate,
body[aos-delay='1250'] [aos].aos-animate {
  -webkit-transition-delay: 1.25s;
  transition-delay: 1.25s;
}
[aos][aos][aos-delay='1300'],
body[aos-delay='1300'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1300'].aos-animate,
body[aos-delay='1300'] [aos].aos-animate {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
[aos][aos][aos-delay='1350'],
body[aos-delay='1350'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1350'].aos-animate,
body[aos-delay='1350'] [aos].aos-animate {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s;
}
[aos][aos][aos-delay='1400'],
body[aos-delay='1400'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1400'].aos-animate,
body[aos-delay='1400'] [aos].aos-animate {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
[aos][aos][aos-delay='1450'],
body[aos-delay='1450'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1450'].aos-animate,
body[aos-delay='1450'] [aos].aos-animate {
  -webkit-transition-delay: 1.45s;
  transition-delay: 1.45s;
}
[aos][aos][aos-delay='1500'],
body[aos-delay='1500'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1500'].aos-animate,
body[aos-delay='1500'] [aos].aos-animate {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
[aos][aos][aos-delay='1550'],
body[aos-delay='1550'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1550'].aos-animate,
body[aos-delay='1550'] [aos].aos-animate {
  -webkit-transition-delay: 1.55s;
  transition-delay: 1.55s;
}
[aos][aos][aos-delay='1600'],
body[aos-delay='1600'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1600'].aos-animate,
body[aos-delay='1600'] [aos].aos-animate {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
[aos][aos][aos-delay='1650'],
body[aos-delay='1650'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1650'].aos-animate,
body[aos-delay='1650'] [aos].aos-animate {
  -webkit-transition-delay: 1.65s;
  transition-delay: 1.65s;
}
[aos][aos][aos-delay='1700'],
body[aos-delay='1700'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1700'].aos-animate,
body[aos-delay='1700'] [aos].aos-animate {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
[aos][aos][aos-delay='1750'],
body[aos-delay='1750'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1750'].aos-animate,
body[aos-delay='1750'] [aos].aos-animate {
  -webkit-transition-delay: 1.75s;
  transition-delay: 1.75s;
}
[aos][aos][aos-delay='1800'],
body[aos-delay='1800'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1800'].aos-animate,
body[aos-delay='1800'] [aos].aos-animate {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
[aos][aos][aos-delay='1850'],
body[aos-delay='1850'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1850'].aos-animate,
body[aos-delay='1850'] [aos].aos-animate {
  -webkit-transition-delay: 1.85s;
  transition-delay: 1.85s;
}
[aos][aos][aos-delay='1900'],
body[aos-delay='1900'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1900'].aos-animate,
body[aos-delay='1900'] [aos].aos-animate {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
[aos][aos][aos-delay='1950'],
body[aos-delay='1950'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='1950'].aos-animate,
body[aos-delay='1950'] [aos].aos-animate {
  -webkit-transition-delay: 1.95s;
  transition-delay: 1.95s;
}
[aos][aos][aos-delay='2000'],
body[aos-delay='2000'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2000'].aos-animate,
body[aos-delay='2000'] [aos].aos-animate {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
[aos][aos][aos-delay='2050'],
body[aos-delay='2050'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2050'].aos-animate,
body[aos-delay='2050'] [aos].aos-animate {
  -webkit-transition-delay: 2.05s;
  transition-delay: 2.05s;
}
[aos][aos][aos-delay='2100'],
body[aos-delay='2100'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2100'].aos-animate,
body[aos-delay='2100'] [aos].aos-animate {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
[aos][aos][aos-delay='2150'],
body[aos-delay='2150'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2150'].aos-animate,
body[aos-delay='2150'] [aos].aos-animate {
  -webkit-transition-delay: 2.15s;
  transition-delay: 2.15s;
}
[aos][aos][aos-delay='2200'],
body[aos-delay='2200'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2200'].aos-animate,
body[aos-delay='2200'] [aos].aos-animate {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
[aos][aos][aos-delay='2250'],
body[aos-delay='2250'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2250'].aos-animate,
body[aos-delay='2250'] [aos].aos-animate {
  -webkit-transition-delay: 2.25s;
  transition-delay: 2.25s;
}
[aos][aos][aos-delay='2300'],
body[aos-delay='2300'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2300'].aos-animate,
body[aos-delay='2300'] [aos].aos-animate {
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
[aos][aos][aos-delay='2350'],
body[aos-delay='2350'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2350'].aos-animate,
body[aos-delay='2350'] [aos].aos-animate {
  -webkit-transition-delay: 2.35s;
  transition-delay: 2.35s;
}
[aos][aos][aos-delay='2400'],
body[aos-delay='2400'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2400'].aos-animate,
body[aos-delay='2400'] [aos].aos-animate {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
[aos][aos][aos-delay='2450'],
body[aos-delay='2450'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2450'].aos-animate,
body[aos-delay='2450'] [aos].aos-animate {
  -webkit-transition-delay: 2.45s;
  transition-delay: 2.45s;
}
[aos][aos][aos-delay='2500'],
body[aos-delay='2500'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2500'].aos-animate,
body[aos-delay='2500'] [aos].aos-animate {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
[aos][aos][aos-delay='2550'],
body[aos-delay='2550'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2550'].aos-animate,
body[aos-delay='2550'] [aos].aos-animate {
  -webkit-transition-delay: 2.55s;
  transition-delay: 2.55s;
}
[aos][aos][aos-delay='2600'],
body[aos-delay='2600'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2600'].aos-animate,
body[aos-delay='2600'] [aos].aos-animate {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
[aos][aos][aos-delay='2650'],
body[aos-delay='2650'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2650'].aos-animate,
body[aos-delay='2650'] [aos].aos-animate {
  -webkit-transition-delay: 2.65s;
  transition-delay: 2.65s;
}
[aos][aos][aos-delay='2700'],
body[aos-delay='2700'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2700'].aos-animate,
body[aos-delay='2700'] [aos].aos-animate {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s;
}
[aos][aos][aos-delay='2750'],
body[aos-delay='2750'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2750'].aos-animate,
body[aos-delay='2750'] [aos].aos-animate {
  -webkit-transition-delay: 2.75s;
  transition-delay: 2.75s;
}
[aos][aos][aos-delay='2800'],
body[aos-delay='2800'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2800'].aos-animate,
body[aos-delay='2800'] [aos].aos-animate {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
[aos][aos][aos-delay='2850'],
body[aos-delay='2850'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2850'].aos-animate,
body[aos-delay='2850'] [aos].aos-animate {
  -webkit-transition-delay: 2.85s;
  transition-delay: 2.85s;
}
[aos][aos][aos-delay='2900'],
body[aos-delay='2900'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2900'].aos-animate,
body[aos-delay='2900'] [aos].aos-animate {
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s;
}
[aos][aos][aos-delay='2950'],
body[aos-delay='2950'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='2950'].aos-animate,
body[aos-delay='2950'] [aos].aos-animate {
  -webkit-transition-delay: 2.95s;
  transition-delay: 2.95s;
}
[aos][aos][aos-delay='3000'],
body[aos-delay='3000'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[aos][aos][aos-delay='3000'].aos-animate,
body[aos-delay='3000'] [aos].aos-animate {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
[aos^=fade][aos^=fade] {
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
}
[aos^=fade][aos^=fade].aos-animate {
  opacity: 1;
}
[aos=fade-up] {
  -webkit-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  transform: translate(0, 100px);
}
[aos=fade-up].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=fade-down] {
  -webkit-transform: translate(0, -100px);
  -ms-transform: translate(0, -100px);
  transform: translate(0, -100px);
}
[aos=fade-down].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=fade-right] {
  -webkit-transform: translate(-100px, 0);
  -ms-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
}
[aos=fade-right].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=fade-left] {
  -webkit-transform: translate(100px, 0);
  -ms-transform: translate(100px, 0);
  transform: translate(100px, 0);
}
[aos=fade-left].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=fade-up-right] {
  -webkit-transform: translate(-100px, 100px);
  -ms-transform: translate(-100px, 100px);
  transform: translate(-100px, 100px);
}
[aos=fade-up-right].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=fade-up-left] {
  -webkit-transform: translate(100px, 100px);
  -ms-transform: translate(100px, 100px);
  transform: translate(100px, 100px);
}
[aos=fade-up-left].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=fade-down-right] {
  -webkit-transform: translate(-100px, -100px);
  -ms-transform: translate(-100px, -100px);
  transform: translate(-100px, -100px);
}
[aos=fade-down-right].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=fade-down-left] {
  -webkit-transform: translate(100px, -100px);
  -ms-transform: translate(100px, -100px);
  transform: translate(100px, -100px);
}
[aos=fade-down-left].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos^=zoom][aos^=zoom] {
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
}
[aos^=zoom][aos^=zoom].aos-animate {
  opacity: 1;
}
[aos=zoom-in] {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}
[aos=zoom-in].aos-animate {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
[aos=zoom-in-up] {
  -webkit-transform: translate(0, 100px) scale(0.6);
  -ms-transform: translate(0, 100px) scale(0.6);
  transform: translate(0, 100px) scale(0.6);
}
[aos=zoom-in-up].aos-animate {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
[aos=zoom-in-down] {
  -webkit-transform: translate(0, -100px) scale(0.6);
  -ms-transform: translate(0, -100px) scale(0.6);
  transform: translate(0, -100px) scale(0.6);
}
[aos=zoom-in-down].aos-animate {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
[aos=zoom-in-right] {
  -webkit-transform: translate(-100px, 0) scale(0.6);
  -ms-transform: translate(-100px, 0) scale(0.6);
  transform: translate(-100px, 0) scale(0.6);
}
[aos=zoom-in-right].aos-animate {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
[aos=zoom-in-left] {
  -webkit-transform: translate(100px, 0) scale(0.6);
  -ms-transform: translate(100px, 0) scale(0.6);
  transform: translate(100px, 0) scale(0.6);
}
[aos=zoom-in-left].aos-animate {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
[aos=zoom-out] {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
[aos=zoom-out].aos-animate {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
[aos=zoom-out-up] {
  -webkit-transform: translate(0, 100px) scale(1.2);
  -ms-transform: translate(0, 100px) scale(1.2);
  transform: translate(0, 100px) scale(1.2);
}
[aos=zoom-out-up].aos-animate {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
[aos=zoom-out-down] {
  -webkit-transform: translate(0, -100px) scale(1.2);
  -ms-transform: translate(0, -100px) scale(1.2);
  transform: translate(0, -100px) scale(1.2);
}
[aos=zoom-out-down].aos-animate {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
[aos=zoom-out-right] {
  -webkit-transform: translate(-100px, 0) scale(1.2);
  -ms-transform: translate(-100px, 0) scale(1.2);
  transform: translate(-100px, 0) scale(1.2);
}
[aos=zoom-out-right].aos-animate {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
[aos=zoom-out-left] {
  -webkit-transform: translate(100px, 0) scale(1.2);
  -ms-transform: translate(100px, 0) scale(1.2);
  transform: translate(100px, 0) scale(1.2);
}
[aos=zoom-out-left].aos-animate {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
[aos=slide-up] {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
[aos=slide-up].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=slide-down] {
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
[aos=slide-down].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=slide-right] {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
[aos=slide-right].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos=slide-left] {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
[aos=slide-left].aos-animate {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
[aos^=flip] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
[aos=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
  transform: perspective(2500px) rotateY(-100deg);
}
[aos=flip-left].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}
[aos=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
  transform: perspective(2500px) rotateY(100deg);
}
[aos=flip-right].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}
[aos=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
  transform: perspective(2500px) rotateX(-100deg);
}
[aos=flip-up].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}
[aos=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
  transform: perspective(2500px) rotateX(100deg);
}
[aos=flip-down].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}
/*Plugin CSS*/
.str_wrap {
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  background: #fff;
  white-space: nowrap;
}
.str_wrap.str_active {
  background: #fff;
}
.str_move {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
}
.str_move_clone {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 100%;
  top: 0;
}
.str_vertical .str_move_clone {
  left: 0;
  top: 100%;
}
.str_down .str_move_clone {
  left: 0;
  bottom: 100%;
}
.str_vertical .str_move,
.str_down .str_move {
  white-space: normal;
  width: 100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
  cursor: inherit;
}
.str_wrap img {
  max-width: none !important;
}
/* ------------------------------------------------
第三部分：基本元素设置-统一布局-必须
--------------------------------------------------*/
/* ------------------------------------------------
第四部分：图标样式
* 定义各组件样式
--------------------------------------------------*/
.ricon {
  display: inline-block;
  line-height: 1;
  width: 0.1rem;
  height: 0.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.ricon.icon-lang-down {
  width: 0.13rem;
  height: 0.11rem;
  background-image: url(../images/icon-lang-down.svg);
  background-size: contain;
}
.ricon.icon-search {
  width: 0.15rem;
  height: 0.15rem;
  background-image: url(../images/icon-search.svg);
}
.ricon.icon-page-prev {
  width: 0.14rem;
  height: 0.23rem;
  background-image: url(../images/ricon-pages-left.svg);
}
.ricon.icon-page-next {
  width: 0.14rem;
  height: 0.22rem;
  background-image: url(../images/ricon-pages-right.svg);
}
.ricon.icon-close {
  width: 100%;
  height: 100%;
  background-image: url(../images/icon-close.svg);
  background-size: 0.2rem 0.2rem;
}
.ricon.icon-btn-right {
  width: 0.14rem;
  height: 0.23rem;
  background-image: url(../images/icon-btn-right.svg);
}
.ricon.icon-btn-play {
  width: 0.14rem;
  height: 0.23rem;
  background-image: url(../images/icon-btn-play.svg);
}
.ricon.icon-play {
  width: 1.36rem;
  height: 1.36rem;
  background-image: url(../images/icon-video-play.svg);
}
.ricon.icon-zy {
  background-image: url(../images/icon-product-zzf.svg);
}
.ricon.icon-zj {
  background-image: url(../images/icon-product-wzj.svg);
}
.ricon.icon-bj {
  background-image: url(../images/icon-product-bj.svg);
}
.ricon.icon-bx {
  background-image: url(../images/icon-product-bx.svg);
}
@media (max-width: 991.98px) {
  .ricon.icon-btn-right {
    width: 0.12rem;
    height: 0.2rem;
  }
  .ricon.icon-play {
    width: 0.45rem;
    height: 0.45rem;
  }
}
/* ------------------------------------------------
* font基础字体设置
* 基础字体元素、大小及行高等设置
--------------------------------------------------*/
/* -----默认部分样式重置----*/
html {
  font-size: 625%;
}
body {
  position: relative;
  font-size: 0.17rem;
  font-family: "MiSans", "PingFang SC", "微软雅黑", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #1a1a1a;
  line-height: 1.67;
}
@media (max-width: 991.98px) {
  body {
    padding-top: 0.7rem;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  color: #1a1a1a;
}
h1 {
  font-size: 0.4rem;
}
h2 {
  font-size: 0.3rem;
}
h3 {
  font-size: 0.24rem;
}
h4 {
  font-size: 0.17rem;
}
h5 {
  font-size: 0.14rem;
}
h6 {
  font-size: 0.12rem;
}
.h1 {
  font-size: 0.4rem;
}
.h2 {
  font-size: 0.3rem;
}
.h3 {
  font-size: 0.24rem;
}
.h4 {
  font-size: 0.17rem;
}
.h5 {
  font-size: 0.14rem;
}
.h6 {
  font-size: 0.12rem;
}
small,
.small {
  font-size: 0.8em;
}
a {
  color: #1a1a1a;
  cursor: pointer;
}
a:hover {
  color: #d61818;
}
/* ------------------------------------------------
* 元素样式elements
* 定义各元素样式
--------------------------------------------------*/
hr {
  border: none;
  /* 去掉边框 */
  height: 0;
  /* 清除默认高度 */
  margin: 0;
  /* 清除默认外边距 */
  padding: 0;
  /* 清除默认内边距 */
  border-bottom: solid 1px #dbdbdb;
}
.hr {
  border-bottom: solid 1px #dbdbdb;
}
/* -----自定义部分样式重置----*/
.radius {
  border-radius: 0.05rem;
}
.shadow {
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.1);
}
/* ------------------------------------------------
* 图片设置
--------------------------------------------------*/
img {
  max-width: 100%;
}
.image {
  position: relative;
}
.image img {
  display: block;
}
.zoompic {
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.zoompic > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease-in-out;
}
.zoompic:hover > img {
  transform: scale(1.15);
}
.item:hover .zoompic > img {
  transform: scale(1.15);
}
/* ------------------------------------------------
* 按钮样式button
--------------------------------------------------*/
.btn {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
}
.btn > .ricon {
  margin-left: 0.2rem;
}
.btn:hover {
  color: #fff;
}
.btn-pri {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.18rem;
  background-color: #d61818;
  border-color: #d61818;
  color: #fff;
}
.btn-pri > .ricon {
  margin-left: 0.2rem;
}
.btn-pri:hover {
  color: #fff;
}
.btn-pri:hover {
  background-color: #911010;
  border-color: #911010;
}
.btn-sub {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: #e64e0c;
  border-color: #e64e0c;
  color: #fff;
}
.btn-sub > .ricon {
  margin-left: 0.2rem;
}
.btn-sub:hover {
  color: #fff;
}
.btn-sub:hover {
  background-color: #9d3508;
  border-color: #9d3508;
}
.btn-black {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.btn-black > .ricon {
  margin-left: 0.2rem;
}
.btn-black:hover {
  color: #fff;
}
.btn-black:hover {
  background-color: #000000;
  border-color: #000000;
}
.btn-dark {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.btn-dark > .ricon {
  margin-left: 0.2rem;
}
.btn-dark:hover {
  color: #fff;
}
.btn-dark:hover {
  background-color: #000000;
  border-color: #000000;
}
.btn-success {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}
.btn-success > .ricon {
  margin-left: 0.2rem;
}
.btn-success:hover {
  color: #fff;
}
.btn-success:hover {
  background-color: #19692b;
  border-color: #19692b;
}
.btn-danger {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: #ff3535;
  border-color: #ff3535;
  color: #fff;
}
.btn-danger > .ricon {
  margin-left: 0.2rem;
}
.btn-danger:hover {
  color: #fff;
}
.btn-danger:hover {
  background-color: #e70000;
  border-color: #e70000;
}
.btn-warning {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: #f9c851;
  border-color: #f9c851;
  color: #fff;
}
.btn-warning > .ricon {
  margin-left: 0.2rem;
}
.btn-warning:hover {
  color: #fff;
}
.btn-warning:hover {
  background-color: #f5b008;
  border-color: #f5b008;
}
.btn-info {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}
.btn-info > .ricon {
  margin-left: 0.2rem;
}
.btn-info:hover {
  color: #fff;
}
.btn-info:hover {
  background-color: #0f6674;
  border-color: #0f6674;
}
.btn-grey {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.btn-grey > .ricon {
  margin-left: 0.2rem;
}
.btn-grey:hover {
  color: #fff;
}
.btn-grey:hover {
  background-color: #404040;
  border-color: #404040;
}
.btn-light {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  color: #fff;
}
.btn-light > .ricon {
  margin-left: 0.2rem;
}
.btn-light:hover {
  color: #fff;
}
.btn-light:hover {
  background-color: #b5b5b5;
  border-color: #b5b5b5;
}
.btn-black {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
}
.btn-black > .ricon {
  margin-left: 0.2rem;
}
.btn-black:hover {
  color: #fff;
}
.btn-black:hover {
  background-color: #d61818;
  border-color: #d61818;
}
/* ------------------------------------------------
* 镂空样式outline
--------------------------------------------------*/
.btn-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  background-color: transparent;
  color: #d61818;
  border: solid 1px #d61818;
}
.btn-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-outline:hover {
  color: #fff;
}
.btn-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-pri-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #d61818;
  color: #d61818;
}
.btn-pri-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-pri-outline:hover {
  color: #fff;
}
.btn-pri-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-pri-outline:hover {
  color: #fff;
  background-color: #d61818;
  border-color: #d61818;
}
.btn-sub-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #e64e0c;
  color: #e64e0c;
}
.btn-sub-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-sub-outline:hover {
  color: #fff;
}
.btn-sub-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-sub-outline:hover {
  color: #fff;
  background-color: #e64e0c;
  border-color: #e64e0c;
}
.btn-black-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #000;
  color: #000;
}
.btn-black-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-black-outline:hover {
  color: #fff;
}
.btn-black-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-black-outline:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-dark-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #1a1a1a;
  color: #1a1a1a;
}
.btn-dark-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-dark-outline:hover {
  color: #fff;
}
.btn-dark-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-dark-outline:hover {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.btn-success-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #28a745;
  color: #28a745;
}
.btn-success-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-success-outline:hover {
  color: #fff;
}
.btn-success-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-success-outline:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-danger-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #ff3535;
  color: #ff3535;
}
.btn-danger-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-danger-outline:hover {
  color: #fff;
}
.btn-danger-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-danger-outline:hover {
  color: #fff;
  background-color: #ff3535;
  border-color: #ff3535;
}
.btn-warning-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #f9c851;
  color: #f9c851;
}
.btn-warning-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-warning-outline:hover {
  color: #fff;
}
.btn-warning-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-warning-outline:hover {
  color: #fff;
  background-color: #f9c851;
  border-color: #f9c851;
}
.btn-info-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #17a2b8;
  color: #17a2b8;
}
.btn-info-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-info-outline:hover {
  color: #fff;
}
.btn-info-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-info-outline:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-grey-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #666;
  color: #666;
}
.btn-grey-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-grey-outline:hover {
  color: #fff;
}
.btn-grey-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-grey-outline:hover {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.btn-light-outline {
  color: #fff;
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  background-color: transparent;
  border-color: #dbdbdb;
  color: #dbdbdb;
}
.btn-light-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-light-outline:hover {
  color: #fff;
}
.btn-light-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-light-outline:hover {
  color: #fff;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.btn-light-outline {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  border: solid 1px #fff;
  background-color: transparent;
  color: #fff;
  overflow: hidden;
}
.btn-light-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-light-outline:hover {
  color: #fff;
}
.btn-light-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-light-outline:hover {
  color: #d61818;
  background-color: transparent;
  border-color: #d61818;
}
.btn-white-outline {
  width: fit-content;
  white-space: nowrap;
  height: 0.45rem;
  padding: 0 0.35rem;
  line-height: 1;
  border-radius: 0.35rem;
  text-align: center;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d61818;
  font-size: 0.18rem;
  color: #d61818;
  border: solid 1px #d61818;
  border: solid 1px #fff;
  background-color: transparent;
  color: #fff;
  overflow: hidden;
}
.btn-white-outline > .ricon {
  margin-left: 0.2rem;
}
.btn-white-outline:hover {
  color: #fff;
}
.btn-white-outline:hover {
  color: #fff;
  background-color: #a81313;
  border-color: #a81313;
}
.btn-white-outline:hover {
  color: #d61818;
  background-color: transparent;
  border-color: #d61818;
}
.btn-white-outline {
  transition: all 0.5s ease-in-out;
}
.btn-white-outline .ricon {
  transition: all 0.5s ease-in-out;
}
.btn-white-outline:hover .ricon {
  background-image: url(../images/icon-btn-right-pri.svg);
}
.btn-animate {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.55rem;
  border-radius: 0;
  background: linear-gradient(to left, #000 0%, #000 50%, #d61818 50%, #f66 75%, #d61818 100%);
  background-position: right;
  background-size: calc(200% + 2px) 100%;
  /* 背景宽度为元素宽度的两倍 */
  transition: background-position 500ms ease-in-out;
}
.btn-animate:hover {
  background-position: left;
}
.btn-animate-reverse {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.55rem;
  border-radius: 0;
  background: linear-gradient(to left, #000 0%, #000 50%, #d61818 50%, #f66 75%, #d61818 100%);
  /* 背景宽度为元素宽度的两倍 */
  transition: background-position 500ms ease-in-out;
  background: linear-gradient(to right, #000 0%, #000 50%, #d61818 50%, #f66 75%, #d61818 100%);
  background-size: calc(200% + 2px) 100%;
  /* 背景宽度为元素宽度的两倍 */
  background-position: right;
}
.btn-animate-reverse:hover {
  background-position: left;
}
.btn-out-animate {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.55rem;
  border-radius: 0;
  background: linear-gradient(to left, #000 0%, #000 50%, #d61818 50%, #f66 75%, #d61818 100%);
  /* 背景宽度为元素宽度的两倍 */
  transition: background-position 500ms ease-in-out;
  transition: all 0.5s linear;
  position: relative;
  background: linear-gradient(to left, transparent 0%, transparent 50%, #d61818 50%, #f66 75%, #d61818 100%);
  background-position: right;
  background-size: calc(200% + 2px) 100%;
}
.btn-out-animate:hover {
  background-position: left;
}
.btn-out-animate::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 1px #1a1a1a;
  z-index: -2;
}
.btn-out-animate:hover {
  color: #fff;
}
@media (max-width: 991.98px) {
  .btn {
    font-size: 0.14rem;
  }
  .btn-white-outline {
    height: 0.3rem;
  }
  .btn-white-outline > .ricon {
    margin-left: 0.1rem;
  }
  .btn-animate {
    height: 0.4rem;
    transition: unset;
  }
  .btn-out-animate {
    height: 0.4rem;
    transition: unset;
  }
}
/* ------------------------------------------------
* 动画特效
--------------------------------------------------*/
/* 图标旋转动画 */
.rotate {
  animation: spin 4s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.breathe {
  animation: breathe 4s infinite;
}
@keyframes breathe {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  50% {
    box-shadow: 0 0 0 0.05rem rgba(255, 53, 53, 0.5);
  }
}
.text-line-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.text-line-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.text-line-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.text-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-line-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 文字行数限制 */
/* ------------------------------------------------
第四部分：定义的布局样式-统一布局-必须
--------------------------------------------------*/
/*---------------------------------------------
<div class="toggle-menu">
    <i class="ricon"></i>
</div>
---------------------------------------------*/
.main-menu {
  height: 100%;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}
.main-menu > ul {
  height: 100%;
}
.main-menu > ul > li {
  height: 100%;
  display: inline-block;
  margin: 0 0.25rem;
  position: relative;
}
.main-menu > ul > li:last-child {
  margin-right: 0;
}
.main-menu > ul > li > a {
  display: block;
  height: 100%;
  color: #1a1a1a;
  font-size: 0.17rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px transparent;
}
.main-menu > ul > li > a::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 100%;
  height: 0;
  border-bottom: solid 1px transparent;
}
.main-menu > ul > li > .down {
  display: none;
}
.main-menu > ul > li .sub {
  display: none;
  position: absolute;
  left: 50%;
  min-width: 100%;
  top: 0.8rem;
  background-color: #fff;
  transform: translateX(-50%);
  padding: 0.05rem 0;
}
.main-menu > ul > li .sub ul {
  width: auto;
}
.main-menu > ul > li .sub ul li {
  width: auto;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-menu > ul > li .sub ul li a {
  text-align: center;
  display: block;
  width: fit-content;
  white-space: nowrap;
  font-size: 0.17rem;
  padding: 0.1rem 0;
  margin: 0 0.3rem;
  position: relative;
}
.main-menu > ul > li .sub ul li a::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.42rem;
  width: 100%;
  height: 0;
  border-bottom: solid 1px transparent;
}
.main-menu > ul > li .sub ul li a:hover::before {
  border-color: #d61818;
}
.main-menu > ul > li.active > a,
.main-menu > ul > li:hover > a {
  border-color: transparent;
  color: #d61818;
}
.main-menu > ul > li.active > a:before,
.main-menu > ul > li:hover > a:before {
  border-color: #d61818;
}
.toggle-menu {
  display: none;
  position: relative;
  overflow: hidden;
  width: 0.36rem;
  height: 0.33rem;
  cursor: pointer;
}
.toggle-menu .line {
  display: block;
  width: 60%;
  height: 0.02rem;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #1a1a1a;
  transform: translate(-50%, -50%);
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
}
.toggle-menu .line:nth-child(1) {
  margin-top: -0.07rem;
}
.toggle-menu .line:nth-child(3) {
  margin-top: 0.07rem;
}
.toggle-menu.active .line:nth-child(1) {
  margin-top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.toggle-menu.active .line:nth-child(2) {
  transform: translate(100%, -50%);
  opacity: 0;
}
.toggle-menu.active .line:nth-child(3) {
  margin-top: 0;
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 991.98px) {
  .main-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(26, 26, 26, 0.2);
    border-top: solid 1px #dbdbdb;
    padding-right: 0;
    overflow-y: scroll;
    z-index: 9999;
  }
  .main-menu > ul {
    display: block;
    padding-right: 20%;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    padding-bottom: 0.4rem;
  }
  .main-menu > ul > li {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    border-bottom: solid 1px #efefef;
    margin: 0 0.05rem;
  }
  .main-menu > ul > li:last-child {
    margin-right: 0.05rem;
  }
  .main-menu > ul > li > a {
    position: relative;
    height: 0.45rem;
    flex: 1;
    justify-content: flex-start;
    color: #1a1a1a;
    border-bottom: solid 1px transparent;
  }
  .main-menu > ul > li > a::before {
    display: none;
  }
  .main-menu > ul > li > .down {
    cursor: pointer;
    width: 0.4rem;
    height: 0.45rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-menu > ul > li > .down .ricon {
    width: 0.22rem;
    height: 0.22rem;
    background: url(../images/icon-menu-plus.svg) no-repeat center;
    transform: rotate(180deg) scale(0.5);
    transition: all 0.5s linear;
  }
  .main-menu > ul > li .sub {
    position: relative;
    top: 0;
    box-shadow: none;
    padding: 0;
  }
  .main-menu > ul > li .sub ul li {
    display: block;
  }
  .main-menu > ul > li .sub ul li a {
    width: auto;
    margin: 0 0.15rem;
    padding: 0.1rem 0;
    border-bottom: solid 1px #dbdbdb;
    text-align: left;
  }
  .main-menu > ul > li .sub ul li a:hover::before {
    border-color: transparent;
  }
  .main-menu > ul > li .sub ul li:last-child {
    border-bottom: 0;
  }
  .main-menu > ul > li .sub ul li:last-child a {
    border-bottom: 0;
  }
  .main-menu > ul > li:hover > a {
    border-top: none;
    border-color: transparent;
    color: #222;
  }
  .main-menu > ul > li:hover .sub {
    display: none;
  }
  .main-menu > ul > li.active > a {
    color: #d61818;
    border-color: transparent;
  }
  .main-menu > ul > li.open > a {
    border-top: none;
    border-color: #dbdbdb;
  }
  .main-menu > ul > li.open > .down {
    border-bottom: solid 1px #dbdbdb;
  }
  .main-menu > ul > li.open > .down .ricon {
    background-image: url(../images/icon-menu-reduce-dark.svg);
    transform: rotate(360deg) scale(0.5);
  }
  .toggle-menu {
    display: inline-block;
  }
}
/* ------------------------------------------------
基础样式:块基础样式
--------------------------------------------------*/
section,
.section {
  padding: 0.65rem 0 0 0;
}
.section-hd {
  padding-bottom: 0.3rem;
}
.section-hd > .line {
  display: block;
  margin: 0 auto;
  background-color: #d61818;
  height: 0.03rem;
  width: 0.35rem;
  margin-top: 0.25rem;
}
.lead {
  font-size: 0.18rem;
  color: #4d4d4d;
}
.tips {
  display: inline-block;
  background-color: #1a1a1a;
  color: #fff;
  font-size: 0.12rem;
  padding: 0.02rem 0.08rem;
  padding-left: 0.12rem;
  border-radius: 0.03rem;
  position: relative;
  font-weight: normal;
}
.tips::before {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
  left: 0.04rem;
  top: 0.04rem;
}
@media (max-width: 991.98px) {
  .section-hd {
    padding-bottom: 0.2rem;
  }
  .section-hd > .line {
    margin-top: 0.15rem;
    margin-bottom: 0.1rem;
  }
  .lead {
    font-size: 0.14rem;
    margin: 0.05rem 0;
  }
}
/* ------------------------------------------------
** 可横向滚动栏目--需要与JS配合
** 支持添加左右滑动按钮
** item不能添加margin属性
格式如下：
<button class="scroll-menu-navigation scroll-menu-left" data-scroll-name="name">左滑</button>
<button class="scroll-menu-navigation scroll-menu-right" data-scroll-name="name">右滑</button>
<div class="scroll-menu" data-scroll-name="name">
    <div class="item">xxx</div>
    <div class="item">xxx</div>
    <div class="item active">xxx</div>
    <div class="item">xxx</div>
</div>
--------------------------------------------------*/
.scroll-menu {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  cursor: grab;
  scrollbar-width: none;
}
.scroll-menu::-webkit-scrollbar {
  display: none;
}
.scroll-menu * {
  user-select: none;
  /* 禁用文本选择 */
  -webkit-user-select: none;
  /* 对于 Safari */
  -moz-user-select: none;
  /* 对于 Firefox */
  -webkit-user-drag: none;
  /* 禁用选择拖放效果 */
}
.scroll-menu > .item {
  flex: 0 0 auto;
}
/***********************************
** 表格样式 ** 格式如下：
<div class="form">
    <form action="" method="post">
        <div class="form-group">
            <div class="item">
                <input type="text" name="data[name]" placeholder="姓名">
            </div>
            <div class="item">
                <div class="btn">提交</div>
            </div>
        </div>
    </form>
</div>
************************************/
.form-group {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.1rem;
}
.form-group > .item {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.form-group > .item input,
.form-group > .item textarea {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.42rem;
  padding: 0 0.18rem;
  background-color: rgba(255, 255, 255, 0.85);
  font-size: 0.13rem;
  border: none;
  outline: none;
}
.form-group > .item input::placeholder,
.form-group > .item textarea::placeholder {
  font-size: 0.13rem;
  color: #999;
}
.form-group > .item .el-cascader {
  width: 100%;
}
.form-group > .item .el-cascader .el-input {
  padding-right: 0.2rem;
  background-color: #f7f8fa;
}
.form-group > .item .el-cascader .el-input .el-input__suffix {
  right: 0.2rem;
}
.form-group > .item textarea {
  padding: 0.12rem 0.27rem;
  line-height: 0.4rem;
  min-height: 1.9rem;
}
.form-group > .item .row {
  margin: 0 !important;
  padding: 0 !important;
}
.form-group > .item .row .col-lg-12 {
  margin: 0 !important;
  padding: 0 !important;
  display: -webkit-flex;
  display: flex;
  background-color: #f7f8fa;
}
.form-group > .item .row .col-lg-12 .btn {
  margin: 0 !important;
  padding: 0 !important;
  width: 50%;
  border: none;
}
.form-group > .item .row .col-lg-12 .btn.fileinput-button {
  background-color: #f7f8fa;
  color: #999;
  flex: 1;
  text-align: left;
  padding: 0 0.2rem !important;
  font-size: 0.16rem;
}
.form-group > .item .row .col-lg-12 .btn.fileinput-delete {
  width: 10%;
}
.form-group > .item .finecms-file-ts {
  display: none!important;
}
.form-group > .item #fileupload_ufile_files {
  display: none;
}
.form-group > .item .btn {
  border-radius: 0;
  width: 100%;
  height: 0.42rem;
  line-height: 0.42rem;
  font-size: 0.14rem;
  font-weight: 500;
}
/***********************************
** 对话框
// dialog格式
<div class="dialog" dialog-name="login">
    <div>
        <div>
            <span class="close"><i class="iconfont icon-close"></i></span>
            <!-- 这儿是内容 -->
        </div>
    </div>
</div>
// 按钮格式
<button class="dialog-show" dialog-name="login"></button>
** 触发按钮和dialog中的dialog-name需保持一致
************************************/
.dialog {
  display: none;
  z-index: 9999;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dialog > div {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.dialog > div > div {
  width: 100%;
  position: relative;
}
.dialog > div > div .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  display: block;
  width: 0.45rem;
  height: 0.45rem;
  line-height: 1;
  border-radius: 0.45rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  z-index: 901;
}
/***********************************
** 折叠面板
** 格式
<div class="collapse-loop">
    <div class="item active">
        <div class="item-hd">折叠面板标题</div>
        <div class="item-md">折叠面板内容</div>
    </div>
    <div class="item">
        <div class="item-hd">折叠面板标题</div>
        <div class="item-md">折叠面板内容</div>
    </div>
    <div class="item">
        <div class="item-hd">折叠面板标题</div>
        <div class="item-md">折叠面板内容</div>
    </div>
</div>
************************************/
.collapse-loop .item {
  overflow: hidden;
}
.collapse-loop .item .item-hd {
  cursor: pointer;
}
.collapse-loop .item .item-md {
  display: none;
}
/* ------------------------------------------------
侧边悬浮样式-固定格式如下：
<div class="scroll-bar">
    <div class="item-loop">
        <div class="item phone">
            <div class="item-md">
                <i class="ricon ico-scrollbar-service"></i>
            </div>
            <div class="block">
                <span>020-125480042</span>
            </div>
        </div>
        <div class="item scrollTop">
            <div class="item-md">
                <i class="ricon ico-scrollbar-top"></i>
            </div>
        </div>
    </div>
</div>
--------------------------------------------------*/
.scroll-bar {
  z-index: 900;
  position: fixed;
  width: 0.8rem;
  top: 40%;
  right: 0.2rem;
}
/* ------------------------------------------------
** fixed-screen:屏幕滚动时悬停在原位置
** 父元素需设置position;
** fixed-screen需设置left:0;width:100%;
** 第一屏时需可见
--------------------------------------------------*/
.fixed-screen {
  left: 0;
  width: 100%;
}
/* ------------------------------------------------
** 语言切换下拉菜单-固定格式如下：
<div class="lang">
    <span class="lang-now">中文 <i class="ricon icon-lang-down"></i></span>
    <div class="lang-menu">
        <a href="javascript:;">中文</a>
        <a href="javascript:;">英文</a>
    </div>
</div>
--------------------------------------------------*/
.lang {
  position: relative;
  width: fit-content;
}
.lang .lang-now {
  cursor: pointer;
  white-space: nowrap;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lang .lang-now .ricon {
  margin-left: 0.05rem;
}
.lang .lang-menu {
  display: none;
  position: absolute;
  z-index: 900;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 0.05rem);
  width: fit-content;
  padding: 0.06rem 0.2rem;
  background-color: #fff;
}
.lang .lang-menu a {
  white-space: nowrap;
  width: fit-content;
  color: #666;
}
/* ------------------------------------------------
** 顶部搜索框样式，格式如下：
<div class="search">
    <form action="/index.php" method="get">
        <input type="hidden" name="s" value="article">
        <input type="hidden" name="c" value="search">
        <input type="text" name="keyword" placeholder="search" required autocomplete="off">
        <button class="submit"><i class="ricon icon-search"></i></button>
    </form>
</div>
--------------------------------------------------*/
.search {
  width: fit-content;
  border: solid 1px #dbdbdb;
  border-radius: 0.2rem;
  overflow: hidden;
  height: 0.3rem;
}
.search form {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 100%;
}
.search form input {
  padding: 0 0.12rem;
  flex: 1;
  height: 100%;
  line-height: 100%;
}
.search form input::placeholder {
  color: #dbdbdb;
  line-height: 100%;
}
.search form .submit {
  height: 100%;
  aspect-ratio: 1.2/1;
  background-color: #dbdbdb;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.search form .submit .ricon {
  filter: drop-shadow(0 1rem #1a1a1a);
  transform: translateY(-1rem);
}
/***********************************
** 页面样式-左右结构
************************************/
.wrapper {
  padding-top: 0.9rem;
  padding-bottom: 1rem;
}
.wrapper > .container {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
/* ------------------------------------------------
基础样式:页面样式-支持在aside中添加no-gutters消除上下间距
固定用法<aside><div class="sidebar"></div></aside>
--------------------------------------------------*/
aside > .sidebar {
  margin-bottom: 0.3rem;
}
aside.no-gutters {
  margin-bottom: 0;
}
aside.no-gutters > .sidebar {
  margin-bottom: 0;
}
/***********************************
** 面包屑样式
<div class="crumb">
    <a href="{SITE_URL}">首页</a>{dr_catpos($catid,'')}<span>详情</span>
</div>
************************************/
.crumb {
  line-height: 1;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.crumb a,
.crumb span {
  line-height: 1;
  position: relative;
  color: #999;
  padding-left: 0.3rem;
}
.crumb a::before,
.crumb span::before {
  content: ">";
  font-family: "仿宋";
  color: #999;
  display: block;
  width: 0.08rem;
  position: absolute;
  left: 0.08rem;
  top: 50%;
  transform: translateY(-50%);
}
.crumb a:first-child,
.crumb span:first-child {
  padding-left: 0;
}
.crumb a:first-child::before,
.crumb span:first-child::before {
  display: none;
}
.crumb span {
  color: #1a1a1a;
}
/* ------------------------------------------------
侧边悬浮样式-固定格式如下：
分页样式：
@ pagination-width:每个分页的宽度
@ pagination-radius:分页边的弧度
--------------------------------------------------*/
.pagination {
  display: -webkit-flex;
  display: flex;
  padding-top: 0.65rem;
}
.pagination li {
  margin-right: 0.05rem;
}
.pagination li:last-child {
  margin-right: 0;
}
.pagination li a {
  display: block;
  height: 0.35rem;
  line-height: 0.35rem;
  min-width: 0.35rem;
  padding: 0 0.05rem;
  background-color: transparent;
  text-align: center;
  border-radius: 0;
  border: solid 1px rgba(0, 0, 0, 0.15);
  font-size: 0.18rem;
  color: #999;
}
.pagination li.pn a {
  border-color: rgba(0, 0, 0, 0.15);
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.pagination li.pn a .ricon {
  filter: drop-shadow(0 1rem #999);
  transform: translateY(-1rem);
  zoom: 0.9;
}
.pagination li.active a,
.pagination li:hover a {
  border-color: #d61818;
  background-color: #d61818;
  color: #fff;
}
.pagination li.active.pn a .ricon,
.pagination li:hover.pn a .ricon {
  filter: drop-shadow(0 1rem #fff);
}
/* 隐藏样式，在这个尺寸以上隐藏 */
@media (min-width: 576px) {
  .hidden-sm {
    display: none!important;
  }
}
@media (min-width: 768px) {
  .hidden-md {
    display: none!important;
  }
}
@media (min-width: 992px) {
  .hidden-lg {
    display: none!important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl {
    display: none!important;
  }
}
@media (min-width: 1600px) {
  .hidden-xxl {
    display: none!important;
  }
}
@media (max-width: 991.98px) {
  .show-pc {
    display: none!important;
  }
}
@media (min-width: 992px) {
  .show-wap {
    display: none!important;
  }
}
/* ------------------------------------------------
第五部分：其它自定义设置-自定义布局-可选
--------------------------------------------------*/
/* ------------------------------------------------
第六部分：助手类
--------------------------------------------------*/
/* ------------------------------------------------
* 助手函数
* 方便进行样式的微调
--------------------------------------------------*/
.m-0 {
  margin: 0;
}
.mt-0 {
  margin-top: 0;
}
.mr-0 {
  margin-right: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.ml-0 {
  margin-left: 0;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.p-0 {
  padding: 0;
}
.pt-0 {
  padding-top: 0;
}
.pr-0 {
  padding-right: 0;
}
.pb-0 {
  padding-bottom: 0;
}
.pl-0 {
  padding-left: 0;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.m-d {
  margin: 0.3rem;
}
.mt-d {
  margin-top: 0.3rem;
}
.mr-d {
  margin-right: 0.3rem;
}
.mb-d {
  margin-bottom: 0.3rem;
}
.ml-d {
  margin-left: 0.3rem;
}
.mx-d {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.my-d {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.p-d {
  padding: 0.3rem;
}
.pt-d {
  padding-top: 0.3rem;
}
.pr-d {
  padding-right: 0.3rem;
}
.pb-d {
  padding-bottom: 0.3rem;
}
.pl-d {
  padding-left: 0.3rem;
}
.px-d {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.py-d {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.m-5 {
  margin: 0.05rem;
}
.mt-5 {
  margin-top: 0.05rem;
}
.mr-5 {
  margin-right: 0.05rem;
}
.mb-5 {
  margin-bottom: 0.05rem;
}
.ml-5 {
  margin-left: 0.05rem;
}
.mx-5 {
  margin-left: 0.05rem;
  margin-right: 0.05rem;
}
.my-5 {
  margin-top: 0.05rem;
  margin-bottom: 0.05rem;
}
.p-5 {
  padding: 0.05rem;
}
.pt-5 {
  padding-top: 0.05rem;
}
.pr-5 {
  padding-right: 0.05rem;
}
.pb-5 {
  padding-bottom: 0.05rem;
}
.pl-5 {
  padding-left: 0.05rem;
}
.px-5 {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}
.py-5 {
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
}
.m-1 {
  margin: 0.1rem;
}
.mt-1 {
  margin-top: 0.1rem;
}
.mr-1 {
  margin-right: 0.1rem;
}
.mb-1 {
  margin-bottom: 0.1rem;
}
.ml-1 {
  margin-left: 0.1rem;
}
.mx-1 {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
.my-1 {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.p-1 {
  padding: 0.1rem;
}
.pt-1 {
  padding-top: 0.1rem;
}
.pr-1 {
  padding-right: 0.1rem;
}
.pb-1 {
  padding-bottom: 0.1rem;
}
.pl-1 {
  padding-left: 0.1rem;
}
.px-1 {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
.py-1 {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.m-2 {
  margin: 0.2rem;
}
.mt-2 {
  margin-top: 0.2rem;
}
.mr-2 {
  margin-right: 0.2rem;
}
.mb-2 {
  margin-bottom: 0.2rem;
}
.ml-2 {
  margin-left: 0.2rem;
}
.mx-2 {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
.my-2 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.p-2 {
  padding: 0.2rem;
}
.pt-2 {
  padding-top: 0.2rem;
}
.pr-2 {
  padding-right: 0.2rem;
}
.pb-2 {
  padding-bottom: 0.2rem;
}
.pl-2 {
  padding-left: 0.2rem;
}
.px-2 {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.py-2 {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.m-3 {
  margin: 0.3rem;
}
.mt-3 {
  margin-top: 0.3rem;
}
.mr-3 {
  margin-right: 0.3rem;
}
.mb-3 {
  margin-bottom: 0.3rem;
}
.ml-3 {
  margin-left: 0.3rem;
}
.mx-3 {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.my-3 {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.p-3 {
  padding: 0.3rem;
}
.pt-3 {
  padding-top: 0.3rem;
}
.pr-3 {
  padding-right: 0.3rem;
}
.pb-3 {
  padding-bottom: 0.3rem;
}
.pl-3 {
  padding-left: 0.3rem;
}
.px-3 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.py-3 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.m-4 {
  margin: 0.4rem;
}
.mt-4 {
  margin-top: 0.4rem;
}
.mr-4 {
  margin-right: 0.4rem;
}
.mb-4 {
  margin-bottom: 0.4rem;
}
.ml-4 {
  margin-left: 0.4rem;
}
.mx-4 {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.my-4 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.p-4 {
  padding: 0.4rem;
}
.pt-4 {
  padding-top: 0.4rem;
}
.pr-4 {
  padding-right: 0.4rem;
}
.pb-4 {
  padding-bottom: 0.4rem;
}
.pl-4 {
  padding-left: 0.4rem;
}
.px-4 {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.py-4 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.m-5 {
  margin: 0.5rem;
}
.mt-5 {
  margin-top: 0.5rem;
}
.mr-5 {
  margin-right: 0.5rem;
}
.mb-5 {
  margin-bottom: 0.5rem;
}
.ml-5 {
  margin-left: 0.5rem;
}
.mx-5 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-5 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.p-5 {
  padding: 0.5rem;
}
.pt-5 {
  padding-top: 0.5rem;
}
.pr-5 {
  padding-right: 0.5rem;
}
.pb-5 {
  padding-bottom: 0.5rem;
}
.pl-5 {
  padding-left: 0.5rem;
}
.px-5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-5 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.m-6 {
  margin: 0.6rem;
}
.mt-6 {
  margin-top: 0.6rem;
}
.mr-6 {
  margin-right: 0.6rem;
}
.mb-6 {
  margin-bottom: 0.6rem;
}
.ml-6 {
  margin-left: 0.6rem;
}
.mx-6 {
  margin-left: 0.6rem;
  margin-right: 0.6rem;
}
.my-6 {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}
.p-6 {
  padding: 0.6rem;
}
.pt-6 {
  padding-top: 0.6rem;
}
.pr-6 {
  padding-right: 0.6rem;
}
.pb-6 {
  padding-bottom: 0.6rem;
}
.pl-6 {
  padding-left: 0.6rem;
}
.px-6 {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.py-6 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.m-7 {
  margin: 0.7rem;
}
.mt-7 {
  margin-top: 0.7rem;
}
.mr-7 {
  margin-right: 0.7rem;
}
.mb-7 {
  margin-bottom: 0.7rem;
}
.ml-7 {
  margin-left: 0.7rem;
}
.mx-7 {
  margin-left: 0.7rem;
  margin-right: 0.7rem;
}
.my-7 {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}
.p-7 {
  padding: 0.7rem;
}
.pt-7 {
  padding-top: 0.7rem;
}
.pr-7 {
  padding-right: 0.7rem;
}
.pb-7 {
  padding-bottom: 0.7rem;
}
.pl-7 {
  padding-left: 0.7rem;
}
.px-7 {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.py-7 {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.m-8 {
  margin: 0.8rem;
}
.mt-8 {
  margin-top: 0.8rem;
}
.mr-8 {
  margin-right: 0.8rem;
}
.mb-8 {
  margin-bottom: 0.8rem;
}
.ml-8 {
  margin-left: 0.8rem;
}
.mx-8 {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.my-8 {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.p-8 {
  padding: 0.8rem;
}
.pt-8 {
  padding-top: 0.8rem;
}
.pr-8 {
  padding-right: 0.8rem;
}
.pb-8 {
  padding-bottom: 0.8rem;
}
.pl-8 {
  padding-left: 0.8rem;
}
.px-8 {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.py-8 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.m-9 {
  margin: 0.9rem;
}
.mt-9 {
  margin-top: 0.9rem;
}
.mr-9 {
  margin-right: 0.9rem;
}
.mb-9 {
  margin-bottom: 0.9rem;
}
.ml-9 {
  margin-left: 0.9rem;
}
.mx-9 {
  margin-left: 0.9rem;
  margin-right: 0.9rem;
}
.my-9 {
  margin-top: 0.9rem;
  margin-bottom: 0.9rem;
}
.p-9 {
  padding: 0.9rem;
}
.pt-9 {
  padding-top: 0.9rem;
}
.pr-9 {
  padding-right: 0.9rem;
}
.pb-9 {
  padding-bottom: 0.9rem;
}
.pl-9 {
  padding-left: 0.9rem;
}
.px-9 {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}
.py-9 {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
.m-10 {
  margin: 1rem;
}
.mt-10 {
  margin-top: 1rem;
}
.mr-10 {
  margin-right: 1rem;
}
.mb-10 {
  margin-bottom: 1rem;
}
.ml-10 {
  margin-left: 1rem;
}
.mx-10 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my-10 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.p-10 {
  padding: 1rem;
}
.pt-10 {
  padding-top: 1rem;
}
.pr-10 {
  padding-right: 1rem;
}
.pb-10 {
  padding-bottom: 1rem;
}
.pl-10 {
  padding-left: 1rem;
}
.px-10 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-10 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.m-11 {
  margin: 1.1rem;
}
.mt-11 {
  margin-top: 1.1rem;
}
.mr-11 {
  margin-right: 1.1rem;
}
.mb-11 {
  margin-bottom: 1.1rem;
}
.ml-11 {
  margin-left: 1.1rem;
}
.mx-11 {
  margin-left: 1.1rem;
  margin-right: 1.1rem;
}
.my-11 {
  margin-top: 1.1rem;
  margin-bottom: 1.1rem;
}
.p-11 {
  padding: 1.1rem;
}
.pt-11 {
  padding-top: 1.1rem;
}
.pr-11 {
  padding-right: 1.1rem;
}
.pb-11 {
  padding-bottom: 1.1rem;
}
.pl-11 {
  padding-left: 1.1rem;
}
.px-11 {
  padding-left: 1.1rem;
  padding-right: 1.1rem;
}
.py-11 {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}
.m-12 {
  margin: 1.2rem;
}
.mt-12 {
  margin-top: 1.2rem;
}
.mr-12 {
  margin-right: 1.2rem;
}
.mb-12 {
  margin-bottom: 1.2rem;
}
.ml-12 {
  margin-left: 1.2rem;
}
.mx-12 {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.my-12 {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.p-12 {
  padding: 1.2rem;
}
.pt-12 {
  padding-top: 1.2rem;
}
.pr-12 {
  padding-right: 1.2rem;
}
.pb-12 {
  padding-bottom: 1.2rem;
}
.pl-12 {
  padding-left: 1.2rem;
}
.px-12 {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.py-12 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.m-13 {
  margin: 1.3rem;
}
.mt-13 {
  margin-top: 1.3rem;
}
.mr-13 {
  margin-right: 1.3rem;
}
.mb-13 {
  margin-bottom: 1.3rem;
}
.ml-13 {
  margin-left: 1.3rem;
}
.mx-13 {
  margin-left: 1.3rem;
  margin-right: 1.3rem;
}
.my-13 {
  margin-top: 1.3rem;
  margin-bottom: 1.3rem;
}
.p-13 {
  padding: 1.3rem;
}
.pt-13 {
  padding-top: 1.3rem;
}
.pr-13 {
  padding-right: 1.3rem;
}
.pb-13 {
  padding-bottom: 1.3rem;
}
.pl-13 {
  padding-left: 1.3rem;
}
.px-13 {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}
.py-13 {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}
.m-14 {
  margin: 1.4rem;
}
.mt-14 {
  margin-top: 1.4rem;
}
.mr-14 {
  margin-right: 1.4rem;
}
.mb-14 {
  margin-bottom: 1.4rem;
}
.ml-14 {
  margin-left: 1.4rem;
}
.mx-14 {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
}
.my-14 {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}
.p-14 {
  padding: 1.4rem;
}
.pt-14 {
  padding-top: 1.4rem;
}
.pr-14 {
  padding-right: 1.4rem;
}
.pb-14 {
  padding-bottom: 1.4rem;
}
.pl-14 {
  padding-left: 1.4rem;
}
.px-14 {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.py-14 {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.m-15 {
  margin: 1.5rem;
}
.mt-15 {
  margin-top: 1.5rem;
}
.mr-15 {
  margin-right: 1.5rem;
}
.mb-15 {
  margin-bottom: 1.5rem;
}
.ml-15 {
  margin-left: 1.5rem;
}
.mx-15 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my-15 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.p-15 {
  padding: 1.5rem;
}
.pt-15 {
  padding-top: 1.5rem;
}
.pr-15 {
  padding-right: 1.5rem;
}
.pb-15 {
  padding-bottom: 1.5rem;
}
.pl-15 {
  padding-left: 1.5rem;
}
.px-15 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-15 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.m-16 {
  margin: 1.6rem;
}
.mt-16 {
  margin-top: 1.6rem;
}
.mr-16 {
  margin-right: 1.6rem;
}
.mb-16 {
  margin-bottom: 1.6rem;
}
.ml-16 {
  margin-left: 1.6rem;
}
.mx-16 {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
.my-16 {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.p-16 {
  padding: 1.6rem;
}
.pt-16 {
  padding-top: 1.6rem;
}
.pr-16 {
  padding-right: 1.6rem;
}
.pb-16 {
  padding-bottom: 1.6rem;
}
.pl-16 {
  padding-left: 1.6rem;
}
.px-16 {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.py-16 {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.m-17 {
  margin: 1.7rem;
}
.mt-17 {
  margin-top: 1.7rem;
}
.mr-17 {
  margin-right: 1.7rem;
}
.mb-17 {
  margin-bottom: 1.7rem;
}
.ml-17 {
  margin-left: 1.7rem;
}
.mx-17 {
  margin-left: 1.7rem;
  margin-right: 1.7rem;
}
.my-17 {
  margin-top: 1.7rem;
  margin-bottom: 1.7rem;
}
.p-17 {
  padding: 1.7rem;
}
.pt-17 {
  padding-top: 1.7rem;
}
.pr-17 {
  padding-right: 1.7rem;
}
.pb-17 {
  padding-bottom: 1.7rem;
}
.pl-17 {
  padding-left: 1.7rem;
}
.px-17 {
  padding-left: 1.7rem;
  padding-right: 1.7rem;
}
.py-17 {
  padding-top: 1.7rem;
  padding-bottom: 1.7rem;
}
.m-18 {
  margin: 1.8rem;
}
.mt-18 {
  margin-top: 1.8rem;
}
.mr-18 {
  margin-right: 1.8rem;
}
.mb-18 {
  margin-bottom: 1.8rem;
}
.ml-18 {
  margin-left: 1.8rem;
}
.mx-18 {
  margin-left: 1.8rem;
  margin-right: 1.8rem;
}
.my-18 {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}
.p-18 {
  padding: 1.8rem;
}
.pt-18 {
  padding-top: 1.8rem;
}
.pr-18 {
  padding-right: 1.8rem;
}
.pb-18 {
  padding-bottom: 1.8rem;
}
.pl-18 {
  padding-left: 1.8rem;
}
.px-18 {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
.py-18 {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
}
.m-19 {
  margin: 1.9rem;
}
.mt-19 {
  margin-top: 1.9rem;
}
.mr-19 {
  margin-right: 1.9rem;
}
.mb-19 {
  margin-bottom: 1.9rem;
}
.ml-19 {
  margin-left: 1.9rem;
}
.mx-19 {
  margin-left: 1.9rem;
  margin-right: 1.9rem;
}
.my-19 {
  margin-top: 1.9rem;
  margin-bottom: 1.9rem;
}
.p-19 {
  padding: 1.9rem;
}
.pt-19 {
  padding-top: 1.9rem;
}
.pr-19 {
  padding-right: 1.9rem;
}
.pb-19 {
  padding-bottom: 1.9rem;
}
.pl-19 {
  padding-left: 1.9rem;
}
.px-19 {
  padding-left: 1.9rem;
  padding-right: 1.9rem;
}
.py-19 {
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
}
.m-20 {
  margin: 2rem;
}
.mt-20 {
  margin-top: 2rem;
}
.mr-20 {
  margin-right: 2rem;
}
.mb-20 {
  margin-bottom: 2rem;
}
.ml-20 {
  margin-left: 2rem;
}
.mx-20 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my-20 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.p-20 {
  padding: 2rem;
}
.pt-20 {
  padding-top: 2rem;
}
.pr-20 {
  padding-right: 2rem;
}
.pb-20 {
  padding-bottom: 2rem;
}
.pl-20 {
  padding-left: 2rem;
}
.px-20 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-20 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.m-auto {
  margin: auto;
}
.mt-auto {
  margin-top: auto;
}
.mr-auto {
  margin-right: auto;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-auto {
  margin-left: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.p-auto {
  padding: auto;
}
.pt-auto {
  padding-top: auto;
}
.pr-auto {
  padding-right: auto;
}
.pb-auto {
  padding-bottom: auto;
}
.pl-auto {
  padding-left: auto;
}
.px-auto {
  padding-left: auto;
  padding-right: auto;
}
.py-auto {
  padding-top: auto;
  padding-bottom: auto;
}
.d-block {
  display: block;
}
.d-inline {
  display: inline;
}
.d-inline-block {
  display: inline-block;
}
.d-none {
  display: none;
}
.d-flex {
  display: -webkit-flex;
  display: flex;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-none {
  float: none;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.hidden {
  overflow: hidden;
}
.hidden-x {
  overflow-x: hidden;
}
.hidden-y {
  overflow-y: hidden;
}
.round-d {
  border-radius: 0.05rem;
}
.round-0 {
  border-radius: 0!important;
}
.round-50 {
  border-radius: 50%!important;
}
.unround-1 {
  border-top-left-radius: 0!important;
}
.unround-2 {
  border-top-right-radius: 0!important;
}
.unround-3 {
  border-bottom-left-radius: 0!important;
}
.unround-4 {
  border-bottom-right-radius: 0!important;
}
.w-0 {
  width: 0 !important;
}
.h-0 {
  height: 0 !important;
}
.w-20 {
  width: 20% !important;
}
.h-20 {
  height: 20% !important;
}
.w-25 {
  width: 25% !important;
}
.h-25 {
  height: 25% !important;
}
.w-33 {
  width: 33.33333% !important;
}
.h-33 {
  height: 33.33333% !important;
}
.w-50 {
  width: 50% !important;
}
.h-50 {
  height: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.h-75 {
  height: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-auto {
  height: auto !important;
}
/* ------------------------------------------------
颜色相关配置：
文本/背景/外框颜色
--------------------------------------------------*/
.text-pri {
  color: #d61818 !important;
}
.bg-pri {
  background-color: #d61818 !important;
}
.border-pri {
  border-color: #d61818 !important;
}
.text-sub {
  color: #e64e0c !important;
}
.bg-sub {
  background-color: #e64e0c !important;
}
.border-sub {
  border-color: #e64e0c !important;
}
.text-black {
  color: #000 !important;
}
.bg-black {
  background-color: #000 !important;
}
.border-black {
  border-color: #000 !important;
}
.text-white {
  color: #fff !important;
}
.bg-white {
  background-color: #fff !important;
}
.border-white {
  border-color: #fff !important;
}
.text-dark {
  color: #1a1a1a !important;
}
.bg-dark {
  background-color: #1a1a1a !important;
}
.border-dark {
  border-color: #1a1a1a !important;
}
.text-light {
  color: #dbdbdb !important;
}
.bg-light {
  background-color: #dbdbdb !important;
}
.border-light {
  border-color: #dbdbdb !important;
}
.text-grey {
  color: #666 !important;
}
.bg-grey {
  background-color: #666 !important;
}
.border-grey {
  border-color: #666 !important;
}
.text-success {
  color: #28a745 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
.border-success {
  border-color: #28a745 !important;
}
.text-danger {
  color: #ff3535 !important;
}
.bg-danger {
  background-color: #ff3535 !important;
}
.border-danger {
  border-color: #ff3535 !important;
}
.text-warning {
  color: #f9c851 !important;
}
.bg-warning {
  background-color: #f9c851 !important;
}
.border-warning {
  border-color: #f9c851 !important;
}
.text-info {
  color: #17a2b8 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.fw-1 {
  font-weight: 100;
}
.fw-2 {
  font-weight: 200;
}
.fw-3 {
  font-weight: 300;
}
.fw-4 {
  font-weight: 400;
}
.fw-5 {
  font-weight: 500;
}
.fw-6 {
  font-weight: 600;
}
.fw-7 {
  font-weight: 700;
}
.fw-8 {
  font-weight: 800;
}
.fw-9 {
  font-weight: 900;
}
.fw-bold {
  font-weight: bold;
}
.mw-0 {
  max-width: 0;
}
.mw-20 {
  max-width: 20%;
}
.mw-25 {
  max-width: 25%;
}
.mw-33 {
  max-width: 33.33333%;
}
.mw-50 {
  max-width: 50%;
}
.mw-75 {
  max-width: 75%;
}
.mw-100 {
  max-width: 100%;
}
.mw-auto {
  max-width: auto;
}
/* ------------------------------------------------
循环间距:内容循环样式-支持在row中添加gutter-0消除上下间距
固定用法:<div class="row gutter-0"><div class="col-xxx"></div></div>
--------------------------------------------------*/
.gutter-0 {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.gutter-0 > .col,
.gutter-0 > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.gutter-d {
  margin-left: -0.15rem;
  margin-right: -0.15rem;
  margin-bottom: -0.3rem;
}
.gutter-d > .col,
.gutter-d > [class*="col-"] {
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  margin-bottom: 0.3rem;
}
.gutter-1 {
  margin-left: -0.05rem;
  margin-right: -0.05rem;
  margin-bottom: -0.1rem;
}
.gutter-1 > .col,
.gutter-1 > [class*="col-"] {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
  margin-bottom: 0.1rem;
}
.gutter-2 {
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  margin-bottom: -0.2rem;
}
.gutter-2 > .col,
.gutter-2 > [class*="col-"] {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  margin-bottom: 0.2rem;
}
.gutter-3 {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
  margin-bottom: -0.25rem;
}
.gutter-3 > .col,
.gutter-3 > [class*="col-"] {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  margin-bottom: 0.25rem;
}
.gutter-4 {
  margin-left: -0.2rem;
  margin-right: -0.2rem;
  margin-bottom: -0.4rem;
}
.gutter-4 > .col,
.gutter-4 > [class*="col-"] {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  margin-bottom: 0.4rem;
}
.gutter-5 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-bottom: -0.5rem;
}
.gutter-5 > .col,
.gutter-5 > [class*="col-"] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  margin-bottom: 0.5rem;
}
.gutter-55 {
  margin-left: -0.275rem;
  margin-right: -0.275rem;
  margin-bottom: -0.55rem;
}
.gutter-55 > .col,
.gutter-55 > [class*="col-"] {
  padding-left: 0.275rem;
  padding-right: 0.275rem;
  margin-bottom: 0.55rem;
}
/* ------------------------------------------------
第二部分：全局样式重置
* 定义本站初始化样式
--------------------------------------------------*/
/* 针对触摸设备全局禁用 hover */
body {
  padding-top: 0.79rem;
  overflow-x: hidden;
}
.logo {
  display: block;
}
.logo img {
  display: block;
}
section .section-hd .name,
.section .section-hd .name {
  display: block;
  font-size: 0.24rem;
  color: #d61818;
  line-height: 1;
  padding-bottom: 0.25rem;
}
section .section-hd h2,
.section .section-hd h2 {
  line-height: 1.4;
}
.effectFadeIn {
  transform: translateY(200px);
  opacity: 0;
}
.cursor.prev {
  cursor: url(../images/cursor-left.svg) 16 16, e-resize;
}
.cursor.next {
  cursor: url(../images/cursor-right.svg) 16 16, w-resize;
}
@media (max-width: 991.98px) {
  body {
    padding-top: 0.69rem;
    font-size: 0.14rem;
  }
  section,
  .section {
    padding: 0.4rem 0 0 0;
  }
  section .section-hd,
  .section .section-hd {
    padding-bottom: 0.1rem;
  }
  h1,
  .h1 {
    font-size: 0.26rem;
  }
  h2,
  .h2 {
    font-size: 0.2rem;
  }
}
.standard-bg {
  background: #d61818;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.standard-bg * {
  z-index: 1;
}
.standard-bg::before {
  content: "";
  display: block;
  background-color: #f2f2f2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: left var(--animation-service-duration) ease-in-out;
}
.standard-bg.active::before {
  left: 100%;
}
.standard-bg-hover {
  background: #d61818;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.standard-bg-hover * {
  z-index: 1;
}
.standard-bg-hover::before {
  content: "";
  display: block;
  background-color: #f2f2f2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: left var(--animation-service-duration) ease-in-out;
}
.standard-bg-hover:hover::before {
  left: 100%;
}
.switcher-group {
  position: relative;
  overflow: hidden;
}
.switcher-group::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.24rem;
  height: 0.5rem;
  background-color: #1a1a1a;
  transition: all 300ms ease;
  z-index: 0;
  border-radius: 0.5rem;
}
.switcher-group .item {
  background: transparent;
  color: #1a1a1a;
  z-index: 1;
}
.switcher-group .item.switcher-active {
  color: #fff;
}
/* ------------------------------------------------
第三部分：组件样式components
* 定义各组件样式
--------------------------------------------------*/
/***********************************
** 头部组件
************************************/
.main-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: solid 1px #efefef;
  z-index: 999;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}
.main-header .header-md {
  height: 0.8rem;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-header .header-md .logo {
  width: auto;
  height: 0.25rem;
}
.main-header .header-md .logo img {
  width: auto;
  height: 100%;
}
.main-header .header-md .header-md-block {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.main-header .header-md .header-md-block .search {
  margin-right: 0.2rem;
}
@media (max-width: 991.98px) {
  .main-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 999;
    border-bottom: solid 1px #efefef;
  }
  .main-header .header-md {
    height: 0.69rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-header .header-md .logo {
    overflow: hidden;
    width: auto;
    height: 0.3rem;
    padding-left: 0.05rem;
  }
  .main-header .header-md .logo img {
    transform: unset;
    filter: unset;
    width: 65%;
    height: 100%;
  }
  .main-header .header-md .logo .mylo {
    width: auto;
    height: 80%;
  }
  .main-header .header-md .main-menu {
    padding-right: 0.8rem;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .main-header .header-md .main-menu .m-main-header {
    transform: translateX(-100%);
    transition: transform 0.5s ease-in-out;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.7rem;
    background-color: #fff;
    border-bottom: solid 1px rgba(26, 26, 26, 0.05);
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
  .main-header .header-md .main-menu .m-main-header a {
    width: 2.4rem;
  }
  .main-header .header-md .main-menu > ul {
    transform: translateX(-100%);
    transition: transform 0.5s ease-in-out;
    background-color: #fff;
    height: calc(100% - 0.7rem);
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li {
    border-bottom: solid 1px rgba(26, 26, 26, 0.05);
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li .cat span {
    display: block;
    font-size: 0.14rem;
    line-height: 2;
    padding: 0.1rem 0;
    background-color: #fff;
    position: relative;
    width: fit-content;
    color: rgba(26, 26, 26, 0.8);
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li .cat span::before {
    content: ">>";
    display: block;
    position: absolute;
    right: -0.18rem;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s linear;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li .loop-block {
    display: none;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li .loop-block .item-loop {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -0.1rem;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li .loop-block .item-loop .item {
    width: calc(50% - 0.05rem);
    background-color: #f9f9f9;
    border: 0;
    margin: 0;
    padding: 0 0 0.1rem 0;
    margin-bottom: 0.1rem;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li .loop-block .item-loop .item .image img {
    object-fit: cover;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li .loop-block .item-loop .item .title {
    text-align: center;
    font-size: 0.14rem;
    padding-top: 0.1rem;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li:nth-child(1) .loop-block {
    display: block;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li:last-child {
    border: 0;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li.active {
    border: 0;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li.active .cat span {
    color: #000;
  }
  .main-header .header-md .main-menu > ul > li > .sub > .product-wap li.active .cat span::before {
    opacity: 0;
    right: -0.25rem;
  }
  .main-header .header-md .main-menu.active {
    visibility: visible;
    opacity: 1;
  }
  .main-header .header-md .main-menu.active .m-main-header {
    transform: translateX(0);
  }
  .main-header .header-md .main-menu.active > ul {
    transform: translateX(0);
    overflow-y: scroll;
  }
  .main-header .header-md .toggle-menu.pc {
    opacity: 1;
    transition: all 0.5s ease-in-out;
  }
  .main-header .header-md .toggle-menu.pc.active {
    opacity: 0;
  }
}
.mainmenu-spsub {
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.1);
  top: 0.8rem;
}
.sub-brand {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  transform: none;
  z-index: 998;
  background-color: #fff;
}
.sub-brand .sub-block {
  max-width: 10rem;
  margin: 0 auto;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.sub-brand .sub-block .left {
  padding-top: 0.05rem;
}
.sub-brand .sub-block .left ul li a {
  font-size: 0.16rem;
  color: #4d4d4d;
  white-space: nowrap;
  line-height: 0.4rem;
}
.sub-brand .sub-block .left ul li a:hover {
  color: #d61818;
}
.sub-brand .sub-block .middle {
  width: 2.08rem;
}
.sub-brand .sub-block .middle .image {
  width: 100%;
}
.sub-brand .sub-block .right {
  width: 5.72rem;
  padding-top: 0.1rem;
}
.sub-brand .sub-block .right .image {
  width: 1.6rem;
}
.sub-brand .sub-block .right .image img {
  width: 100%;
}
.sub-brand .sub-block .right .block {
  padding-top: 0.4rem;
  font-size: 0.14rem;
  color: #4d4d4d;
  line-height: 1.42;
}
.sub-brand .sub-block .right .zhushi {
  font-size: 0.1rem;
  color: #e8e8e8;
}
.sub-brand .sub-block .right .zhushihei {
  color: #4c4949;
  font-size: 0.12rem;
}
.zhushi {
  font-size: 0.1rem;
  color: #e8e8e8;
}
.zhushi-pdp {
  font-size: 0.1rem;
  color: #e8e8e8;
  padding-top: 0.1rem;
}
.sub-product {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  transform: none;
  z-index: 998;
  background-color: #fff;
}
.sub-product .sub-block {
  max-width: 12.5rem;
  height: 4.35rem;
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.sub-product .sub-block .left {
  width: 1.48rem;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sub-product .sub-block .left .tab-hd {
  width: fit-content;
  margin: 0 auto;
  padding-top: 0.4rem;
}
.sub-product .sub-block .left .tab-hd .item {
  font-size: 0.19rem;
  border-bottom: solid 1px transparent;
  cursor: pointer;
  width: fit-content;
  color: #4d4d4d;
  margin-bottom: 0.12rem;
}
.sub-product .sub-block .left .tab-hd .item.active {
  border-color: #d61818;
  color: #d61818;
}
.sub-product .sub-block .left .left-md a {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.19rem;
  font-weight: 500;
}
.sub-product .sub-block .right {
  width: 10rem;
}
.sub-product .sub-block .right .tab-md .tab-group {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub-product .sub-block .right .tab-md .tab-group .scroll-menu-navigation {
  display: block;
  width: 0.15rem;
  height: 0.6rem;
  cursor: pointer;
  background: url(../images/icon-right.svg) no-repeat center;
  background-size: contain;
  margin-bottom: 0.4rem;
  margin-right: 0.1rem;
  transform: rotate(180deg) translateX(0.3rem);
}
.sub-product .sub-block .right .tab-md .tab-group .scroll-menu-navigation:last-child {
  transform: translateX(0.3rem);
  margin-right: 0;
  margin-left: 0.1rem;
}
.sub-product .sub-block .right .tab-md .tab-group .scroll-menu {
  flex: 1;
}
.sub-product .sub-block .right .tab-md .tab-group .scroll-menu .item {
  width: 25%;
  padding: 0 0.075rem;
}
.sub-product .sub-block .right .tab-md .tab-group .scroll-menu .item .image {
  background-color: #f9f9f9;
  height: 2.5rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-product .sub-block .right .tab-md .tab-group .scroll-menu .item .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sub-product .sub-block .right .tab-md .tab-group .scroll-menu .item .title {
  padding-top: 0.2rem;
  font-size: 0.19rem;
  text-align: center;
  color: #4d4d4d;
}
/***********************************
** 底部组件
************************************/
.main-footer {
  border-top: solid 0.04rem #d61818;
  padding-top: 0.4rem;
  padding-bottom: 0.24rem;
  color: #808080;
  font-size: 0.17rem;
  font-weight: 300;
}
.main-footer a {
  color: #808080;
  line-height: 0.4rem;
}
.main-footer a:hover {
  color: #d61818;
}
.main-footer h3,
.main-footer .h3 {
  font-size: 0.17rem;
  font-weight: 500;
  line-height: 0.4rem;
}
.main-footer h3 a,
.main-footer .h3 a {
  color: #1a1a1a;
}
.main-footer h3:hover a,
.main-footer .h3:hover a {
  color: #d61818;
}
.main-footer .section-hd {
  padding-bottom: 0.4rem;
}
.main-footer .section-hd .logo {
  width: 0.7rem;
}
.main-footer .section-hd .logo img {
  width: 100%;
}
.main-footer .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.main-footer .section-md .left {
  width: 100%;
  max-width: 2.7rem;
}
.main-footer .section-md .left .item .block {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.05rem;
  margin-bottom: 0.35rem;
}
.main-footer .section-md .left .item .block .social {
  position: relative;
  margin-right: 0.3rem;
  margin-bottom: 0.1rem;
}
.main-footer .section-md .left .item .block .social > img {
  height: 0.4rem;
  display: block;
}
.main-footer .section-md .left .item .block .social .filter-img {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(calc(-50% - 0.1rem));
  width: 1.2rem;
  border: solid 0.05rem #fff;
  box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.2);
  border-radius: 0.05rem;
  margin-bottom: 0.05rem;
  display: none;
}
.main-footer .section-md .left .item .block .social .filter-img img {
  display: block;
}
.main-footer .section-md .left .item .block .social .filter-img::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  margin-left: -0.06rem;
  width: 0;
  height: 0;
  border-left: 0.06rem solid transparent;
  border-right: 0.06rem solid transparent;
  border-top: 0.08rem solid #fff;
}
.main-footer .section-md .left .item .block .social:hover .filter-img,
.main-footer .section-md .left .item .block .social.active .filter-img {
  display: block;
}
.main-footer .section-md .left .item .block.social-block {
  margin-bottom: 0.22rem;
  align-items: center;
}
.main-footer .section-md .left .item .block.social-block .social {
  width: 25%;
  margin-right: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-footer .section-md .left .item .block.social-block .social:nth-child(4) {
  padding-right: 0.05rem;
}
.main-footer .section-md .left .item .block.social-block .social:nth-child(4) img {
  display: block;
}
.main-footer .section-md .right {
  width: 100%;
  max-width: 9.5rem;
}
.main-footer .section-md .right .footer-menu {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.main-footer .section-fd {
  font-size: 0.16rem;
  margin-top: 0.2rem;
  border-top: solid 1px #d4d4d4;
}
@media (max-width: 1599.98px) {
  .main-footer .section-md .right {
    max-width: 6rem;
  }
}
@media (max-width: 991.98px) {
  .main-footer {
    border-width: 0.02rem;
    padding-top: 0.3rem;
  }
  .main-footer .section-hd {
    padding-bottom: 0.25rem;
  }
  .main-footer .section-hd .logo {
    margin: 0 auto;
    width: 0.7rem;
  }
  .main-footer .tex-cent {
    text-align: center;
  }
  .main-footer .section-md {
    justify-content: center;
  }
  .main-footer .section-md .left .item .block.social-block {
    margin-bottom: 0;
  }
  .main-footer .section-md .left .item .block .social {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
  .main-footer .section-md .left .item .block .social > img {
    height: 0.4rem;
  }
  .main-footer .section-md .left .item .block .social .filter-img {
    transform: translateX(-50%);
  }
  .main-footer .section-md .left .item.kfdh {
    font-size: 0.12rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
  }
  .main-footer .section-md .left .item.kfdh .block {
    margin-bottom: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-footer .section-md .right {
    display: none;
  }
  .main-footer .section-fd {
    border-top: solid 1px #d4d4d4;
    font-size: 0.12rem;
    text-align: center;
    margin-top: 0.1rem;
    padding-top: 0.1rem;
  }
  .main-footer .section-fd a {
    line-height: 1.7;
  }
}
/***********************************
** banner组件
************************************/
.section-banner {
  padding: 0;
  position: relative;
}
.section-banner .filter-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-banner .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.section-banner .filter-block .section-hd {
  max-width: 13rem;
  margin: 0 auto;
  padding-top: 0.5rem;
}
.section-banner .filter-block .section-hd h1 {
  font-family: "微软雅黑";
  font-size: 0.4rem;
  font-weight: 600;
  color: #fff;
}
.section-banner .filter-block .section-hd .lead {
  font-size: 0.24rem;
  color: #fff;
  font-weight: 300;
  margin: 0.1rem 0;
}
@media (max-width: 991.98px) {
  .section-banner .filter-bg {
    height: 2.4rem;
  }
  .section-banner .filter-block .section-hd {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
  }
  .section-banner .filter-block .section-hd h1 {
    font-size: 0.24rem;
  }
  .section-banner .filter-block .section-hd .lead {
    font-size: 0.16rem;
  }
}
/***********************************
** 面包屑样式
************************************/
.section-crumb {
  border-top: solid 1px #f7f7f7;
  padding: 0.25rem 0;
}
.section-crumb .crumb {
  line-height: 1;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.section-crumb .crumb a,
.section-crumb .crumb span {
  line-height: 1;
  position: relative;
  color: #999;
  padding-left: 0.3rem;
}
.section-crumb .crumb a::before,
.section-crumb .crumb span::before {
  content: ">";
  font-family: "仿宋";
  color: #999;
  display: block;
  width: 0.08rem;
  position: absolute;
  left: 0.08rem;
  top: 50%;
  transform: translateY(-50%);
}
.section-crumb .crumb a:first-child,
.section-crumb .crumb span:first-child {
  padding-left: 0;
}
.section-crumb .crumb a:first-child::before,
.section-crumb .crumb span:first-child::before {
  display: none;
}
.section-crumb .crumb span {
  color: #222;
}
/***********************************
** 产品列表组件
************************************/
.item-product {
  background-color: #f9f9f9;
  padding-bottom: 0.35rem;
  display: block;
  cursor: pointer;
}
.item-product .image {
  position: relative;
  aspect-ratio: 125/106;
}
.item-product .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-product .image img.image-hover {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.8s ease-in-out;
}
.item-product .block {
  padding-top: 0.24rem;
}
.item-product .block h3 {
  font-weight: normal;
  font-size: 0.24rem;
  text-align: center;
}
.item-product .block p {
  text-align: center;
  font-size: 0.18rem;
  color: #8d8d8d;
  line-height: 1.4;
  margin: 0;
  padding-top: 0.05rem;
  padding-bottom: 0.2rem;
  min-height: 1rem;
}
.item-product .btn {
  margin: 0 0.34rem;
  font-size: 0.17rem;
}
.item-product:hover .image img.image-hover {
  opacity: 1;
}
@media (max-width: 991.98px) {
  .item-product .block h3 {
    font-size: 0.2rem;
  }
  .item-product .block p {
    font-size: 0.16rem;
  }
  .item-product .btn {
    font-size: 0.14rem;
  }
}
/* ------------------------------------------------
第四部分：页面样式pages
* 定义各页面的样式
--------------------------------------------------*/
/***********************************
** 首页
************************************/
.home-banner {
  padding: 0;
  overflow: hidden;
  position: relative;
}
.home-banner .section-md .swiper .swiper-slide .image {
  width: 100%;
}
.home-banner .section-md .swiper .swiper-slide .image img,
.home-banner .section-md .swiper .swiper-slide .image video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-banner .section-fd {
  position: relative;
  z-index: 1;
  margin-top: -0.65rem;
  padding-bottom: 0.4rem;
}
.home-banner .section-fd .home-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  background: transparent;
  border: solid 1px #fff;
  margin: 0 0.06rem;
}
.home-banner .section-fd .home-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .home-banner {
    position: relative;
  }
  .home-banner .section-fd {
    position: absolute;
    left: 0;
    bottom: 2.5%;
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
  }
}
.home-brand {
  padding: 0;
}
.home-brand .item-loop {
  width: 100%;
}
.home-brand .item-loop .item {
  padding: 0.35rem 0.65rem;
  display: inline-block;
  cursor: pointer;
}
.home-brand .item-loop .item .image {
  width: 1.7rem;
  height: 0.65rem;
}
.home-brand .item-loop .item .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 2rem #1a1a1a);
  transform: translateY(-2rem);
}
.home-brand .item-loop .item:hover .image img {
  filter: drop-shadow(0 2rem #d61818);
}
@media (max-width: 991.98px) {
  .home-brand {
    padding: 0.1rem 0;
  }
  .home-brand .item-group {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .home-brand .item-group .item {
    width: 25%;
    height: 0.5rem;
  }
  .home-brand .item-group .item .image {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .home-brand .item-group .item .image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 0.87rem;
    max-height: 0.5rem;
    object-fit: contain;
    object-position: center;
  }
}
.home-product {
  padding: 0.2rem 0.2rem 0.45rem 0.2rem;
}
@media (max-width: 991.98px) {
  .home-product {
    padding: 0;
  }
  .home-product .container {
    padding: 0;
  }
  .home-product .container .pagination {
    padding-top: 0.05rem;
    padding-bottom: 0.1rem;
  }
  .home-product .container .pagination .swiper-pagination-bullet {
    background-color: #1a1a1a !important;
  }
}
.home-popular {
  position: relative;
  padding: 0;
}
.home-popular .filter-bg video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 7rem;
  object-fit: cover;
}
.home-popular .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
}
.home-popular .filter-block .section-md {
  color: #fff;
  padding-bottom: 0.32rem;
}
.home-popular .filter-block .section-md .line-1 {
  font-size: 0.22rem;
  line-height: 1;
}
.home-popular .filter-block .section-md h3 {
  font-weight: normal;
  line-height: 1;
  font-size: 0.46rem;
  color: #fff;
  padding-top: 0.22rem;
  padding-bottom: 0.24rem;
}
.animation-box {
  width: 100%;
  aspect-ratio: 540/908;
  overflow: hidden;
  position: relative;
}
.animation-box .frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  visibility: hidden;
}
.animation-box .frame.active {
  visibility: visible;
}
@media (max-width: 991.98px) {
  .home-popular .filter-bg video {
    min-height: 3.5rem;
  }
  .home-popular .filter-block {
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .home-popular .filter-block .section-md {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }
  .home-popular .filter-block .section-md .line-1 {
    font-size: 0.16rem;
  }
  .home-popular .filter-block .section-md h3 {
    font-size: 0.28rem;
  }
}
.home-about {
  position: relative;
  padding: 0;
}
.home-about .filter-bg {
  position: relative;
  z-index: -3;
}
.home-about .filter-bg video {
  display: block;
  width: 100%;
  object-fit: cover;
  mix-blend-mode: color;
}
.home-about .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 1.05rem;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-about .filter-block .section-hd .image {
  max-width: 1rem;
  margin: 0 auto;
}
.home-about .filter-block .section-hd .block {
  width: 100%;
  max-width: 6.15rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding-top: 0.17rem;
  padding-bottom: 0.3rem;
}
.home-about .filter-block .section-hd .block span {
  font-size: 0.5rem;
  color: #d61818;
  letter-spacing: 0.25rem;
}
.home-about .filter-block .section-hd .block span:last-child {
  margin-right: -0.25rem;
}
.home-about .filter-block .section-hd .lead {
  max-width: 11.4rem;
  margin: 0 auto;
  font-size: 0.17rem;
  color: #d61818;
  text-align: center;
}
.home-about .filter-block .section-md .btn {
  width: 3.65rem;
  margin: 0 auto;
  color: #1a1a1a;
}
.home-about .filter-block .section-md .btn:hover {
  color: #fff;
}
@media (max-width: 1599.98px) {
  .home-about .filter-bg {
    overflow: hidden;
    min-height: 8.9rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
}
@media (max-width: 991.98px) {
  .home-about {
    margin-top: 0.4rem;
  }
  .home-about .filter-bg {
    overflow: hidden;
    min-height: 5.5rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .home-about .filter-bg video {
    width: 150%;
    position: relative!important;
  }
  .home-about .filter-bg video::before {
    display: block;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: 5px;
  }
  .home-about .filter-block {
    padding-top: 0.1rem;
    padding-bottom: 0;
    justify-content: flex-start;
  }
  .home-about .filter-block .section-hd {
    padding-bottom: 0.2rem;
  }
  .home-about .filter-block .section-hd .image {
    width: 0.7rem;
  }
  .home-about .filter-block .section-hd .block {
    width: 2.25rem;
    padding-top: 0.1rem;
  }
  .home-about .filter-block .section-hd .block span {
    font-size: 0.2rem;
    letter-spacing: 0.05rem;
  }
  .home-about .filter-block .section-hd .block span:last-child {
    margin-right: -0.05rem;
  }
  .home-about .filter-block .section-hd .lead {
    font-size: 0.13rem;
    padding: 0 0.3rem;
    line-height: 2.2;
  }
  .home-about .filter-block .section-md .btn {
    height: 0.4rem;
    width: 1.6rem;
  }
}
.home-customer .section-md {
  position: relative;
}
.home-customer .section-md .swiper .swiper-slide {
  position: relative;
  cursor: pointer;
}
.home-customer .section-md .swiper .swiper-slide .image {
  width: 100%;
}
.home-customer .section-md .swiper .swiper-slide .image img {
  width: 100%;
}
.home-customer .section-md .swiper .swiper-slide .filter-hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background: url(../images/icon-social-xhs.svg) no-repeat center rgba(0, 0, 0, 0.5);
  background-size: 2.55rem auto;
  opacity: 0;
  transition: all 0.5s linear;
}
.home-customer .section-md .swiper .swiper-slide:hover .filter-hover {
  background-size: 0.55rem auto;
  opacity: 1;
}
.home-customer .section-md .navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: fit-content;
  z-index: 1;
  padding: 0.15rem 0.1rem;
}
.home-customer .section-md .navigation img {
  display: block;
  width: 0.12rem;
}
.home-customer .section-md .navigation.customer-prev {
  left: 0;
}
.home-customer .section-md .navigation.customer-prev img {
  transform: rotate(180deg);
}
.home-customer .section-md .navigation.customer-next {
  right: 0;
}
:root {
  --animation-service-duration: 0.3s;
}
.section-service .section-md {
  display: -webkit-flex;
  display: flex;
}
.section-service .section-md .item {
  flex: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background-position var(--animation-service-duration) linear;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
}
.section-service .section-md .item .image img {
  height: 0.7rem;
}
.section-service .section-md .item h3 {
  font-size: 0.22rem;
  padding-top: 0.25rem;
  padding-bottom: 0.05rem;
  transition: color 0.2s linear 0.2s forwards;
}
.section-service .section-md .item .desc {
  color: #1a1a1a;
  font-size: 0.17rem;
  margin: 0;
  transition: color 0.2s linear 0.2s forwards;
}
.section-service .section-md .item.active h3 {
  color: #fff;
}
.section-service .section-md .item.active .desc {
  color: #fff;
}
.section-service.show-pc {
  background: url(../images/service-bg.jpg) no-repeat center;
  background-size: cover;
  margin-top: 0.6rem;
}
.section-service.show-pc .section-md {
  padding-top: 0.2rem;
  padding-bottom: 1rem;
}
.section-service.show-pc .section-md .item {
  border-right: solid 1px #d61818;
}
.section-service.show-pc .section-md .item:last-child {
  border-right: none;
}
.section-service.show-pc .section-md .item h3 {
  padding-top: 0.1rem;
}
.section-service.show-pc .section-md .item .image {
  width: 1rem;
  height: 1rem;
  background-color: #1a1a1a;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.section-service.show-pc .section-md .item.active h3 {
  color: #1a1a1a;
}
.section-service.show-pc .section-md .item.active .desc {
  color: #1a1a1a;
}
.section-service.show-pc .section-md .item.active .image {
  background-color: #d61818;
}
@media (max-width: 991.98px) {
  .section-service {
    margin-top: 0.4rem;
    padding-bottom: 0.5rem;
    background: url(../images/service-bg-wap.jpg) no-repeat center;
    background-size: cover;
  }
  .section-service .section-md {
    display: block;
    padding-top: 0.3rem;
  }
  .section-service .section-md .swiper .swiper-slide {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .section-service .section-md .swiper .swiper-slide .image {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #1a1a1a;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section-service .section-md .swiper .swiper-slide .image img {
    width: 0.42rem;
  }
  .section-service .section-md .swiper .swiper-slide h3 {
    padding-top: 0.1rem;
    font-size: 0.16rem;
  }
  .section-service .section-md .swiper .swiper-slide .desc {
    margin: 0;
    font-size: 0.14rem;
    color: #000;
  }
  .section-service .section-md .swiper .swiper-slide:hover .image {
    background-color: #d61818;
  }
  .section-service .section-md .pagination {
    padding-top: 0.4rem;
  }
  .section-service .section-md .pagination .service-pagination {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
  .section-service .section-md .pagination .service-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1a1a1a;
  }
}
.section-faq {
  padding-bottom: 0.7rem;
}
.section-faq .section-hd {
  padding-bottom: 0;
}
.section-faq .section-hd h2 {
  font-size: 0.35rem;
}
.section-faq .section-md .section-collapse-loop {
  margin: 0 auto;
}
.faq-collapse .item {
  padding: 0 0.17rem;
  border-bottom: solid 1px rgba(26, 26, 26, 0.5);
}
.faq-collapse .item .item-hd {
  font-size: 0.22rem;
  height: 0.7rem;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq-collapse .item .item-hd .ricon {
  width: 0.17rem;
  height: 0.17rem;
  background: url(../images/icon-plus.svg) no-repeat center;
  background-size: contain;
  transition: all 0.5s linear;
}
.faq-collapse .item .item-md {
  font-size: 0.17rem;
  padding: 0 0 0.18rem 0;
}
.faq-collapse .item.active .item-hd .ricon {
  background: url(../images/icon-reduce.svg) no-repeat center;
}
/***********************************
** 文章列表
************************************/
.section-submenu {
  background-color: #f2f2f2;
  padding-top: 0.8rem;
  padding-bottom: 0.7rem;
}
.section-submenu .submenu {
  margin: 0 auto;
  width: fit-content;
}
.section-submenu .submenu ul {
  display: -webkit-flex;
  display: flex;
}
.section-submenu .submenu ul li {
  display: inline-block;
}
.section-submenu .submenu ul li a {
  display: block;
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.5rem;
  background-color: #fff;
  font-size: 0.2rem;
  font-weight: 300;
}
.section-submenu .submenu ul li.active a {
  background-color: #d61818;
  color: #fff;
}
@media (max-width: 991.98px) {
  .section-submenu {
    padding: 0.4rem 0;
  }
  .section-submenu .submenu ul li a {
    font-size: 0.16rem;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.2rem;
  }
}
.article-list {
  background-color: #f2f2f2;
  padding-top: 0;
  padding-bottom: 1.65rem;
}
.article-list .section-md {
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .article-list {
    padding-bottom: 0.2rem;
  }
}
.item-article {
  display: block;
  height: 100%;
  background-color: #fff;
  position: relative;
}
.item-article .image img {
  display: block;
  width: 100%;
}
.item-article .block {
  text-align: center;
  padding: 0.45rem 0.35rem 0.45rem 0.35rem;
}
.item-article .block h3 {
  font-size: 0.26rem;
  padding-bottom: 0.2rem;
}
.item-article .block .desc {
  text-align: center;
  font-size: 0.15rem;
  font-weight: 300;
  min-height: 0.75rem;
}
.item-article .block .more {
  display: block;
  padding-top: 0.1rem;
  font-weight: 500;
}
.item-article::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #d61818;
  transition: all 200ms linear;
}
.item-article:hover .block h3 {
  color: #d61818;
}
.item-article:hover::after {
  height: 0.07rem;
}
@media (max-width: 991.98px) {
  .item-article .block {
    padding: 0.3rem 0.2rem;
  }
  .item-article .block h3 {
    font-size: 0.18rem;
    padding-bottom: 0;
  }
}
/***********************************
** 线下门店
************************************/
.shop-main {
  padding-top: 0;
  background-color: #f4f4f4;
  border-bottom: solid 1px rgba(26, 26, 26, 0.1);
}
.shop-main .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  height: 8.85rem;
}
.shop-main .section-md .left {
  flex: 1;
  width: 0;
  height: 100%;
}
.shop-main .section-md .left .image {
  width: 100%;
  height: 100%;
}
.shop-main .section-md .left .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
.shop-main .section-md .right {
  width: 7.45rem;
  padding: 0.5rem 0.3rem 0.3rem 0.5rem;
}
.shop-main .section-md .right h2 {
  padding-left: 0.1rem;
}
.shop-main .section-md .right .right-select h2 {
  font-size: 0.25rem;
  padding-bottom: 0.15rem;
}
.shop-main .section-md .right .right-select .select-group {
  display: -webkit-flex;
  display: flex;
  gap: 0.18rem;
  font-size: 0.17rem;
}
.shop-main .section-md .right .right-select .select-group .item {
  flex: 1;
  position: relative;
}
.shop-main .section-md .right .right-select .select-group .item .select {
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.1rem;
  background-color: #fff;
  color: #999;
  cursor: pointer;
}
.shop-main .section-md .right .right-select .select-group .item .select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.12rem;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
  border-top: 0.12rem solid #ccc;
}
.shop-main .section-md .right .right-select .select-group .item .options {
  display: none;
  /* 默认隐藏 */
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 5px;
  background-color: #fff;
  z-index: 10;
}
.shop-main .section-md .right .right-select .select-group .item .options ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.shop-main .section-md .right .right-select .select-group .item .options li {
  padding: 10px;
  cursor: pointer;
}
.shop-main .section-md .right .right-select .select-group .item .options li:hover,
.shop-main .section-md .right .right-select .select-group .item .options li.selected {
  background-color: #d61818;
  color: #fff;
}
.shop-main .section-md .right .right-select .btn {
  height: 0.5rem;
  width: 100%;
  margin-top: 0.2rem;
}
.shop-main .section-md .right .right-result h2 {
  font-size: 0.18rem;
  padding-top: 0.2rem;
  padding-bottom: 0.1rem;
}
.shop-main .section-md .right .right-result .result-list {
  background-color: #fff;
  padding-right: 0.04rem;
  max-height: 4.6rem;
  overflow-y: scroll;
  position: relative;
  padding: 0.1rem 0.6rem 0.8rem 0.28rem;
}
.shop-main .section-md .right .right-result .result-list::-webkit-scrollbar {
  width: 0.08rem;
}
.shop-main .section-md .right .right-result .result-list::-webkit-scrollbar-thumb {
  display: block;
  background-color: #1a1a1a;
}
.shop-main .section-md .right .right-result .result-list::-webkit-scrollbar-track {
  background: linear-gradient(to left, #fff 0%, #fff calc(50% - 0.01rem), #f2f2f2 calc(50% - 0.01rem), #f2f2f2 calc(50% + 0.01rem), #fff calc(50% + 0.01rem), #fff 100%);
}
.shop-main .section-md .right .right-result .result-list ul li {
  border-bottom: solid 1px rgba(26, 26, 26, 0.5);
  padding: 0.15rem 0;
}
.shop-main .section-md .right .right-result .result-list ul li h3 {
  font-size: 0.18rem;
  padding-bottom: 0.05rem;
}
.shop-main .section-md .right .right-result .result-list ul li p {
  font-size: 0.13rem;
  font-weight: 300;
  color: #999;
  margin: 0;
}
.shop-main .section-md .right {
  width: 50%;
  padding: 0.2rem;
}
@media (max-width: 991.98px) {
  .shop-main {
    border-bottom: 0;
  }
  .shop-main .section-md {
    height: auto;
    flex-direction: column;
  }
  .shop-main .section-md .left {
    flex: none;
    width: 100%;
  }
  .shop-main .section-md .right {
    width: 100%;
  }
  .shop-main .section-md .right .right-select h2 {
    font-size: 0.2rem;
    padding-left: 0;
  }
  .shop-main .section-md .right .right-select .select-group {
    font-size: 0.14rem;
  }
  .shop-main .section-md .right .right-select .select-group .item .select {
    height: 0.4rem;
    line-height: 0.4rem;
  }
  .shop-main .section-md .right .right-select .select-group .item .select::after {
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
    border-top: 0.08rem solid #ccc;
  }
  .shop-main .section-md .right .right-select .btn {
    height: 0.4rem;
    line-height: 0.4rem;
  }
  .shop-main .section-md .right .right-result h2 {
    padding-left: 0;
    font-size: 0.18rem;
  }
  .shop-main .section-md .right .right-result .result-list {
    max-height: 4rem;
    padding: 0.1rem 0.1rem 0.4rem 0.1rem;
  }
}
.shop-h20 {
  height: 0.2rem;
  border: none;
}
.shop-h75 {
  height: 0.75rem;
  border: none;
}
/***********************************
** 售后服务
************************************/
.section-rights {
  padding-top: 1.05rem;
  padding-bottom: 0;
}
.section-rights .section-hd h2 {
  text-align: center;
}
.section-rights .section-hd .lead {
  text-align: center;
}
.section-rights .section-md {
  display: -webkit-flex;
  display: flex;
  max-width: 13rem;
  margin: 0 auto;
  gap: 0.1rem;
}
.section-rights .section-md .item {
  flex: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 3.7rem;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.5s linear;
}
.section-rights .section-md .item .image {
  position: relative;
}
.section-rights .section-md .item .image img {
  height: 0.7rem;
}
.section-rights .section-md .item .image .onhover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.section-rights .section-md .item h3 {
  font-size: 0.26rem;
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
}
.section-rights .section-md .item .desc {
  font-size: 0.16rem;
  margin: 0;
  text-align: center;
}
.section-rights .section-md .item:hover .image img,
.section-rights .section-md .item.active .image img {
  opacity: 0;
}
.section-rights .section-md .item:hover .image .onhover,
.section-rights .section-md .item.active .image .onhover {
  opacity: 1;
}
.section-rights .section-md .item:hover h3,
.section-rights .section-md .item.active h3 {
  color: #fff;
}
.section-rights .section-md .item:hover .desc,
.section-rights .section-md .item.active .desc {
  color: #fff;
}
.section-rights .section-fd {
  padding-top: 0.9rem;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 13rem;
  margin: 0 auto;
}
.section-rights .section-fd .item {
  width: 50%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 4.65rem;
  cursor: pointer;
  overflow: hidden;
  background: linear-gradient(to left, #f2f2f2 50%, #d61818 50%, #d61818 100%);
  background-size: 200% 100%;
  background-position: right center;
  transition: all 0.2s linear;
}
.section-rights .section-fd .item .image {
  position: relative;
}
.section-rights .section-fd .item .image img {
  height: 0.7rem;
}
.section-rights .section-fd .item .image .onhover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.section-rights .section-fd .item h3 {
  font-size: 0.26rem;
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
}
.section-rights .section-fd .item .desc {
  font-size: 0.16rem;
  margin: 0;
  text-align: center;
}
.section-rights .section-fd .item:nth-child(1) .image,
.section-rights .section-fd .item:nth-child(4) .image {
  width: 100%;
  height: 100%;
}
.section-rights .section-fd .item:nth-child(1) .image img,
.section-rights .section-fd .item:nth-child(4) .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-rights .section-fd .item:nth-child(1) {
  border-top-left-radius: 2.25rem;
}
.section-rights .section-fd .item:nth-child(4) {
  border-bottom-right-radius: 2.25rem;
}
.section-rights .section-fd .item:nth-child(2):hover,
.section-rights .section-fd .item:nth-child(3):hover {
  background-position: left center;
}
.section-rights .section-fd .item:nth-child(2):hover .image img,
.section-rights .section-fd .item:nth-child(3):hover .image img {
  opacity: 0;
}
.section-rights .section-fd .item:nth-child(2):hover .image .onhover,
.section-rights .section-fd .item:nth-child(3):hover .image .onhover {
  opacity: 1;
}
.section-rights .section-fd .item:nth-child(2):hover h3,
.section-rights .section-fd .item:nth-child(3):hover h3,
.section-rights .section-fd .item:nth-child(2):hover p,
.section-rights .section-fd .item:nth-child(3):hover p {
  color: #fff;
}
.section-rights .section-swiper {
  margin-top: 0;
}
.section-rights .section-swiper .swiper .swiper-slide {
  background-color: #f2f2f2;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.5s linear;
  padding: 0.4rem 0;
}
.section-rights .section-swiper .swiper .swiper-slide .image {
  position: relative;
}
.section-rights .section-swiper .swiper .swiper-slide .image img {
  height: 0.4rem;
}
.section-rights .section-swiper .swiper .swiper-slide .image .onhover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.section-rights .section-swiper .swiper .swiper-slide h3 {
  font-size: 0.16rem;
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
}
.section-rights .section-swiper .swiper .swiper-slide .desc {
  font-size: 0.14rem;
  margin: 0;
  text-align: center;
}
.section-rights .section-swiper .service-pagination-wap {
  margin-top: 0.1rem;
}
.section-rights .section-swiper .service-pagination-wap .swiper-pagination-bullet {
  background-color: #000 !important;
}
@media (max-width: 991.98px) {
  .section-rights {
    padding-top: 0.4rem;
    margin-bottom: -0.4rem;
  }
  .section-rights .section-md {
    flex-direction: column;
  }
  .section-rights .section-md .item {
    padding: 0.4rem 0;
  }
  .section-rights .section-md .item .image img {
    height: 0.4rem;
  }
  .section-rights .section-md .item h3 {
    font-size: 0.16rem;
  }
  .section-rights .section-md .item .desc {
    font-size: 0.14rem;
  }
  .section-rights .section-fd {
    padding-top: 0.4rem;
    margin: 0 -0.15rem;
  }
  .section-rights .section-fd .item {
    width: 100%;
    height: auto;
    background: #fff;
  }
  .section-rights .section-fd .item .image img {
    height: 0.4rem;
    opacity: 1!important;
  }
  .section-rights .section-fd .item .image img.onhover {
    display: none;
  }
  .section-rights .section-fd .item h3 {
    font-size: 0.16rem;
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
    color: #1a1a1a !important;
  }
  .section-rights .section-fd .item .desc {
    font-size: 0.12rem;
    color: #1a1a1a !important;
  }
  .section-rights .section-fd .item:nth-child(1) {
    border-top-left-radius: 0;
    order: 1;
  }
  .section-rights .section-fd .item:nth-child(2) {
    order: 2;
    padding: 0.4rem 0;
  }
  .section-rights .section-fd .item:nth-child(3) {
    order: 4;
    padding: 0.4rem 0;
  }
  .section-rights .section-fd .item:nth-child(4) {
    border-bottom-right-radius: 0;
    order: 3;
  }
}
/***********************************
** 联系我们
************************************/
.contact-main {
  padding: 0;
  background: url(../images/contact-main-bg.jpg) no-repeat center;
  background-size: cover;
}
.contact-main .block {
  margin: 0 auto;
  max-width: 12.3rem;
  padding-top: 2rem;
  padding-bottom: 2.9rem;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.contact-main .block .section-hd {
  padding-bottom: 0;
  width: 100%;
  max-width: 4.8rem;
}
.contact-main .block .section-hd h2 {
  font-size: 0.32rem;
  padding-bottom: 0.22rem;
}
.contact-main .block .section-hd .content {
  border-top: solid 1px rgba(26, 26, 26, 0.5);
  border-bottom: solid 1px rgba(26, 26, 26, 0.5);
  font-size: 0.18rem;
  line-height: 1.3;
  padding: 0.1rem 0;
}
.contact-main .block .section-hd .content .address {
  font-size: 0.14rem;
}
.contact-main .block .section-md {
  max-width: 5.5rem;
}
.contact-main .block .section-md h3 {
  font-size: 0.18rem;
  color: #fff;
  padding-bottom: 0.15rem;
}
.contact-main .block .section-md .form-group .item.verify {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.contact-main .block .section-md .form-group .item.verify input {
  flex: 1;
}
.contact-main .block .section-md .form-group .item.verify .btn {
  width: 1.9rem;
  margin-left: 0.4rem;
}
.contact-main .block .section-md .form-group .item.submit .btn {
  max-width: 1.6rem;
}
.contact-main .block .section-md .image {
  max-width: 2.3rem;
  margin-right: 0.2rem;
}
.contact-main .block .section-md .image img {
  width: 100%;
}
.contact-main .block .section-md .image span {
  display: block;
  text-align: center;
  color: #1a1a1a;
  padding-top: 0.05rem;
}
@media (max-width: 991.98px) {
  .contact-main {
    background: #fff;
  }
  .contact-main .block {
    flex-direction: column;
    padding-top: 0.4rem;
    padding-bottom: 0;
  }
  .contact-main .block .section-hd {
    max-width: unset;
  }
  .contact-main .block .section-hd h2 {
    font-size: 0.2rem;
    text-align: center;
    padding-bottom: 0;
  }
  .contact-main .block .section-hd .lead {
    margin: 0;
    padding-bottom: 0.2rem;
  }
  .contact-main .block .section-hd .content {
    font-size: 0.14rem;
  }
  .contact-main .block .section-md {
    max-width: unset;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contact-main .block .section-md .image {
    margin-right: 0;
    max-width: unset;
  }
  .contact-main .block .section-md .image img {
    max-width: 1.8rem;
    margin: 0 auto;
    padding-bottom: 0.1rem;
  }
}
/***********************************
** 品牌探索
************************************/
.about-banner {
  padding: 0;
}
@media (max-width: 991.98px) {
  .about-banner .image img {
    object-fit: cover;
  }
}
.about-intro {
  padding-bottom: 1.4rem;
}
.about-intro .section-hd h2 {
  font-weight: 500;
}
.about-intro .section-md {
  margin: 0 auto;
  max-width: 12.45rem;
  color: #4d4d4d;
  text-align: center;
}
.about-intro .section-md p {
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 991.98px) {
  .about-intro {
    padding-bottom: 0.2rem;
  }
}
.about-history {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.about-history .section-md {
  width: 100%;
  position: relative;
}
.about-history .section-md .middle-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 63%;
  width: 80%;
  z-index: 999;
}
.about-history .section-md .middle-line img {
  width: 100%;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide {
  cursor: pointer;
  transition: 300ms;
  transform: scale(0.55) translate(40%, -25%);
  background: #fff;
  display: -webkit-flex;
  display: flex;
  opacity: 0.6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide .image {
  padding: 0.2rem;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide .image img {
  display: block;
  width: 100%;
  max-width: unset;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide .block {
  width: 100%;
  padding-top: 1.6rem;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide .block .date {
  font-size: 0.5rem;
  color: #1a1a1a;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide .block h3 {
  font-size: 0.24rem;
  font-weight: 500;
  color: #1a1a1a;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide .block p {
  opacity: 0;
  padding: 0 0.15rem;
  padding-top: 0.75rem;
  font-size: 0.14rem;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.2) 100%);
  z-index: 1;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next + .swiper-slide {
  transform: scale(0.55) translate(-40%, -25%);
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next + .swiper-slide::before {
  background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0.2) 100%);
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev,
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next {
  transform: scale(0.7) translateY(-13%);
  opacity: 0.8;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .block,
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .block {
  padding-top: 1rem;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .block .date,
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .block .date {
  font-size: 0.5rem;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .block h3,
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .block h3 {
  font-size: 0.24rem;
  font-weight: 500;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev::before,
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next::before {
  display: none;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(1.2);
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .block {
  padding-top: 0;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .block .date {
  color: #d61818;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .block h3 {
  color: #d61818;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .block p {
  opacity: 1;
}
.about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-active::before {
  display: none;
}
.about-history .section-md .history-auto-navigation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  z-index: 99;
}
.about-history .section-md .history-auto-navigation > div {
  left: 0;
  top: 0;
  width: calc(50% - 2.5rem);
  height: 6rem;
  opacity: 0.5;
}
.about-history .section-md .history-auto-navigation > div:nth-child(1) {
  left: auto;
  right: 0;
}
@media (max-width: 1599.98px) {
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide {
    transform: scale(0.55) translate(40%, -30%);
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide .block .date {
    font-size: 0.36rem;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide .block h3 {
    font-size: 0.18rem;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next + .swiper-slide {
    transform: scale(0.55) translate(-40%, -30%);
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev,
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    transform: scale(0.7) translateY(-23%);
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .block .date,
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .block .date {
    font-size: 0.36rem;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .block .date h3,
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .block .date h3 {
    font-size: 0.18rem;
  }
  .about-history .section-md .middle-line {
    top: 52.5%;
  }
}
@media (max-width: 991.98px) {
  .about-history .section-md .swiper {
    padding-top: 0.6rem;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide .block .date {
    font-size: 0.14rem;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide .block h3 {
    font-size: 0.12rem;
    overflow: unset;
    text-overflow: unset;
    white-space: nowrap;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide .block p {
    font-size: 0.1rem;
    padding: 0;
    padding-top: 0.3rem;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev,
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    opacity: 0.7;
    transform: scale(0.7) translate(-50%, -23%);
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .block,
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .block {
    padding-top: 0;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .block .date,
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .block .date {
    font-size: 0.14rem;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .block h3,
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .block h3 {
    font-size: 0.14rem;
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    transform: scale(0.7) translate(50%, -23%);
  }
  .about-history .section-md .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    transform: scale(1.4);
  }
  .about-history .section-md .middle-line {
    width: 190%;
    top: 48.5%;
  }
  .about-history .section-md .history-auto-navigation {
    display: none;
  }
  .about-history .section-md .history-auto-navigation > div {
    width: 30%;
    height: 3rem;
  }
}
.about-brand {
  padding-top: 0;
  padding-bottom: 1rem;
}
.about-brand .section-md .tab-hd {
  display: -webkit-flex;
  display: flex;
}
.about-brand .section-md .tab-hd .item {
  width: 25%;
  height: 0.62rem;
  line-height: 0.62rem;
  background-color: #1a1a1a;
  color: #fff;
  text-align: center;
  border-right: solid 1px #fff;
  cursor: pointer;
  font-size: 0.28rem;
}
.about-brand .section-md .tab-hd .item:last-child {
  border-right: none;
}
.about-brand .section-md .tab-hd .item.active {
  background-color: #d61818;
}
.about-brand .section-md .tab-md .tab-group .lead {
  text-align: center;
  line-height: 1.3;
  font-size: 0.17rem;
  padding: 0.34rem 0 0.3rem 0;
}
.about-brand .section-md .tab-md .tab-group .brand-image {
  position: relative;
  padding-top: 0.42rem;
}
.about-brand .section-md .tab-md .tab-group .brand-image img {
  display: block;
  width: 100%;
}
.about-brand .section-md .tab-md .tab-group .brand-image .block {
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.about-brand .section-md .tab-md .tab-group .brand-image .block h3 {
  font-size: 0.5rem;
  padding-bottom: 0.22rem;
  color: #fff;
}
.about-brand .section-md .tab-md .tab-group .brand-image .block p {
  margin: 0;
  font-size: 0.4rem;
  font-weight: 500;
  line-height: 1.13;
  color: #fff;
}
.about-brand .section-md .tab-md .tab-group .detail {
  margin-top: 0.35rem;
}
.about-brand .section-md .tab-md .tab-group .detail .group {
  border-bottom: solid 1px #1a1a1a;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding-top: 0.54rem;
  padding-bottom: 0.54rem;
}
.about-brand .section-md .tab-md .tab-group .detail .group:first-child {
  border-top: solid 1px #1a1a1a;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item {
  cursor: pointer;
  flex: 1;
  position: relative;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .item-md {
  line-height: 1;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 0.64rem;
  font-weight: bold;
  padding-bottom: 0.17rem;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .num {
  font-size: 1.2rem;
  font-weight: 500;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .word {
  font-size: 0.3rem;
  font-weight: normal;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .word1 {
  font-size: 1rem;
  font-weight: 500;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .plus {
  font-weight: 300;
  font-size: 0.48rem;
  transform: translateY(0.08rem);
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .gmc {
  height: 0.6rem;
  overflow: hidden;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .gmc img {
  width: auto;
  height: 100%;
  filter: drop-shadow(0 1rem #1a1a1a);
  transform: translateY(-1rem);
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .item-fd {
  font-size: 0.22rem;
  line-height: 1.24;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: fit-content;
  transform: translate(0, calc(100% + 0.1rem));
  display: none;
  z-index: 1;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block img {
  max-width: none;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-1 img {
  width: 3.9rem;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-2 img {
  width: 2.55rem;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-3 {
  left: 50%;
  transform: translate(-50%, calc(100% + 0.1rem));
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-3 img {
  width: 3.65rem;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-4 img {
  width: 1.9rem;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-5 img {
  width: 2.6rem;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item:hover {
  color: #d61818;
}
.about-brand .section-md .tab-md .tab-group .detail .group .item:hover .item-md .gmc img {
  filter: drop-shadow(0 1rem #d61818);
}
.about-brand .section-md .tab-md .tab-group .detail .group .item:hover .filter-block {
  display: block;
}
.about-brand .section-md .tab-md .tab-group.brand-zy .detail {
  margin-top: 0;
}
.about-brand .section-md .tab-md .tab-group.brand-zy .detail .group:first-child {
  border-top: none;
}
.about-brand .section-md .tab-md .tab-group.brand-zy .detail .group .item .item-md {
  align-items: last baseline;
}
.about-brand .section-md .tab-md .tab-group.brand-zy .detail .group .item .item-md .zylast {
  display: block;
  font-weight: normal;
  font-size: 0.22rem;
  line-height: 1;
}
.about-brand .section-md .tab-md .tab-group.brand-zy .detail .group .item .item-fd {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.about-brand .section-md .tab-md .tab-group.brand-zy .detail .group .item:first-child .item-md {
  align-items: center;
}
.about-brand .section-md .tab-md .tab-group.brand-zy .detail .group .item:last-child {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 3.65rem;
}
.about-brand .section-md .tab-md .tab-group.brand-zy .detail .group:last-child {
  padding-top: 0.85rem;
  padding-bottom: 0.65rem;
}
.about-brand .section-md .tab-md .tab-group.brand-zy .detail .group:last-child .item:last-child .item-md {
  align-items: center;
}
.about-brand .section-md .tab-md .tab-group.brand-zl .detail .group .item {
  white-space: nowrap;
}
.about-brand .section-md .tab-md .tab-group.brand-zl .detail .group .item:last-child {
  display: block;
  flex: 0;
  flex-basis: 3.4rem;
}
.about-brand .section-md .tab-md .tab-group.brand-zl .detail .group:first-child {
  padding-top: 0.68rem;
}
.about-brand .section-md .tab-md .tab-group.brand-zl .detail .group:last-child {
  padding-top: 0.68rem;
  padding-bottom: 0.64rem;
}
.about-brand .section-md .tab-md .tab-group.brand-xg .lead {
  font-size: 0.2rem;
  padding: 0.2rem 0;
}
.about-brand .section-md .tab-md .tab-group.brand-xg .detail .group {
  display: block;
}
.about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-hd {
  font-size: 0.4rem;
  font-weight: 500;
  padding-bottom: 0.17rem;
  color: #d61818;
}
.about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-md {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-md .item {
  white-space: nowrap;
}
.about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-md .item .item-md {
  font-size: 0.53rem;
}
.about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-md .item:last-child {
  display: block;
  flex: 0;
  flex-basis: 3.6rem;
}
.about-brand .section-md .tab-md .tab-group.brand-xg .detail .group:first-child {
  padding-top: 0.42rem;
}
.about-brand .section-md .tab-md .tab-group.brand-xg .detail .group:last-child {
  padding-top: 0.5rem;
  padding-bottom: 0.64rem;
}
.about-brand .section-md .tab-md .tab-group.brand-fw .lead {
  font-size: 0.2rem;
  padding: 0.2rem 0;
}
.about-brand .section-md .tab-md .tab-group.brand-fw .detail .group .item {
  white-space: nowrap;
}
.about-brand .section-md .tab-md .tab-group.brand-fw .detail .group .item:last-child {
  display: block;
  flex: 0;
  flex-basis: 0.34rem;
}
.about-brand .section-md .tab-md .tab-group.brand-fw .detail .group:first-child {
  padding-top: 0.85rem;
}
.about-brand .section-md .tab-md .tab-group.brand-fw .detail .group:last-child {
  padding-top: 0.72rem;
  padding-bottom: 0.64rem;
}
.about-brand .swiper .swiper-slide .image img {
  display: block;
}
.about-brand .swiper .swiper-slide .block h3 {
  font-size: 0.16rem;
  text-align: center;
  padding-top: 0.15rem;
  padding-bottom: 0.05rem;
}
.about-brand .swiper .pagination {
  padding-top: 0;
  padding-bottom: 0.1rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.about-brand .swiper .pagination .swiper-pagination-bullet {
  background-color: #1a1a1a !important;
}
@media (max-width: 1599.98px) {
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-md {
    font-size: 0.4rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .num {
    font-size: 0.8rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .word1 {
    font-size: 0.8rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .gmc {
    height: 0.4rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-fd {
    font-size: 0.18rem;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-hd {
    font-size: 0.24rem;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-md .item .item-md {
    font-size: 0.4rem;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-md .item:last-child {
    flex-basis: unset;
  }
}
@media (max-width: 991.98px) {
  .about-brand {
    margin-top: -0.5rem;
    padding-bottom: 0.4rem;
  }
  .about-brand .section-md .tab-hd {
    margin-bottom: 0.26rem;
  }
  .about-brand .section-md .tab-hd .item {
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.18rem;
  }
  .about-brand .section-md .tab-md .tab-group .lead {
    font-size: 0.14rem;
    padding: 0.1rem 0;
  }
  .about-brand .section-md .tab-md .tab-group .brand-image .block h3 {
    font-size: 0.2rem;
    padding-bottom: 0.1rem;
  }
  .about-brand .section-md .tab-md .tab-group .brand-image .block p {
    font-size: 0.16rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail {
    display: -webkit-flex;
    display: flex;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group {
    width: 50%;
    justify-content: unset;
    flex-direction: column;
    border-top: solid 1px #1a1a1a;
    border-bottom: 0;
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item {
    flex: unset;
    height: auto;
    padding: 0.1rem 0;
    min-height: 1.2rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-md {
    font-size: 0.2rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .num {
    font-size: 0.46rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .word1 {
    font-size: 0.4rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-md .gmc {
    height: 0.2rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .item-fd {
    font-size: 0.14rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block {
    top: 0.9rem;
    bottom: unset;
    transform: unset;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-1 img {
    width: 2rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-2 img {
    width: 2rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-3 {
    left: 0;
    transform: unset;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-3 img {
    width: 2rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group .item .filter-block.img-5 img {
    width: 2rem;
  }
  .about-brand .section-md .tab-md .tab-group .detail .group:last-child {
    padding-top: 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-zy .detail .group .item .item-md .zylast {
    font-size: 0.12rem;
  }
  .about-brand .section-md .tab-md .tab-group.brand-zy .detail .group .item:last-child {
    flex-basis: unset;
  }
  .about-brand .section-md .tab-md .tab-group.brand-zy .detail .group:first-child .item:first-child .item-md {
    padding-bottom: 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-zy .detail .group:last-child {
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-zl .detail .group:first-child {
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-zl .detail .group:last-child {
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-zl .detail .group .item {
    white-space: wrap;
  }
  .about-brand .section-md .tab-md .tab-group.brand-zl .detail .group .item:last-child {
    flex-basis: unset;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .lead {
    font-size: 0.14rem;
    padding: 0.1rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group {
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group:first-child {
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group:last-child {
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-hd {
    font-size: 0.16rem;
    padding-right: 0.05rem;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-md {
    flex-direction: column;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-md .item {
    white-space: wrap;
  }
  .about-brand .section-md .tab-md .tab-group.brand-xg .detail .group .group-md .item .item-md {
    font-size: 0.2rem;
  }
  .about-brand .section-md .tab-md .tab-group.brand-fw .lead {
    font-size: 0.14rem;
    padding: 0.1rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-fw .detail .group {
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-fw .detail .group:first-child {
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-fw .detail .group:last-child {
    padding: 0.3rem 0;
  }
  .about-brand .section-md .tab-md .tab-group.brand-fw .detail .group .item {
    white-space: wrap;
  }
}
.about-team {
  padding-top: 0;
  padding-bottom: 0.55rem;
}
.about-team .section-md .item .image img {
  width: 100%;
}
.about-team .section-md .item .block h3 {
  font-size: 0.25rem;
  padding-top: 0.2rem;
  padding-bottom: 0.05rem;
}
.about-team .section-md .item .block .position {
  display: -webkit-flex;
  display: flex;
}
.about-team .section-md .item .block .position span {
  display: block;
  font-size: 0.17rem;
  position: relative;
  margin-right: 0.27rem;
}
.about-team .section-md .item .block .position span::before {
  content: "|";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -0.16rem;
  transform: translateY(-50%);
}
.about-team .section-md .item .block .position span:first-child::before {
  display: none;
}
.about-team .section-md .item .block .position span:last-child {
  margin-right: 0;
}
.about-team .section-md .item .block .honor {
  padding-top: 0.17rem;
  padding-bottom: 0.55rem;
  color: #808080;
  font-size: 0.17rem;
  line-height: 2;
}
@media (max-width: 991.98px) {
  .about-team .section-md .row {
    margin-left: -0.1rem;
    margin-right: -0.1rem;
    margin-bottom: -0.2rem;
  }
  .about-team .section-md .row > .col,
  .about-team .section-md .row > [class*="col-"] {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    margin-bottom: 0.2rem;
  }
  .about-team .section-md .item .block .honor {
    padding-bottom: 0.2rem;
  }
}
.about-factory {
  padding: 0;
  position: relative;
}
.about-factory .filter-bg img {
  width: 100%;
  max-height: 7rem;
  object-fit: cover;
}
.about-factory .filter-bg video {
  display: block;
  width: 100%;
  max-height: 7rem;
  object-fit: cover;
}
.about-factory .filter-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about-factory .filter-block .section-md h3 {
  color: #fff;
  font-size: 0.46rem;
  text-align: center;
  line-height: 1.26;
  letter-spacing: 0.05rem;
}
.about-factory .filter-block .section-md .block {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding-top: 0.3rem;
}
.about-factory .filter-block .section-md .block .btn {
  margin-right: 0.34rem;
}
.about-factory .filter-block .section-md .block .btn > .ricon {
  margin-left: 0.1rem;
}
.about-factory .filter-block .section-md .block .btn:last-child {
  margin-right: 0;
  padding: 0 0.4rem;
}
.about-factory .filter-block .section-md .block .btn:last-child > .ricon {
  margin-left: 0.25rem;
}
@media (max-width: 991.98px) {
  .about-factory .filter-bg video {
    min-height: 2.5rem;
  }
  .about-factory .filter-block .section-md h3 {
    font-size: 0.2rem;
  }
}
.dialog-about-video > div > div {
  max-width: 96%;
}
.dialog-about-video > div > div video {
  width: 100%;
}
/***********************************
** 透明工厂
************************************/
.factory-banner {
  padding: 0;
  position: relative;
}
.factory-banner .filter-bg img {
  width: 100%;
  object-fit: cover;
}
.factory-banner .filter-bg video {
  display: block;
  width: 100%;
}
.factory-banner .filter-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.factory-banner .filter-block .section-md {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 1.3rem;
  padding-bottom: 0.9rem;
}
.factory-banner .filter-block .section-md h3 {
  color: #fff;
  font-size: 0.46rem;
  text-align: center;
  line-height: 1.26;
  letter-spacing: 0.05rem;
}
.factory-banner .filter-block .section-md .block {
  display: -webkit-flex;
  display: flex;
}
.factory-banner .filter-block .section-md .block .btn > .ricon {
  margin-left: 0.1rem;
}
@media (max-width: 991.98px) {
  .factory-banner .filter-bg video {
    height: auto;
  }
  .factory-banner .filter-block .section-md h3 {
    font-size: 0.36rem;
  }
}
.factory-factory {
  padding-top: 1.2rem;
  padding-bottom: 1.65rem;
}
.factory-factory .section-md {
  max-width: 13rem;
  margin: 0 auto;
}
.factory-factory .section-md .item {
  position: relative;
}
.factory-factory .section-md .item .image img {
  max-width: none;
  width: 100%;
}
.factory-factory .section-md .item .block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.factory-factory .section-md .item .block h3 {
  font-size: 0.32rem;
  color: #fff;
  padding-top: 0.48rem;
}
@media (max-width: 991.98px) {
  .factory-factory {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .factory-factory .section-md .item .block h3 {
    padding-top: 0.3rem;
    font-size: 0.26rem;
  }
}
.factory-mind {
  padding: 0;
  position: relative;
}
.factory-mind .filter-bg img {
  width: 100%;
  object-fit: cover;
}
.factory-mind .filter-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.factory-mind .filter-block .section-md {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 1rem;
}
.factory-mind .filter-block .section-md .block {
  font-size: 0.22rem;
  color: #fff;
}
@media (max-width: 991.98px) {
  .factory-mind .filter-bg img {
    min-height: 6rem;
  }
  .factory-mind .filter-block .section-md {
    padding-top: 0.6rem;
  }
  .factory-mind .filter-block .section-md .block {
    font-size: 0.16rem;
  }
}
.factory-auto {
  padding-top: 1.6rem;
}
.factory-auto .section-md .auto-pagination {
  margin: 0 auto;
  max-width: 9.6rem;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.factory-auto .section-md .auto-pagination span {
  display: block;
  flex: 1;
  border-radius: 0;
  text-align: center;
  font-size: 0.26rem;
  background: none;
  margin: 0 0.2rem;
  opacity: 1;
  color: #808080;
  width: auto;
  height: auto;
  border-bottom: solid 4px transparent;
}
.factory-auto .section-md .auto-pagination span.swiper-pagination-bullet-active {
  color: #1a1a1a;
  border-color: #d61818;
}
.factory-auto .section-md .swiper .swiper-wrapper .swiper-slide {
  max-width: 9.6rem;
  position: relative;
}
.factory-auto .section-md .swiper .swiper-wrapper .swiper-slide .image img {
  width: 100%;
}
.factory-auto .section-md .swiper .swiper-wrapper .swiper-slide .block {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.25rem;
  color: #fff;
  font-size: 0.22rem;
}
.factory-auto .section-md .swiper .page {
  position: absolute;
  top: 0;
  height: 100%;
  width: 30%;
  z-index: 1;
}
.factory-auto .section-md .swiper .page.prev {
  left: 0;
}
.factory-auto .section-md .swiper .page.next {
  right: 0;
}
@media (max-width: 991.98px) {
  .factory-auto {
    padding-top: 0.6rem;
  }
  .factory-auto .section-md .auto-pagination {
    margin-bottom: 0.2rem;
    justify-content: center;
  }
  .factory-auto .section-md .auto-pagination span {
    flex: none;
    width: fit-content;
    border-width: 0.02rem;
    font-size: 0.16rem;
    margin: 0 0.05rem;
    padding: 0 0.02rem;
  }
  .factory-auto .section-md .swiper .swiper-wrapper .swiper-slide {
    max-width: 80%;
  }
  .factory-auto .section-md .swiper .swiper-wrapper .swiper-slide .block {
    font-size: 0.14rem;
    width: 100%;
  }
  .factory-auto .section-md .swiper .page {
    display: none;
  }
}
.factory-dcheck {
  padding-top: 1.6rem;
}
.factory-dcheck .video {
  position: relative;
}
.factory-dcheck .video video {
  display: block;
  object-fit: cover;
}
.factory-dcheck .video .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .factory-dcheck {
    padding-top: 0.4rem;
  }
}
.factory-green {
  padding: 0;
  position: relative;
}
.factory-green .filter-bg img {
  display: block;
  width: 100%;
}
.factory-green .filter-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.8rem;
}
.factory-green {
  padding-top: 2rem;
}
@media (max-width: 991.98px) {
  .factory-green {
    padding-top: 2.6rem;
  }
  .factory-green .filter-bg img {
    min-height: 4rem;
    object-fit: cover;
  }
  .factory-green .filter-block .section-hd .lead {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
  }
}
/***********************************
** 全线产品
************************************/
.product-setorder {
  position: relative;
  padding: 0;
}
.product-setorder .container {
  position: relative;
}
.product-setorder .select-group {
  position: absolute;
  top: 1.17rem;
  left: 0.08rem;
  display: -webkit-flex;
  display: flex;
  font-size: 0.17rem;
  width: fit-content;
  z-index: 1;
}
.product-setorder .select-group > div {
  border: solid 1px #f3ffff;
  margin-right: 0.08rem;
}
.product-setorder .select-group > div:last-child {
  margin-right: 0;
}
.product-setorder .select-group .item {
  width: 2.05rem;
  position: relative;
}
.product-setorder .select-group .item .select {
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.15rem;
  background-color: #f9f9fb;
  color: #999;
  cursor: pointer;
  font-size: 0.14rem;
}
.product-setorder .select-group .item .select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.18rem;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 0.06rem solid transparent;
  border-right: 0.06rem solid transparent;
  border-top: 0.1rem solid #ccc;
}
.product-setorder .select-group .item .options {
  display: none;
  /* 默认隐藏 */
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 5px;
  background-color: #fff;
  z-index: 10;
}
.product-setorder .select-group .item .options ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-setorder .select-group .item .options li {
  font-size: 0.14rem;
  cursor: pointer;
}
.product-setorder .select-group .item .options li a {
  padding: 0.1rem 0.15rem;
  color: #999;
  display: block;
  width: 100%;
  height: 100%;
}
.product-setorder .select-group .item .options li.selected a {
  background-color: #d61818;
  color: #fff;
}
.product-setorder .select-group .btn-down {
  width: 0.4rem;
  background-color: #f9f9fb;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-setorder .select-group .btn-down .ricon {
  width: 0.17rem;
  height: 0.17rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.product-setorder .select-group .btn-down .ricon.icon-select-down {
  background-image: url(../images/icon-select-down.svg);
}
.product-setorder .select-group .btn-down .ricon.icon-select-up {
  background-image: url(../images/icon-select-up.svg);
}
.product-list {
  padding-top: 1.1rem;
  padding-bottom: 0.1rem;
}
.product-list .section-hd {
  padding-bottom: 0.35rem;
  position: relative;
}
.product-list .section-hd .btn {
  height: 0.5rem;
  width: 100%;
  margin-top: 0.2rem;
}
@media (max-width: 991.98px) {
  .product-list {
    padding-top: 0.4rem;
  }
}
.hr-75 {
  height: 0.75rem;
  border: none;
}
@media (max-width: 991.98px) {
  .product-setorder .select-group {
    top: 0.33rem;
  }
  .product-setorder .select-group .item {
    width: 1rem;
  }
  .product-setorder .select-group .item .select {
    font-size: 0.12rem;
  }
  .product-setorder .select-group .item .select::after {
    right: 0.12rem;
  }
  .product-setorder .select-group .item .options li a {
    font-size: 0.12rem;
  }
}
/***********************************
** 产品详情
************************************/
.product-submenu {
  height: 0.95rem;
  padding: 0;
}
.product-submenu .fixedscreen {
  border-bottom: solid 1px #ececec;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.product-submenu .fixedscreen .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-submenu .fixedscreen .section-md h1 {
  font-size: 0.24rem;
}
.product-submenu .fixedscreen .section-md .tab-hd {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.product-submenu .fixedscreen .section-md .tab-hd .item {
  margin: 0 0.3rem;
  line-height: 2.5;
  text-align: center;
  cursor: pointer;
  font-size: 0.2rem;
  border-bottom: solid 4px transparent;
  color: rgba(26, 26, 26, 0.8);
  transition: all 0.3s ease;
}
.product-submenu .fixedscreen .section-md .tab-hd .item.active {
  color: #1a1a1a;
  border-color: #d61818;
}
.product-submenu .fixedscreen.fixed {
  position: fixed;
  left: 0;
  top: 0.8rem;
  width: 100%;
}
@media (max-width: 991.98px) {
  .product-submenu {
    height: 0.65rem;
  }
  .product-submenu .fixedscreen {
    padding: 0.1rem 0;
  }
  .product-submenu .fixedscreen .section-md .tab-hd .item {
    font-size: 0.16rem;
    margin: 0 0.1rem;
  }
  .product-submenu .fixedscreen.fixed {
    top: 0.7rem;
  }
}
.fixedscreen {
  background-color: #fff;
  position: relative;
  z-index: 9;
}
.product-spage {
  padding-top: 0.6rem;
  padding-bottom: 1.2rem;
}
.product-spage .section-hd h2 {
  font-size: 0.3rem;
  text-align: left;
}
@media (min-width: 992px) {
  .product-spage > div {
    margin: 0 auto;
    max-width: 12rem;
  }
}
@media (max-width: 991.98px) {
  .product-spage {
    padding-top: 0.4rem;
    padding-bottom: 0.6rem;
  }
  .product-spage .section-hd h2 {
    font-size: 0.2rem;
  }
}
.product-main {
  padding-top: 0.6rem;
  padding-bottom: 0.25rem;
}
.product-main .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  max-width: 13rem;
  margin: 0 auto;
}
.product-main .section-md .left {
  width: 6.5rem;
}
.product-main .section-md .left .block-image .swiper {
  width: 100%;
}
.product-main .section-md .left .block-image .swiper .swiper-wrapper .swiper-slide .image {
  width: 100%;
  height: auto;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f8fa;
}
.product-main .section-md .left .block-image .swiper .swiper-wrapper .swiper-slide .image img {
  max-width: 100%;
}
.product-main .section-md .left .block-thumb {
  margin-top: 0.22rem;
}
.product-main .section-md .left .block-thumb .swiper .swiper-wrapper .swiper-slide {
  cursor: pointer;
  width: 0.75rem;
  height: 0.75rem;
  border: solid 1px #f3f3f3;
}
.product-main .section-md .left .block-thumb .swiper .swiper-wrapper .swiper-slide .image {
  width: 100%;
  height: 100%;
}
.product-main .section-md .left .block-thumb .swiper .swiper-wrapper .swiper-slide .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-main .section-md .left .block-thumb .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  border-color: #d61818;
}
.product-main .section-md .right {
  flex: 1;
  padding-left: 0.65rem;
  padding-top: 0.2rem;
}
.product-main .section-md .right h1 {
  font-weight: 500;
  line-height: 1.2;
}
.product-main .section-md .right .desc {
  font-size: 0.17rem;
  color: #050000;
}
.product-main .section-md .right .block-1 {
  border-top: solid 1px #1a1a1a;
  border-bottom: solid 1px #1a1a1a;
  padding-top: 0.12rem;
  padding-bottom: 0.08rem;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: first baseline;
}
.product-main .section-md .right .block-1 .price .price-now {
  color: #d61818;
  font-size: 0.38rem;
}
.product-main .section-md .right .block-1 .price .price-origin {
  font-size: 0.2rem;
  color: #808080;
  padding-left: 0.1rem;
  text-decoration: line-through;
}
.product-main .section-md .right .block-1 .color {
  color: #050000;
  font-size: 0.17rem;
}
.product-main .section-md .right .block-2 {
  font-size: 0.17rem;
  line-height: 1.45;
  padding-top: 0.38rem;
  padding-bottom: 0.6rem;
}
.product-main .section-md .right .block-3 {
  display: -webkit-flex;
  display: flex;
  width: fit-content;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 0.55rem;
  padding: 0 0.2rem;
  margin-bottom: 0.68rem;
}
.product-main .section-md .right .block-3 span {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 0.55rem;
  padding: 0 0.16rem;
  white-space: nowrap;
  font-size: 0.17rem;
  position: relative;
  margin-right: 0.12rem;
}
.product-main .section-md .right .block-3 span:last-child {
  margin-right: 0;
}
.product-main .section-md .right .block-3 span::before {
  content: '';
  position: absolute;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background-color: #000;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product-main .section-md .right .block-3 span .ricon {
  object-fit: contain;
  filter: drop-shadow(0 1rem #1a1a1a);
  transform: translateY(-1rem);
  margin-right: 0.12rem;
}
.product-main .section-md .right .block-3 span .ricon.icon-zy {
  width: 0.28rem;
  height: 0.2rem;
}
.product-main .section-md .right .block-3 span .ricon.icon-zj {
  width: 0.25rem;
  height: 0.25rem;
}
.product-main .section-md .right .block-3 span .ricon.icon-bj {
  width: 0.28rem;
  height: 0.28rem;
}
.product-main .section-md .right .block-3 span .ricon.icon-bx {
  width: 0.2rem;
  height: 0.2rem;
}
.product-main .section-md .right .block-3 span:hover {
  color: #d61818;
}
.product-main .section-md .right .block-3 span:hover .ricon {
  filter: drop-shadow(0 1rem #d61818);
}
.product-main .section-md .right .btn-animate {
  width: 100%;
  font-size: 0.17rem;
}
@media (max-width: 991.98px) {
  .product-main {
    padding-top: 0.4rem;
    padding-bottom: 0.35rem;
  }
  .product-main .section-md {
    flex-direction: column;
  }
  .product-main .section-md .left {
    width: 100%;
  }
  .product-main .section-md .left .block-thumb {
    margin-top: 0.05rem;
  }
  .product-main .section-md .left .block-thumb .swiper .swiper-wrapper .swiper-slide {
    width: 0.55rem;
    height: 0.55rem;
  }
  .product-main .section-md .right {
    padding-left: 0;
  }
  .product-main .section-md .right .desc {
    display: none;
    font-size: 0.14rem;
  }
  .product-main .section-md .right .block-1 {
    border: none;
    padding: 0.05rem 0;
    padding-bottom: 0.1rem;
  }
  .product-main .section-md .right .block-1 .color {
    font-size: 0.14rem;
  }
  .product-main .section-md .right .block-2 {
    font-size: 0.14rem;
    padding: 0.12rem 0;
    border-top: solid 1px #1a1a1a;
    border-bottom: solid 1px #1a1a1a;
  }
  .product-main .section-md .right .block-2 ul li {
    position: relative;
    padding-left: 0.1rem;
  }
  .product-main .section-md .right .block-2 ul li::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    background-color: #1a1a1a;
  }
  .product-main .section-md .right .block-3 {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    border-radius: 0;
    flex-direction: column;
    width: 100%;
    padding: 0.1rem 0.15rem;
  }
  .product-main .section-md .right .block-3 span {
    width: 100%;
    height: 0.35rem;
    font-size: 0.14rem;
    padding: 0 0.12rem;
  }
  .product-main .section-md .right .block-3 span:last-child {
    margin-right: 0.12rem;
  }
  .product-main .section-md .right .block-3 span .ricon {
    width: 0.3rem !important;
    background-position: left center!important;
    margin-right: 0.05rem;
    filter: unset;
    transform: unset;
  }
  .product-main .section-md .right .block-3 span .ricon.icon-zy {
    background-size: 0.25rem auto;
  }
  .product-main .section-md .right .block-3 span .ricon.icon-zj {
    background-size: 0.25rem auto;
  }
  .product-main .section-md .right .block-3 span .ricon.icon-bj {
    background-size: 0.25rem auto;
  }
  .product-main .section-md .right .block-3 span .ricon.icon-bx {
    background-size: 0.25rem auto;
  }
  .product-main .section-md .right .block-3 span:hover {
    color: #1a1a1a;
  }
  .product-main .section-md .right .block-3 span:hover .ricon {
    filter: unset;
  }
}
.product-dialog-qywx {
  z-index: 9999;
}
.product-dialog-qywx > div > div {
  width: 100%;
  max-width: 8rem;
  background-color: #fff;
  padding: 1rem 0;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.product-dialog-qywx > div > div .image {
  width: 2.4rem;
}
.product-dialog-qywx > div > div .image img {
  width: 100%;
}
.product-dialog-qywx > div > div .block {
  padding-top: 0.6rem;
  text-align: center;
}
.product-content {
  margin: 0 auto;
  max-width: 13rem;
}
.product-content .section-md img {
  display: block;
}
.product-spec > div {
  max-width: 9.35rem;
}
.product-spec .section-md h3 {
  font-size: 0.24rem;
}
.product-spec .section-md .block {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.24rem;
}
.product-spec .section-md .block .item {
  font-size: 0.17rem;
  color: #36230f;
  width: 50%;
  width: calc(100% - 3.7rem);
}
.product-spec .section-md .block .item .value {
  font-weight: 300;
}
.product-spec .section-md .block .item:nth-child(2n) {
  width: 3.7rem;
}
.product-spec .section-md .attention {
  font-size: 0.14rem;
  font-weight: 300;
  color: #36032f;
  padding: 0.25rem 0 0.34rem 0;
}
.product-spec .section-md .attention p {
  margin: 0;
}
.product-spec .section-fd {
  border-top: solid 1px #1a1a1a;
}
.product-spec .section-fd h3 {
  font-size: 0.24rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.product-spec .section-fd .block.package-meiyan {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.product-spec .section-fd .block.package-meiyan .item .image {
  height: 2.7rem;
}
.product-spec .section-fd .block.package-meiyan .item .image img {
  width: auto;
  height: 100%;
}
.product-spec .section-fd .block.package-meiyan .item .text {
  text-align: center;
  font-size: 0.17rem;
  padding-top: 0.17rem;
  color: #36230f;
}
.product-spec .section-fd .block.package-meiyan .item:nth-child(2) .image {
  height: 2.6rem;
}
.product-spec .section-fd .block.package-meiyan .item:nth-child(3) .image {
  height: 2.6rem;
}
.product-spec .section-fd .block.package-meiyan .item:nth-child(4) .image {
  height: 1.6rem;
}
.product-spec .section-fd .block.package-meiyan .item:nth-child(5) .image {
  height: 1.25rem;
}
.product-spec .section-fd .block.package-ruyi {
  display: -webkit-flex;
  display: flex;
}
.product-spec .section-fd .block.package-ruyi .item {
  width: fit-content;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-spec .section-fd .block.package-ruyi .item .image {
  width: fit-content;
  height: auto;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-spec .section-fd .block.package-ruyi .item .image img {
  display: block;
  height: 100%;
}
.product-spec .section-fd .block.package-ruyi .item .text {
  width: 100%;
  text-align: center;
  font-size: 0.17rem;
  padding-top: 0.17rem;
  color: #36230f;
}
.product-spec .section-fd .block.package-ruyi .left {
  flex: 1;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.product-spec .section-fd .block.package-ruyi .left .item:nth-child(1) .image img {
  height: 2.66rem;
}
.product-spec .section-fd .block.package-ruyi .left .item:nth-child(2) .image img {
  height: 2.45rem;
}
.product-spec .section-fd .block.package-ruyi .left .item:nth-child(3) .image img {
  height: 1.77rem;
}
.product-spec .section-fd .block.package-ruyi .left .item:nth-child(4) .image img {
  height: 1.77rem;
}
.product-spec .section-fd .block.package-ruyi .right {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 3rem;
  padding-left: 0.3rem;
  margin-bottom: -0.15rem;
}
.product-spec .section-fd .block.package-ruyi .right .item {
  width: 50%;
  margin-bottom: 0.15rem;
}
.product-spec .section-fd .block.package-ruyi .right .item:nth-child(1) .image img {
  height: 0.77rem;
}
.product-spec .section-fd .block.package-ruyi .right .item:nth-child(2) .image img {
  height: 0.84rem;
}
.product-spec .section-fd .block.package-ruyi .right .item:nth-child(3) .image img {
  height: 1.17rem;
}
.product-spec .section-fd .block.package-ruyi .right .item:nth-child(4) .image {
  align-items: flex-end;
}
.product-spec .section-fd .block.package-ruyi .right .item:nth-child(4) .image img {
  height: 0.84rem;
}
@media (max-width: 991.98px) {
  .product-spec .section-md h3 {
    font-size: 0.15rem;
  }
  .product-spec .section-md .block .item {
    font-size: 0.14rem;
    width: unset!important;
    min-width: 50%;
  }
  .product-spec .section-md .attention {
    padding: 0.1rem 0 0.2rem 0;
    font-size: 0.12rem;
  }
  .product-spec .section-fd h3 {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 0.16rem;
  }
  .product-spec .section-fd .block.package-meiyan .item .text {
    font-size: 0.14rem;
  }
  .product-spec .section-fd .block.package-meiyan .item .image img {
    margin: 0 auto;
  }
  .product-spec .section-fd .block.package-meiyan .item:nth-child(1) .image {
    height: 1.72rem;
  }
  .product-spec .section-fd .block.package-meiyan .item:nth-child(2) .image {
    height: 1.5rem;
  }
  .product-spec .section-fd .block.package-meiyan .item:nth-child(3) .image {
    height: 1.5rem;
  }
  .product-spec .section-fd .block.package-meiyan .item:nth-child(4) .image {
    height: 1.1rem;
  }
  .product-spec .section-fd .block.package-meiyan .item:nth-child(5) .image {
    height: 0.8rem;
  }
  .product-spec .section-fd .block.package-ruyi {
    flex-direction: column;
  }
  .product-spec .section-fd .block.package-ruyi .item .text {
    font-size: 0.14rem;
  }
  .product-spec .section-fd .block.package-ruyi .left .item:nth-child(1) .image img {
    height: 2.12rem;
  }
  .product-spec .section-fd .block.package-ruyi .left .item:nth-child(2) .image img {
    height: 1.96rem;
  }
  .product-spec .section-fd .block.package-ruyi .left .item:nth-child(3) .image img {
    height: 1.4rem;
  }
  .product-spec .section-fd .block.package-ruyi .left .item:nth-child(4) .image img {
    height: 1.4rem;
  }
  .product-spec .section-fd .block.package-ruyi .right {
    padding-top: 0.4rem;
    padding-left: 0;
    width: 100%;
  }
  .product-spec .section-fd .block.package-ruyi .right .item {
    width: 25%;
  }
}
.product-guide .section-md {
  position: relative;
}
.product-guide .section-md video {
  display: block;
}
.product-guide .section-md .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.product-guide .section-fd {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding-top: 0.8rem;
}
.product-guide .section-fd .item {
  width: 50%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2.8rem;
  cursor: pointer;
  overflow: hidden;
}
.product-guide .section-fd .item .image img {
  height: 0.46rem;
}
.product-guide .section-fd .item h3 {
  font-size: 0.22rem;
  padding-top: 0.26rem;
}
.product-guide .section-fd .item .desc {
  font-size: 0.17rem;
  margin: 0;
}
.product-guide .section-fd .item.active .image img {
  filter: drop-shadow(0 2rem #fff);
  transform: translateY(-2rem);
}
.product-guide .section-fd .item.active h3 {
  color: #fff;
}
.product-guide .section-fd .item.active .desc {
  color: #fff;
}
@media (max-width: 991.98px) {
  .product-guide .section-fd {
    padding-top: 0.4rem;
    flex-wrap: wrap;
  }
  .product-guide .section-fd .item {
    width: 100%;
    height: 2rem;
  }
  .product-guide .section-fd .item h3 {
    font-size: 0.18rem;
    padding-top: 0.1rem;
  }
  .product-guide .section-fd .item .image img {
    height: 0.4rem;
  }
}
.product-faq .faq-collapse .item {
  padding: 0;
}
.product-faq .faq-collapse .item .item-hd {
  height: 0.6rem;
  font-size: 0.17rem;
}
.product-faq .faq-collapse .item .item-hd .ricon {
  width: 0.14rem;
  height: 0.14rem;
}
.product-faq .faq-collapse .item .item-md {
  font-size: 0.14rem;
  color: #333;
  line-height: 1.46;
}
@media (max-width: 991.98px) {
  .product-faq .section-md .container {
    padding: 0;
  }
  .product-faq .faq-collapse .item .item-hd {
    height: 0.4rem;
    font-size: 0.15rem;
    font-weight: 501;
  }
  .product-faq .faq-collapse .item .item-md {
    line-height: 1.7;
  }
}
.meiyan-advise {
  padding-top: 0.7rem;
  padding-bottom: 0.9rem;
}
.meiyan-advise .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.meiyan-advise .section-md .image {
  max-width: 9.9rem;
}
.meiyan-advise .section-md .image img {
  display: block;
  width: 100%;
}
@media (max-width: 991.98px) {
  .meiyan-advise {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
.meiyan-main {
  position: relative;
  padding: 0;
}
.meiyan-main .filter-bg img {
  display: block;
  width: 100%;
  height: 7rem;
  object-fit: cover;
}
.meiyan-main .filter-block {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 12.6rem;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.meiyan-main .filter-block .section-hd {
  padding-bottom: 0;
}
.meiyan-main .filter-block .section-hd .image img {
  width: 1.1rem;
}
.meiyan-main .filter-block .section-hd h2 {
  padding-top: 0.27rem;
  padding-bottom: 0.14rem;
  font-size: 0.6rem;
  font-weight: 300;
}
.meiyan-main .filter-block .section-hd .slogan {
  font-size: 0.38rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
}
.meiyan-main .filter-block .section-md {
  height: 95%;
  align-self: flex-end;
}
.meiyan-main .filter-block .section-md .image {
  height: 100%;
}
.meiyan-main .filter-block .section-md .image img {
  height: 100%;
}
@media (max-width: 1599.98px) {
  .meiyan-main .filter-block {
    height: auto;
  }
  .meiyan-main .filter-block .section-hd h2 {
    font-size: 0.48rem;
    white-space: nowrap;
  }
  .meiyan-main .filter-block .section-md {
    height: auto;
  }
  .meiyan-main .filter-block .section-md .image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991.98px) {
  .meiyan-main .filter-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .meiyan-main .filter-bg img {
    height: 100%;
  }
  .meiyan-main .filter-block {
    position: relative;
    flex-direction: column;
    padding-top: 0.6rem;
  }
  .meiyan-main .filter-block .section-hd {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .meiyan-main .filter-block .section-hd .image img {
    width: 1.1rem;
  }
  .meiyan-main .filter-block .section-hd h2 {
    font-size: 0.36rem;
  }
  .meiyan-main .filter-block .section-hd .slogan {
    font-size: 0.24rem;
  }
}
.meiyan-mode {
  padding: 0;
  height: 9.25rem;
  background-color: #e5e5e5;
  position: relative;
}
.meiyan-mode .filter-bg {
  height: 100%;
  padding-top: 0.5rem;
}
.meiyan-mode .filter-bg video {
  display: block;
  margin: 0 auto;
  height: 100%;
}
.meiyan-mode .filter-block {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}
.meiyan-mode .filter-block .section-hd {
  padding-bottom: 0.2rem;
}
.meiyan-mode .filter-block .section-hd h2 {
  font-size: 0.5rem;
  font-weight: 501;
  padding-top: 0.75rem;
}
.meiyan-mode .filter-block .section-hd .lead {
  font-size: 0.28rem;
  letter-spacing: 0.02rem;
  margin: 0;
  padding-top: 0.04rem;
}
.meiyan-mode .filter-block .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.meiyan-mode .filter-block .section-md .item {
  width: 1.1rem;
  height: 0.62rem;
  color: #fff;
  margin-right: 1.03rem;
  text-align: center;
  background: url(../images/product-meiyan-mode-bg.svg) no-repeat center;
  background-size: cover;
  line-height: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.meiyan-mode .filter-block .section-md .item:last-child {
  margin-right: 0;
}
.meiyan-mode .filter-block .section-md .item .en {
  display: block;
  font-size: 0.26rem;
  margin-bottom: 0.03rem;
  letter-spacing: 0.03rem;
}
.meiyan-mode .filter-block .section-md .item .cn {
  font-size: 0.18rem;
  font-weight: 300;
}
@media (max-width: 991.98px) {
  .meiyan-mode {
    height: 7.25rem;
  }
  .meiyan-mode .filter-bg {
    overflow: hidden;
  }
  .meiyan-mode .filter-bg video {
    object-fit: cover;
  }
  .meiyan-mode .filter-block .section-hd h2 {
    font-size: 0.24rem;
  }
  .meiyan-mode .filter-block .section-hd .lead {
    font-size: 0.18rem;
  }
  .meiyan-mode .filter-block .section-md .item {
    transform: scale(0.8);
    margin-right: 0;
  }
}
.meiyan-core {
  padding: 0.85rem 0;
}
.meiyan-core .section-block {
  display: -webkit-flex;
  display: flex;
  max-width: 13rem;
  margin: 0 auto;
  justify-content: space-between;
}
.meiyan-core .section-block .section-hd {
  align-self: center;
  padding-bottom: 0;
  line-height: 1.3;
}
.meiyan-core .section-block .section-hd h2 {
  font-size: 0.5rem;
  font-weight: bold;
  padding-bottom: 0.17rem;
}
.meiyan-core .section-block .section-hd .lead {
  font-size: 0.3rem;
  margin: 0;
  letter-spacing: 0.02rem;
}
.meiyan-core .section-block .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.meiyan-core .section-block .section-md .left {
  display: -webkit-flex;
  display: flex;
  height: 82%;
  flex-direction: column;
  justify-content: space-between;
  background: url(../images/product-meiyan-core-word-right.svg) no-repeat right center;
  background-size: auto calc(100% - 0.28rem);
  margin-right: 0.12rem;
  margin-top: 4%;
}
.meiyan-core .section-block .section-md .left span {
  white-space: nowrap;
  display: block;
  width: 0.89rem;
  height: 0.25rem;
  font-size: 0.18rem;
  color: #47300b;
  background: url(../images/product-meiyan-core-word-bg.svg) no-repeat center;
  background-size: contain;
  text-align: center;
  line-height: 0.25rem;
  margin-right: 0.38rem;
}
.meiyan-core .section-block .section-md .left span:nth-child(2) {
  transform: translateY(-0.06rem);
}
.meiyan-core .section-block .section-md .left span:nth-child(3) {
  transform: translateY(-0.06rem);
}
.meiyan-core .section-block .section-md .right img {
  width: 6.68rem;
}
@media (max-width: 991.98px) {
  .meiyan-core {
    padding: 0.4rem 0;
  }
  .meiyan-core .section-block {
    flex-direction: column;
  }
  .meiyan-core .section-block .section-hd {
    align-self: unset;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 0.2rem;
  }
  .meiyan-core .section-block .section-hd h2 {
    font-size: 0.24rem;
    padding-bottom: 0;
  }
  .meiyan-core .section-block .section-hd .lead {
    font-size: 0.18rem;
  }
  .meiyan-core .section-block .section-md .left {
    display: none;
  }
}
.meiyan-test {
  padding-top: 1.15rem;
  padding-bottom: 0.38rem;
  background-color: #ececec;
}
.meiyan-test .section-hd h2 {
  font-size: 0.46rem;
  font-weight: 501;
}
.meiyan-test .section-hd .lead {
  font-size: 0.3rem;
  margin: 0;
}
.meiyan-test .section-md .test-pagination {
  margin: 0 auto;
  max-width: 9.5rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 0.42rem;
  border: solid 1px #1a1a1a;
  width: fit-content;
  border-radius: 0.5rem;
}
.meiyan-test .section-md .test-pagination span {
  display: block;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: normal;
  font-size: 0.24rem;
  margin: 0;
  opacity: 1;
  width: 2.24rem;
  height: 0.5rem;
  line-height: 0.5rem;
}
.meiyan-test .section-md .test-pagination span.swiper-pagination-bullet-active {
  font-weight: 501;
  font-size: 0.28rem;
}
.meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide {
  position: relative;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item {
  margin-right: 0.25rem;
}
.meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item:last-child {
  margin-right: 0;
}
.meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .image {
  width: 2.75rem;
  padding-bottom: 0.28rem;
}
.meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .image img {
  width: 100%;
}
.meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .percent {
  line-height: 1;
  font-size: 0.58rem;
  text-align: center;
  padding-bottom: 0.11rem;
}
.meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .block {
  line-height: 1;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: first baseline;
  font-size: 0.26rem;
}
.meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .block .text1 {
  font-size: 0.18rem;
  line-height: 1;
  font-weight: 300;
  transform: translateY(-0.05rem);
  text-align: left;
}
.meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .block .text3 {
  font-size: 0.26rem;
  font-weight: 700;
}
.meiyan-test .section-fd {
  padding-top: 0.75rem;
  font-size: 0.13rem;
  font-weight: 300;
  line-height: 1.2;
  color: #4d4d4d;
}
.meiyan-test .section-fd p {
  margin: 0;
}
.meiyan-test .section-fd p.indent {
  text-indent: -0.4em;
}
@media (max-width: 991.98px) {
  .meiyan-test {
    padding: 0.4rem 0;
  }
  .meiyan-test .section-hd h2 {
    font-size: 0.24rem;
  }
  .meiyan-test .section-hd .lead {
    font-size: 0.18rem;
  }
  .meiyan-test .section-md .test-pagination {
    width: 300px;
  }
  .meiyan-test .section-md .test-pagination span {
    font-size: 0.16rem;
    height: 40px;
    line-height: 40px;
    width: 100px;
  }
  .meiyan-test .section-md .test-pagination span.swiper-pagination-bullet-active {
    font-size: 0.16rem;
  }
  .meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item {
    width: calc(50% - 0.1rem);
  }
  .meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .image {
    width: 100%;
  }
  .meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .percent {
    font-size: 0.36rem;
  }
  .meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .block {
    font-size: 0.18rem;
  }
  .meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .block .text1 {
    font-size: 0.14rem;
    width: 0.45rem;
    transform: translateY(-0.02rem);
    white-space: nowrap;
  }
  .meiyan-test .section-md .swiper .swiper-wrapper .swiper-slide .item .block .text3 {
    font-size: 0.18rem;
    text-align: left;
  }
  .meiyan-test .section-fd {
    padding-top: 0.4rem;
  }
}
.meiyan-use {
  padding-top: 0.85rem;
  padding-bottom: 1.25rem;
}
.meiyan-use .section-block {
  padding: 0 0.12rem;
}
.meiyan-use .section-block .section-md {
  position: relative;
  overflow: hidden;
}
.meiyan-use .section-block .section-md .item {
  padding-top: 0.42rem;
  padding-bottom: 0.17rem;
}
.meiyan-use .section-block .section-md .item:last-child {
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
}
.meiyan-use .section-block .section-md .item .item-block {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  max-width: 13.5rem;
  margin: 0 auto;
  padding-left: 0.12rem;
  padding-right: 0.42rem;
}
.meiyan-use .section-block .section-md .item .item-block .left .line-1 {
  margin-top: 0.4rem;
  width: fit-content;
  font-size: 0.22rem;
  font-weight: 300;
  color: #a88b5d;
  height: 0.25rem;
  line-height: 0.25rem;
  background: url(../images/icon-product-meiyan-line1-bg.svg) no-repeat center;
  background-size: 100% 100%;
  padding: 0 0.25rem;
}
.meiyan-use .section-block .section-md .item .item-block .left .line-2 {
  padding-top: 0.5rem;
  font-size: 0.5rem;
  font-weight: 501;
  line-height: 1.33;
}
.meiyan-use .section-block .section-md .item .item-block .left .line-3 {
  font-size: 0.35rem;
  padding-top: 0.3rem;
}
.meiyan-use .section-block .section-md .item .item-block .left .line-4 {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.meiyan-use .section-block .section-md .item .item-block .left .line-4 .image {
  width: 2.2rem;
}
.meiyan-use .section-block .section-md .item .item-block .left .line-4 .image img {
  width: 100%;
}
.meiyan-use .section-block .section-md .item .item-block .left .line-4 .block {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.meiyan-use .section-block .section-md .item .item-block .left .line-4 .block span {
  white-space: nowrap;
  font-size: 0.17rem;
}
.meiyan-use .section-block .section-md .item .item-block .right .image {
  width: 5.5rem;
}
.meiyan-use .section-block .section-md .item .item-block .right .image img {
  width: 100%;
}
.meiyan-use .section-block .section-fd {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  max-width: 13rem;
  margin: 0 auto;
}
.meiyan-use .section-block .section-fd .item {
  flex: 1;
  margin-right: 0.68rem;
  cursor: pointer;
}
.meiyan-use .section-block .section-fd .item .image {
  width: 0.28rem;
}
.meiyan-use .section-block .section-fd .item .image img {
  width: 100%;
}
.meiyan-use .section-block .section-fd .item .line {
  display: block;
  height: 0.04rem;
  border-radius: 0.04rem;
  background-color: #1a1a1a;
  margin-top: 0.12rem;
  position: relative;
}
.meiyan-use .section-block .section-fd .item .line > span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 0.04rem;
  width: 0;
  background-color: #b2b2b2;
}
.meiyan-use .section-block .section-fd .item .line > span.line-2 {
  width: 100%;
}
.meiyan-use .section-block .section-fd .item .block {
  padding-top: 0.1rem;
  font-size: 0.22rem;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.meiyan-use .section-block .section-fd .item:last-child {
  margin-right: 0;
}
.meiyan-use .section-block .section-fd .item:last-child .image {
  opacity: 0.5;
}
.meiyan-use .section-block .section-fd .item:last-child .block {
  opacity: 0.5;
}
@media (max-width: 1199.98px) {
  .meiyan-use .section-block .section-md .item .item-block {
    padding-right: 0;
  }
  .meiyan-use .section-block .section-md .item .item-block .right .image {
    width: 4.5rem;
  }
}
@media (max-width: 991.98px) {
  .meiyan-use {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .meiyan-use .section-block .section-md .item {
    padding-top: 0.2rem;
  }
  .meiyan-use .section-block .section-md .item .item-block {
    flex-direction: column;
    padding-right: 0;
    padding-left: 0;
  }
  .meiyan-use .section-block .section-md .item .item-block .left {
    display: -webkit-flex;
    display: flex;
    height: 2rem;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .meiyan-use .section-block .section-md .item .item-block .left .line-1 {
    margin-top: 0;
  }
  .meiyan-use .section-block .section-md .item .item-block .left .line-2 {
    width: 50%;
    padding-top: 0.2rem;
    font-size: 0.24rem;
  }
  .meiyan-use .section-block .section-md .item .item-block .left .line-3 {
    width: 50%;
    font-size: 0.18rem;
  }
  .meiyan-use .section-block .section-md .item .item-block .left .line-4 {
    width: 50%;
    padding-top: 0.26rem;
    align-items: flex-start;
    flex-direction: column;
    transform: translateX(-0.2rem);
  }
  .meiyan-use .section-block .section-md .item .item-block .left .line-4 .image {
    width: 1.5rem;
  }
  .meiyan-use .section-block .section-md .item .item-block .left .line-4 .block {
    padding-left: 0.16rem;
  }
  .meiyan-use .section-block .section-md .item .item-block .left .line-4 .block span {
    font-size: 0.14rem;
  }
  .meiyan-use .section-block .section-md .item .item-block .right .image {
    width: 100%;
  }
  .meiyan-use .section-block .section-fd {
    padding: 0 0.1rem;
  }
  .meiyan-use .section-block .section-fd .item {
    margin-right: 0.1rem;
  }
  .meiyan-use .section-block .section-fd .item .block {
    font-size: 0.18rem;
  }
}
.meiyan-rf {
  padding: 0.9rem 0;
  background-color: #ececec;
}
.meiyan-rf .section-hd h2 {
  font-size: 0.46rem;
  font-weight: 501;
}
.meiyan-rf .section-hd .lead {
  font-size: 0.3rem;
  margin: 0;
}
.meiyan-rf .section-md .rf-pagination {
  margin: 0 auto;
  max-width: 8.95rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 0.17rem;
  border: solid 1px #1a1a1a;
  width: fit-content;
  border-radius: 0.5rem;
}
.meiyan-rf .section-md .rf-pagination span {
  display: block;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: normal;
  font-size: 0.23rem;
  margin: 0;
  opacity: 1;
  width: 2.63rem;
  height: 0.5rem;
  line-height: 0.5rem;
}
.meiyan-rf .section-md .rf-pagination span.swiper-pagination-bullet-active {
  font-weight: 501;
  font-size: 0.27rem;
}
.meiyan-rf .section-md .swiper {
  margin: 0 auto;
  max-width: 9rem;
}
.meiyan-rf .section-md .swiper .swiper-wrapper .swiper-slide {
  position: relative;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.meiyan-rf .section-md .swiper .swiper-wrapper .swiper-slide .item .item-hd {
  text-align: center;
  font-size: 0.28rem;
  padding-bottom: 0.15rem;
}
.meiyan-rf .section-md .swiper .swiper-wrapper .swiper-slide .item .item-md {
  position: relative;
}
.meiyan-rf .section-md .swiper .swiper-wrapper .swiper-slide .item .item-md .video video {
  display: block;
  width: 100%;
}
@media (max-width: 991.98px) {
  .meiyan-rf {
    padding: 0.4rem 0;
  }
  .meiyan-rf .section-hd {
    padding-bottom: 0.4rem;
  }
  .meiyan-rf .section-hd h2 {
    font-size: 0.24rem;
  }
  .meiyan-rf .section-md .rf-pagination {
    width: 100%;
  }
  .meiyan-rf .section-md .rf-pagination span {
    width: 25%;
    font-size: 0.18rem;
    height: 0.4rem;
    line-height: 0.4rem;
  }
  .meiyan-rf .section-md .rf-pagination span.swiper-pagination-bullet-active {
    font-size: 0.18rem;
  }
  .meiyan-rf .section-md .swiper .swiper-wrapper .swiper-slide .item .item-hd {
    font-size: 0.16rem;
  }
}
.meiyan-origin {
  padding: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.meiyan-origin .section-hd {
  padding-bottom: 0;
  width: 50%;
  padding-left: 1.9rem;
}
.meiyan-origin .section-hd .line-1 {
  font-size: 0.22rem;
  font-weight: 500;
  width: 2rem;
  height: 0.26rem;
  line-height: 0.26rem;
  background: url(../images/icon-product-meiyan-line1-bg.svg) no-repeat center;
  background-size: 100% 100%;
  text-align: center;
  color: #a88b5d;
  margin-bottom: 0.34rem;
}
.meiyan-origin .section-hd h3 {
  font-size: 0.46rem;
  line-height: 1.3;
  font-weight: 501;
}
.meiyan-origin .section-hd .lead {
  margin: 0;
  font-size: 0.24rem;
  padding-top: 0.12rem;
  padding-bottom: 0.12rem;
}
.meiyan-origin .section-hd .pics {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 0.13rem;
}
.meiyan-origin .section-hd .pics .image {
  display: block;
  width: 1.87rem;
  transform: translateX(-0.25rem);
}
.meiyan-origin .section-hd .pics .image img {
  width: 100%;
}
.meiyan-origin .section-hd .pics .image:last-child {
  transform: translateX(-0.45rem);
}
.meiyan-origin .section-hd .line-2 {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 3rem;
}
.meiyan-origin .section-hd .line-2 span {
  display: block;
  width: 1.19rem;
  height: 0.24rem;
  line-height: 0.24rem;
  background: url(../images/product-meiyan-origin-line2-bg.svg) no-repeat center;
  background-size: 100% 100%;
  font-size: 0.18rem;
  text-align: center;
  color: #47300b;
  margin-right: 0.42rem;
  margin-bottom: 0.25rem;
  position: relative;
}
.meiyan-origin .section-hd .line-2 span::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(calc(100% + 0.05rem), -50%);
  content: "";
  display: block;
  width: 0.24rem;
  height: 0.21rem;
  background: url(../images/product-meiyan-origin-line2-right.svg) no-repeat center;
  background-size: contain;
}
.meiyan-origin .section-hd .line-2 span:nth-child(2n) {
  margin-right: 0;
}
.meiyan-origin .section-hd .line-2 span:nth-child(3),
.meiyan-origin .section-hd .line-2 span:nth-child(4) {
  margin-bottom: 0;
}
.meiyan-origin .section-md {
  width: 50%;
}
.meiyan-origin .section-md .image {
  width: 100%;
}
.meiyan-origin .section-md .image img {
  width: 100%;
  max-height: 8.5rem;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .meiyan-origin {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding: 0.4rem 0.15rem;
  }
  .meiyan-origin .section-hd {
    width: 100%;
    padding-left: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .meiyan-origin .section-hd h3 {
    font-size: 0.24rem;
    text-align: center;
  }
  .meiyan-origin .section-hd .lead {
    font-size: 0.16rem;
    padding-bottom: 0;
  }
  .meiyan-origin .section-hd .pics {
    justify-content: center;
    padding-bottom: 0;
  }
  .meiyan-origin .section-hd .pics .image {
    width: 50%;
    max-width: 1.87rem;
    transform: unset;
  }
  .meiyan-origin .section-hd .pics .image:last-child {
    transform: unset;
  }
  .meiyan-origin .section-md {
    width: 100%;
    padding-top: 0.2rem;
  }
}
.meiyan-origin-1 {
  padding: 1rem 0 1.2rem 0;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ececec;
  position: relative;
}
.meiyan-origin-1 .section-hd {
  padding-bottom: 0;
  width: 50%;
  padding-left: 1.95rem;
}
.meiyan-origin-1 .section-hd .line-1 {
  font-size: 0.22rem;
  font-weight: 500;
  width: 2rem;
  height: 0.26rem;
  line-height: 0.26rem;
  background: url(../images/icon-product-meiyan-line1-bg.svg) no-repeat center;
  background-size: 100% 100%;
  text-align: center;
  color: #a88b5d;
  margin-bottom: 0.34rem;
}
.meiyan-origin-1 .section-hd h3 {
  font-size: 0.46rem;
  line-height: 1.3;
  font-weight: 501;
}
.meiyan-origin-1 .section-hd .lead {
  margin: 0;
  font-size: 0.24rem;
  padding-top: 0.13rem;
  padding-bottom: 0.08rem;
}
.meiyan-origin-1 .section-hd .line-2 {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 4.65rem;
  margin-bottom: -0.4rem;
}
.meiyan-origin-1 .section-hd .line-2 .item {
  width: 1.46rem;
  min-width: 1.46rem;
  height: 0.72rem;
  background: url(../images/product-meiyan-origin2-line2-bg.png) no-repeat center;
  background-size: 100% 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #47300b;
  margin-right: 0.42rem;
  margin-bottom: 0.34rem;
  white-space: nowrap;
}
.meiyan-origin-1 .section-hd .line-2 .item:nth-child(2n) {
  margin-right: 0;
}
.meiyan-origin-1 .section-hd .line-2 .item .percent {
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.04rem;
}
.meiyan-origin-1 .section-hd .line-2 .item .text {
  line-height: 1;
  font-size: 0.17rem;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.meiyan-origin-1 .section-hd .line-2 .item .text1 {
  display: block;
  margin-top: 0.02rem;
  font-size: 0.1rem;
  line-height: 1;
}
.meiyan-origin-1 .section-md {
  width: 50%;
  padding-right: 1.75rem;
}
.meiyan-origin-1 .section-md .video {
  width: 100%;
}
.meiyan-origin-1 .section-md .video video {
  display: block;
  width: 100%;
}
.meiyan-origin-1 .section-fd {
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  width: 100%;
  height: auto;
}
.meiyan-origin-1 .section-fd .indent {
  font-size: 0.13rem;
  font-weight: 300;
  color: #4d4d4d;
}
@media (max-width: 991.98px) {
  .meiyan-origin-1 {
    padding: 0.4rem 0.15rem;
    padding-bottom: 1rem;
    flex-direction: column;
  }
  .meiyan-origin-1 .section-hd {
    width: 100%;
    padding-left: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.2rem;
  }
  .meiyan-origin-1 .section-hd h3 {
    font-size: 0.24rem;
    text-align: center;
  }
  .meiyan-origin-1 .section-hd .lead {
    font-size: 0.16rem;
    padding-bottom: 0;
  }
  .meiyan-origin-1 .section-hd .line-2 {
    flex-wrap: unset;
    width: 100%;
    justify-content: center;
  }
  .meiyan-origin-1 .section-hd .line-2 .item {
    margin-right: 0.05rem;
    margin-bottom: 0.05rem;
    transform: scale(0.8);
  }
  .meiyan-origin-1 .section-hd .line-2 .item .percent {
    font-size: 0.24rem;
  }
  .meiyan-origin-1 .section-hd .line-2 .item:first-child {
    transform: scale(0.8) translateX(0.35rem);
  }
  .meiyan-origin-1 .section-hd .line-2 .item:last-child {
    margin-right: 0;
    transform: scale(0.8) translateX(-0.3rem);
  }
  .meiyan-origin-1 .section-md {
    width: 100%;
    padding-right: 0;
    padding-top: 0.4rem;
  }
}
.meiyan-temp {
  padding: 0;
  position: relative;
  width: 100%;
}
.meiyan-temp .filter-bg {
  width: 100%;
  overflow: hidden;
}
.meiyan-temp .filter-bg img {
  display: block;
  width: 100%;
}
.meiyan-temp .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 10%;
  padding-left: 1.95rem;
}
.meiyan-temp .filter-block .section-hd {
  padding-bottom: 0.1rem;
}
.meiyan-temp .filter-block .section-hd h2 {
  font-size: 0.56rem;
  font-weight: 501;
  line-height: 1;
  padding-bottom: 0.05rem;
}
.meiyan-temp .filter-block .section-hd .lead {
  margin: 0;
  font-size: 0.26rem;
}
.meiyan-temp .filter-block .section-md {
  position: relative;
}
.meiyan-temp .filter-block .section-md .item {
  position: absolute;
  left: 0;
  transform: translateY(600px);
  opacity: 0;
}
.meiyan-temp .filter-block .section-md .item::after {
  position: absolute;
  left: 2rem;
  top: 0.21rem;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.meiyan-temp .filter-block .section-md .item.item-1 {
  top: 2.5vw;
}
.meiyan-temp .filter-block .section-md .item.item-1::after {
  width: calc(67.7vw - 3.95rem);
  aspect-ratio: 960/168;
  background-image: url(../images/product-meiyan-temp-line-1.png);
}
.meiyan-temp .filter-block .section-md .item.item-2 {
  top: 10.4vw;
}
.meiyan-temp .filter-block .section-md .item.item-2::after {
  width: 44.8vw;
  width: calc(65.5vw - 3.95rem);
  aspect-ratio: 915/78;
  background-image: url(../images/product-meiyan-temp-line-2.png);
}
.meiyan-temp .filter-block .section-md .item.item-3 {
  top: 18vw;
}
.meiyan-temp .filter-block .section-md .item.item-3::after {
  width: 43.6vw;
  width: calc(64.3vw - 3.95rem);
  aspect-ratio: 890/177;
  background-image: url(../images/product-meiyan-temp-line-3.png);
}
.meiyan-temp .filter-block .section-md .item .item-hd {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.meiyan-temp .filter-block .section-md .item .item-hd .text {
  display: block;
  width: 1.27rem;
  height: 0.38rem;
  line-height: 0.38rem;
  font-weight: 501;
  background: url(../images/product-meiyan-temp-word-bg.svg) no-repeat center;
  background-size: 100% 100%;
  text-align: center;
  font-size: 0.26rem;
}
.meiyan-temp .filter-block .section-md .item .item-hd .num {
  padding-left: 0.34rem;
  font-size: 0.2rem;
  color: #998365;
}
.meiyan-temp .filter-block .section-md .item .item-md {
  padding-top: 0.12rem;
  font-size: 0.18rem;
  font-weight: 300;
}
@media (max-width: 991.98px) {
  .meiyan-temp .filter-bg img {
    object-fit: cover;
  }
  .meiyan-temp .filter-block {
    padding: 0.15rem;
    padding-top: 19%;
  }
  .meiyan-temp .filter-block .section-hd h2 {
    font-size: 0.24rem;
  }
  .meiyan-temp .filter-block .section-hd .lead {
    font-size: 0.16rem;
  }
  .meiyan-temp .filter-block .section-md {
    transform: translateY(-0.7rem);
  }
  .meiyan-temp .filter-block .section-md .item .item-hd .text {
    font-size: 0.14rem;
    width: 0.8rem;
    height: 0.24rem;
    line-height: 0.24rem;
  }
  .meiyan-temp .filter-block .section-md .item .item-hd .num {
    font-size: 0.14rem;
    padding-left: 0.1rem;
  }
  .meiyan-temp .filter-block .section-md .item .item-md {
    padding-top: 0;
    font-size: 0.14rem;
  }
  .meiyan-temp .filter-block .section-md .item::after {
    left: 1.5rem;
  }
  .meiyan-temp .filter-block .section-md .item.item-1 {
    top: 33vw;
  }
  .meiyan-temp .filter-block .section-md .item.item-1::after {
    width: calc(62vw - 1.65rem);
  }
  .meiyan-temp .filter-block .section-md .item.item-2 {
    top: 48vw;
  }
  .meiyan-temp .filter-block .section-md .item.item-2::after {
    width: calc(57vw - 1.65rem);
  }
  .meiyan-temp .filter-block .section-md .item.item-3 {
    top: 63vw;
  }
  .meiyan-temp .filter-block .section-md .item.item-3::after {
    width: calc(52vw - 1.65rem);
  }
}
.meiyan-jh {
  padding: 0;
  position: relative;
}
.meiyan-jh .filter-bg img {
  width: 100%;
  display: block;
  max-height: 8.5rem;
  object-fit: cover;
}
.meiyan-jh .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.meiyan-jh .filter-block .indent {
  padding-top: 2.4rem;
}
.meiyan-jh .filter-block .section-hd {
  margin-top: 2rem;
  padding-bottom: 0;
  width: 50%;
  padding-left: 1.95rem;
}
.meiyan-jh .filter-block .section-hd h3 {
  font-size: 0.46rem;
  line-height: 1.3;
  font-weight: 501;
}
.meiyan-jh .filter-block .section-hd .lead {
  margin: 0;
  font-size: 0.24rem;
  padding-top: 0.13rem;
  padding-bottom: 0.12rem;
}
.meiyan-jh .filter-block .section-hd .line-2 {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 4.7rem;
  margin-top: 0.4rem;
  margin-bottom: -0.4rem;
}
.meiyan-jh .filter-block .section-hd .line-2 .item {
  width: 1.46rem;
  height: 0.72rem;
  background: url(../images/product-meiyan-origin2-line2-bg.png) no-repeat center;
  background-size: 100% 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #47300b;
  margin-right: 0.42rem;
  margin-bottom: 0.34rem;
}
.meiyan-jh .filter-block .section-hd .line-2 .item:nth-child(2n) {
  margin-right: 0;
}
.meiyan-jh .filter-block .section-hd .line-2 .item .percent {
  font-size: 0.29rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.04rem;
}
.meiyan-jh .filter-block .section-hd .line-2 .item .text {
  line-height: 1;
  font-size: 0.17rem;
}
.meiyan-jh .filter-block .section-md {
  width: 50%;
  padding-right: 1.27rem;
}
.meiyan-jh .filter-block .section-md .video {
  width: 100%;
}
.meiyan-jh .filter-block .section-md .video video {
  width: 100%;
}
@media (max-width: 991.98px) {
  .meiyan-jh .filter-bg img {
    display: block;
    object-fit: cover;
  }
  .meiyan-jh .filter-block {
    padding-left: 0;
  }
  .meiyan-jh .filter-block .section-hd {
    width: 100%;
    height: 100%;
    padding-left: 0;
    margin-top: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .meiyan-jh .filter-block .section-hd h3 {
    font-size: 0.24rem;
    text-align: center;
    justify-self: flex-start;
    padding-top: 0.5rem;
    height: calc(100% - 0.5rem);
  }
  .meiyan-jh .filter-block .section-hd .lead {
    font-size: 0.16rem;
    padding-bottom: 4.5rem;
  }
  .meiyan-jh .filter-block .section-hd .line-2 {
    width: fit-content;
    margin: 0 auto;
    align-self: flex-end;
  }
  .meiyan-jh .filter-block .section-hd .line-2 .item {
    width: 1.1rem;
    height: 0.56rem;
    margin-right: 0.1rem;
    margin-bottom: 0;
  }
  .meiyan-jh .filter-block .section-hd .line-2 .item .percent {
    font-size: 0.2rem;
  }
  .meiyan-jh .filter-block .section-hd .line-2 .item .text {
    font-size: 0.14rem;
  }
  .meiyan-jh .filter-block .section-hd .line-2 .item:nth-child(2n) {
    margin-right: 0.1rem;
  }
  .meiyan-jh .filter-block .section-hd .line-2 .item:last-child {
    margin-right: 0;
  }
  .meiyan-jh .filter-block .section-hd .indent {
    padding-top: 0;
    text-align: center;
  }
}
.ruyi-advise {
  padding-top: 0.7rem;
  padding-bottom: 0.9rem;
}
.ruyi-advise .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.ruyi-advise .section-md .image {
  max-width: 9.9rem;
}
.ruyi-advise .section-md .image img {
  display: block;
  width: 100%;
}
@media (max-width: 991.98px) {
  .ruyi-advise {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
.ruyi-main {
  position: relative;
  padding: 0;
}
.ruyi-main .filter-bg img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.ruyi-main .filter-block {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ruyi-main .filter-block .section-hd {
  padding-bottom: 0;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.45rem;
}
.ruyi-main .filter-block .section-hd .block {
  width: 3.05rem;
}
.ruyi-main .filter-block .section-hd .block img {
  width: 40%;
  padding: 0 0.05rem;
  display: block;
  margin-bottom: 0.1rem;
  margin-left: auto;
  margin-right: auto;
}
.ruyi-main .filter-block .section-hd .block h2 {
  color: #fff;
  font-size: 0.48rem;
  font-weight: 300;
  text-align: justify;
  text-align-last: justify;
  /* 强制最后一行也分散对齐 */
}
.ruyi-main .filter-block .section-hd .slogan {
  font-size: 0.38rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
}
@media (max-width: 991.98px) {
  .ruyi-main .filter-bg img {
    min-height: 2rem;
  }
  .ruyi-main .filter-block .section-hd {
    padding-bottom: 0.1rem;
  }
  .ruyi-main .filter-block .section-hd .block {
    width: 2rem;
  }
  .ruyi-main .filter-block .section-hd .block h2 {
    font-size: 0.24rem;
  }
  .ruyi-main .filter-block .section-hd .block img {
    margin-bottom: 0.05rem;
  }
  .ruyi-main .filter-block .section-hd .slogan {
    font-size: 0.12rem;
    font-weight: normal;
  }
}
.ruyi-elec {
  padding-top: 1.15rem;
  background-color: #000;
}
.ruyi-elec .section-hd {
  text-align: center;
}
.ruyi-elec .section-hd h2 {
  font-size: 0.52rem;
  font-weight: 501;
  color: #e2c998;
}
.ruyi-elec .section-hd .lead {
  font-size: 0.24rem;
  color: #fff;
  margin: 0;
  padding-top: 0.1rem;
}
.ruyi-elec .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.ruyi-elec .section-md img {
  display: block;
  width: 100%;
  width: 8.45rem;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .ruyi-elec {
    padding-top: 0.6rem;
  }
  .ruyi-elec .section-hd {
    padding-bottom: 0.4rem;
  }
  .ruyi-elec .section-hd h2 {
    font-size: 0.2rem;
  }
  .ruyi-elec .section-hd .lead {
    font-size: 0.14rem;
    padding-top: 0;
  }
}
.ruyi-single-elec {
  background-color: #000;
  padding-top: 2rem;
}
.ruyi-single-elec .section-hd {
  max-width: 13rem;
  margin: 0 auto;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.ruyi-single-elec .section-hd .item h3 {
  font-size: 0.51rem;
  font-weight: 501;
  color: #e2c998;
}
.ruyi-single-elec .section-hd .item .block {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ruyi-single-elec .section-hd .item .block span {
  font-size: 0.24rem;
  letter-spacing: 0.02rem;
}
.ruyi-single-elec .section-hd .item:last-child {
  width: 5.6rem;
}
.ruyi-single-elec .section-hd .item:last-child .block span {
  white-space: nowrap;
  width: 50%;
}
.ruyi-single-elec .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.ruyi-single-elec .section-md video {
  display: block;
  max-width: 90%;
}
@media (max-width: 991.98px) {
  .ruyi-single-elec {
    padding-top: 0.4rem;
  }
  .ruyi-single-elec .section-hd {
    padding-bottom: 0.4rem;
    flex-direction: column;
  }
  .ruyi-single-elec .section-hd .item h3 {
    text-align: center;
    font-size: 0.2rem;
  }
  .ruyi-single-elec .section-hd .item .block span {
    font-size: 0.14rem;
  }
  .ruyi-single-elec .section-hd .item:last-child {
    width: 100%;
  }
}
.ruyi-mode {
  background-color: #000;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.ruyi-mode .filter-bg {
  position: relative;
}
.ruyi-mode .filter-bg img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.ruyi-mode .filter-bg img.cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ruyi-mode .filter-block {
  position: absolute;
  left: 15vw;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.ruyi-mode .filter-block .section-hd {
  padding-top: 4.7vw;
}
.ruyi-mode .filter-block .section-hd h2 {
  font-size: 0.52rem;
  font-weight: 501;
  color: #e2c998;
}
.ruyi-mode .filter-block .section-hd .lead {
  font-size: 0.24rem;
  color: #fff;
  margin: 0;
  letter-spacing: 0.02rem;
}
.ruyi-mode .filter-block .section-md {
  padding-top: 6.5vw;
  padding-top: calc(13.5vw - 1.42rem);
  padding-top: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.ruyi-mode .filter-block .section-md .item {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  width: 1.5rem;
}
.ruyi-mode .filter-block .section-md .item .left {
  color: #e2c998;
  transform: translateY(8rem);
  transition: transform 0.5s ease-in-out;
}
.ruyi-mode .filter-block .section-md .item .left .en {
  display: block;
  font-size: 0.33rem;
  line-height: 1;
  padding-bottom: 0.05rem;
}
.ruyi-mode .filter-block .section-md .item .left .cn {
  display: block;
  font-size: 0.14rem;
  line-height: 1;
}
.ruyi-mode .filter-block .section-md .item .left:hover {
  color: #e2c998;
}
.ruyi-mode .filter-block .section-md .item .right {
  opacity: 0;
  position: absolute;
  left: 1.54rem;
  bottom: calc(50% - 0.05rem);
  transform: opacity 0.5s ease-in-out;
}
.ruyi-mode .filter-block .section-md .item.item-1 {
  top: calc(19vw - 0.26rem);
}
.ruyi-mode .filter-block .section-md .item.item-1 .right {
  width: calc(60vw - 1.5rem);
}
.ruyi-mode .filter-block .section-md .item.item-2 {
  top: calc(25.5vw - 0.26rem);
}
.ruyi-mode .filter-block .section-md .item.item-2 .right {
  width: 9.25rem;
  width: calc(56vw - 1.5rem);
}
.ruyi-mode .filter-block .section-md .item.item-3 {
  top: calc(32vw - 0.26rem);
}
.ruyi-mode .filter-block .section-md .item.item-3 .right {
  width: 8.5rem;
  width: calc(51.5vw - 1.5rem);
}
.ruyi-mode .filter-block .section-md .item.item-4 {
  top: calc(38.5vw - 0.26rem);
}
.ruyi-mode .filter-block .section-md .item.item-4 .right {
  width: 7.6rem;
  width: calc(47.5vw - 1.5rem);
}
.ruyi-mode .filter-block .section-md .item.item-5 {
  top: calc(44vw - 0.26rem);
}
.ruyi-mode .filter-block .section-md .item.item-5 .right {
  width: 6.9rem;
  width: calc(43.5vw - 1.5rem);
}
.ruyi-mode .filter-block .section-md .item.active .left {
  transform: translateY(0);
}
.ruyi-mode .filter-block .section-md .item.active .right {
  opacity: 1;
}
@media (max-width: 991.98px) {
  .ruyi-mode .filter-bg {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
  }
  .ruyi-mode .filter-bg img {
    width: 110%;
    height: 6rem;
    object-fit: cover;
    object-position: 65% center;
  }
  .ruyi-mode .filter-block {
    left: 5vw;
  }
  .ruyi-mode .filter-block .section-hd h2 {
    font-size: 0.24rem;
  }
  .ruyi-mode .filter-block .section-hd .lead {
    font-size: 0.18rem;
  }
  .ruyi-mode .filter-block .section-md .item .left .en {
    font-size: 0.26rem;
  }
  .ruyi-mode .filter-block .section-md .item .right {
    left: 0.7rem;
  }
  .ruyi-mode .filter-block .section-md .item.item-1 {
    top: 1.7rem;
  }
  .ruyi-mode .filter-block .section-md .item.item-1 .right {
    width: calc(85vw - 0.56rem);
  }
  .ruyi-mode .filter-block .section-md .item.item-2 {
    top: 2.4rem;
  }
  .ruyi-mode .filter-block .section-md .item.item-2 .right {
    width: calc(73vw - 0.56rem);
  }
  .ruyi-mode .filter-block .section-md .item.item-3 {
    top: 3.1rem;
  }
  .ruyi-mode .filter-block .section-md .item.item-3 .right {
    width: calc(61vw - 0.56rem);
  }
  .ruyi-mode .filter-block .section-md .item.item-4 {
    top: 3.8rem;
  }
  .ruyi-mode .filter-block .section-md .item.item-4 .right {
    width: calc(51vw - 0.56rem);
  }
  .ruyi-mode .filter-block .section-md .item.item-5 {
    top: 4.5rem;
  }
  .ruyi-mode .filter-block .section-md .item.item-5 .right {
    width: calc(41vw - 0.56rem);
  }
}
.ruyi-core {
  background-color: #000;
  padding-top: 2rem;
}
.ruyi-core .section-hd {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.4rem;
}
.ruyi-core .section-hd .image {
  width: 4rem;
}
.ruyi-core .section-hd .image img {
  width: 100%;
  display: block;
}
.ruyi-core .section-hd .block h2 {
  font-size: 0.24rem;
  color: #fff;
  font-weight: normal;
  text-align: justify;
  text-align-last: justify;
  /* 强制最后一行也分散对齐 */
}
.ruyi-core .section-hd .block .lead {
  margin: 0;
  line-height: 1;
  font-size: 0.6rem;
  font-weight: 501;
  color: #fff;
}
.ruyi-core .section-md video {
  display: block;
  width: 100%;
}
@media (max-width: 991.98px) {
  .ruyi-core {
    padding-top: 0.4rem;
  }
  .ruyi-core .section-hd {
    flex-direction: column;
  }
  .ruyi-core .section-hd .image {
    width: 100%;
    margin-bottom: 0.1rem;
  }
  .ruyi-core .section-hd .block h2 {
    font-size: 0.16rem;
  }
  .ruyi-core .section-hd .block .lead {
    font-size: 0.2rem;
    text-align: center;
  }
}
.ruyi-effect {
  background-color: #000;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.ruyi-effect .swiper .swiper-slide {
  width: 50%;
  padding: 0 0.2rem;
}
.ruyi-effect .swiper .swiper-slide video {
  display: block;
  width: 100%;
}
.ruyi-effect .swiper .swiper-slide .block {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  color: #fff;
  padding-bottom: 0.1rem;
}
.ruyi-effect .swiper .swiper-slide .block h3 {
  color: #e2c998;
  font-size: 0.48rem;
  margin: 0;
  line-height: 1;
}
.ruyi-effect .swiper .swiper-slide .block .right {
  margin-left: 1rem;
}
.ruyi-effect .swiper .swiper-slide .block .right p {
  margin: 0;
  padding-bottom: 0;
}
.ruyi-effect .effect-pagination {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding-top: 0.8rem;
}
.ruyi-effect .effect-pagination .swiper-pagination-bullet {
  width: 0.35rem;
  height: 2px;
  background-color: #fff;
}
@media (max-width: 1199.98px) {
  .ruyi-effect .swiper .swiper-slide .block {
    justify-content: space-between;
  }
  .ruyi-effect .swiper .swiper-slide .block h3 {
    font-size: 0.36rem;
  }
  .ruyi-effect .swiper .swiper-slide .block .right {
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .ruyi-effect {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .ruyi-effect .swiper .swiper-slide {
    width: 80%;
    padding: 0 0.15rem;
  }
  .ruyi-effect .swiper .swiper-slide .block {
    min-height: 0.45rem;
  }
  .ruyi-effect .swiper .swiper-slide .block h3 {
    font-size: 0.14rem;
  }
  .ruyi-effect .swiper .swiper-slide .block .right p {
    font-size: 0.1rem;
  }
  .ruyi-effect .effect-pagination {
    padding-top: 0.2rem;
  }
}
.ruyi-young {
  padding: 0;
  position: relative;
}
.ruyi-young .filter-bg img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.ruyi-young .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ruyi-young .filter-block .section-hd h2 {
  font-size: 0.52rem;
  color: #fff;
}
.ruyi-young .filter-block .section-hd .image {
  width: 4.1rem;
}
.ruyi-young .filter-block .section-hd .image img {
  width: 100%;
  display: block;
}
.ruyi-young .filter-block .section-md .image {
  width: 4.6rem;
}
.ruyi-young .filter-block .section-md .image img {
  width: 100%;
  display: block;
}
@media (max-width: 991.98px) {
  .ruyi-young .filter-bg img {
    min-height: 6.5rem;
  }
  .ruyi-young .filter-block {
    align-items: unset;
    padding-top: 0.8rem;
  }
  .ruyi-young .filter-block .section-hd {
    width: 60%;
  }
  .ruyi-young .filter-block .section-hd .image {
    width: 100%;
    max-width: 4.1rem;
  }
  .ruyi-young .filter-block .section-md {
    width: 60%;
    padding-top: 0.2rem;
  }
  .ruyi-young .filter-block .section-md .image {
    width: 100%;
    max-width: 4.6rem;
  }
}
.ruyi-compare {
  padding: 0;
  position: relative;
}
.ruyi-compare .filter-bg img {
  display: block;
  width: 100%;
}
.ruyi-compare .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ruyi-compare .filter-block .container {
  flex: 1;
}
.ruyi-compare .filter-block .container .section-md {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3rem;
}
.ruyi-compare .filter-block .container .section-md .item {
  position: relative;
  overflow: hidden;
}
.ruyi-compare .filter-block .container .section-md .item .image {
  width: 100%;
  position: relative;
}
.ruyi-compare .filter-block .container .section-md .item .image img {
  width: 100%;
}
.ruyi-compare .filter-block .container .section-md .item .image .before {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  object-position: left;
  border-right: solid 2px #edc7a6;
}
.ruyi-compare .filter-block .container .section-md .item .image .before img {
  height: 100%;
  object-fit: cover;
  object-position: left;
}
.ruyi-compare .filter-block .container .section-md .item .image .before::after {
  content: "";
  display: block;
  position: absolute;
  right: -1.333px;
  top: 50%;
  background: url(../images/product-ruyi-compare-button.svg) no-repeat center;
  background-size: contain;
  width: 0.5rem;
  height: 0.5rem;
  transform: translate(50%, -50%);
  z-index: 1;
}
.ruyi-compare .filter-block .container .section-md .item .block {
  text-align: center;
  font-size: 0.28rem;
  color: #fff;
  padding-top: 0.1rem;
}
.ruyi-compare .filter-block .container .section-md .item .block .percent {
  font-size: 0.58rem;
  font-weight: 501;
  color: #e2c998;
}
.ruyi-compare .filter-block .section-fd {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.1rem;
  padding-left: 5%;
  padding-bottom: 0.25rem;
}
@media (max-width: 991.98px) {
  .ruyi-compare .filter-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .ruyi-compare .filter-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ruyi-compare .filter-block {
    position: relative;
    padding-top: 0.6rem;
  }
  .ruyi-compare .filter-block .container .section-md {
    flex-direction: column;
  }
  .ruyi-compare .filter-block .container .section-md .item .block {
    font-size: 0.18rem;
  }
  .ruyi-compare .filter-block .container .section-md .item .block .percent {
    font-size: 0.26rem;
  }
}
.ruyi-sgs {
  position: relative;
  padding: 0;
}
.ruyi-sgs .filter-bg {
  position: relative;
}
.ruyi-sgs .filter-bg img {
  display: block;
  width: 100%;
}
.ruyi-sgs .filter-bg .numsbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ruyi-sgs .filter-bg .numsbg img {
  position: relative;
  transition: all 0.5s ease-in-out;
}
.ruyi-sgs .filter-bg .numsbg img:first-child {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ruyi-sgs .filter-bg .numsbg img:last-child {
  display: block;
  opacity: 1;
}
.ruyi-sgs .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ruyi-sgs .filter-block .container {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ruyi-sgs .filter-block .container .section-hd {
  flex: 1;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ruyi-sgs .filter-block .container .section-hd h2 {
  color: #fff;
  font-size: 0.46rem;
}
.ruyi-sgs .filter-block .section-fd {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.1rem;
  padding-left: 5%;
  padding-bottom: 0.25rem;
}
.ruyi-sgs .filter-block .section-md {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ruyi-sgs .filter-block .section-md .item {
  display: block;
  width: 3.35rem;
  height: 2.3rem;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
}
.ruyi-sgs .filter-block .section-md .item.yw {
  right: 42%;
  top: 21%;
}
.ruyi-sgs .filter-block .section-md .item.fl {
  right: 38%;
  top: 50%;
}
.ruyi-sgs .filter-block .section-md .item.tx {
  right: 8%;
  top: 5%;
}
.ruyi-sgs .filter-block .section-md .item.zp {
  right: 6%;
  top: 62%;
}
@media (max-width: 991.98px) {
  .ruyi-sgs .filter-bg .numsbg img:first-child {
    opacity: 1;
  }
  .ruyi-sgs .filter-block .container .section-hd h2 {
    font-size: 0.2rem;
  }
}
.ruyi-smart {
  padding: 0;
  position: relative;
}
.ruyi-smart .filter-bg img {
  display: block;
  width: 100%;
}
.ruyi-smart .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ruyi-smart .filter-block .section-hd img {
  display: block;
  width: 5.5rem;
  float: right;
}
@media (max-width: 991.98px) {
  .ruyi-smart .filter-bg img {
    object-fit: cover;
  }
  .ruyi-smart .filter-block {
    justify-content: center;
    align-items: flex-end;
  }
  .ruyi-smart .filter-block .container {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
  .ruyi-smart .filter-block .section-hd {
    width: fit-content;
    padding-bottom: 0.4rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
  .ruyi-smart .filter-block .section-hd img {
    width: 2.6rem;
    margin: 0 auto;
  }
}
/***********************************
** 文章详情
************************************/
.section-content {
  background-color: #fff;
  padding-bottom: 1rem;
  padding-top: 0.45rem;
  max-width: 13rem;
  margin: 0 auto;
}
.section-content .container .section-hd {
  border-bottom: solid 1px #dbdbdb;
  padding-bottom: 0;
}
.section-content .container .section-hd h1 {
  font-size: 0.4rem;
}
.section-content .container .section-hd .date {
  display: block;
  padding: 0.2rem 0;
  color: #898989;
}
.section-content .container .section-md {
  padding-top: 0.2rem;
}
.section-content .container .section-fd {
  padding-top: 0.6rem;
}
.section-content .container .section-fd .btn-animate {
  color: #fff;
  margin: 0 auto;
  max-width: 2rem;
}
@media screen and (max-width: 767px) {
  .section-content {
    padding-top: 0.2rem;
  }
  .section-content .container .section-hd h1 {
    font-size: 0.2rem;
  }
}
.tech-banner {
  padding: 0;
  position: relative;
}
.tech-banner .filter-bg img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.tech-banner .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tech-banner .filter-block .section-md {
  max-width: 5.5rem;
}
.tech-banner .filter-block .section-md h1 {
  font-size: 0.4rem;
  color: #fff;
}
.tech-banner .filter-block .section-md .desc {
  color: #fff;
}
@media (max-width: 1199.98px) {
  .tech-banner .filter-block .section-md {
    max-width: 4.5rem;
  }
}
@media (max-width: 991.98px) {
  .tech-banner .filter-bg img {
    min-height: 6.5rem;
  }
  .tech-banner .filter-block .section-md {
    max-width: 2rem;
  }
  .tech-banner .filter-block .section-md h1 {
    font-size: 0.3rem;
  }
}
.tech-effect {
  padding: 0;
  background-color: #000;
  padding-top: 1.4rem;
  padding-bottom: 1.6rem;
}
.tech-effect .section-hd {
  text-align: center;
  padding-bottom: 0.2rem;
}
.tech-effect .section-hd h2 {
  color: #fff;
  font-size: 0.4rem;
  letter-spacing: 0.02rem;
}
.tech-effect .section-hd .lead {
  color: #fff;
  margin: 0;
  padding-top: 0.08rem;
  font-size: 0.2rem;
}
.tech-effect .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.tech-effect .section-md .item-loop {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.tech-effect .section-md .item-loop .item {
  width: calc(50% - 0.12rem);
  position: relative;
}
.tech-effect .section-md .item-loop .item .filter-bg img {
  display: block;
}
.tech-effect .section-md .item-loop .item .filter-block {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  text-align: center;
  padding-bottom: 0.2rem;
}
.tech-effect .section-md .item-loop .item .filter-block h3 {
  color: #fff;
  font-size: 0.34rem;
  line-height: 1;
  margin-bottom: 0.1rem;
}
.tech-effect .section-md .item-loop .item .filter-block p {
  color: #fff;
  font-size: 0.2rem;
  line-height: 1.2;
  margin: 0;
  min-height: 0.48rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991.98px) {
  .tech-effect {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .tech-effect .section-hd h2 {
    font-size: 0.26rem;
  }
  .tech-effect .section-hd .lead {
    font-size: 0.16rem;
  }
  .tech-effect .section-md .item-loop {
    flex-wrap: wrap;
    margin-bottom: -0.2rem;
  }
  .tech-effect .section-md .item-loop .item {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .tech-effect .section-md .item-loop .item .filter-block h3 {
    font-size: 0.2rem;
  }
  .tech-effect .section-md .item-loop .item .filter-block p {
    font-size: 0.14rem;
  }
}
.tech-sence3 {
  padding: 0;
  position: relative;
}
.tech-sence3 .filter-bg video {
  display: block;
  width: 100%;
  max-height: 7.4rem;
  object-fit: cover;
}
.tech-sence3 .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tech-sence3 .filter-block .section-md span {
  color: #fff;
  font-size: 0.23rem;
  line-height: 1;
}
.tech-sence3 .filter-block .section-md h2 {
  color: #fff;
  font-size: 0.48rem;
}
.tech-sence3 .filter-block .section-md a {
  display: block;
  width: fit-content;
  font-size: 0.18rem;
  color: #fff;
  border: solid 1px #fff;
  padding: 0.04rem 0.8rem;
  transition: all 0.3s ease-in-out;
}
.tech-sence3 .filter-block .section-md a:hover {
  border-color: #d61818;
  color: #d61818;
}
@media (max-width: 991.98px) {
  .tech-sence3 .filter-block .section-md span {
    font-size: 0.14rem;
  }
  .tech-sence3 .filter-block .section-md h2 {
    font-size: 0.2rem;
  }
  .tech-sence3 .filter-block .section-md a {
    font-size: 0.14rem;
    padding: 0.04rem 0.4rem;
  }
}
.tech-sence4 {
  background-color: #000;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.tech-sence4 .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tech-sence4 .section-md .left {
  width: 50%;
  max-width: 5.4rem;
}
.tech-sence4 .section-md .left h2 {
  color: #fff;
  font-size: 0.36rem;
  line-height: 1.2;
  padding-bottom: 0.2rem;
}
.tech-sence4 .section-md .left .collapse-loop .item {
  border-top: solid 1px #fff;
}
.tech-sence4 .section-md .left .collapse-loop .item .item-hd {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.05rem 0.1rem 0;
}
.tech-sence4 .section-md .left .collapse-loop .item .item-hd span {
  display: block;
  flex: 1;
  color: #fff;
  font-size: 0.24rem;
}
.tech-sence4 .section-md .left .collapse-loop .item .item-hd .ricon {
  transition: all 0.3s ease-in-out;
  width: 0.2rem;
  height: 0.11rem;
  background-image: url(../images/tech-arrow-down.png);
}
.tech-sence4 .section-md .left .collapse-loop .item .item-md {
  color: #fff;
  font-size: 0.17rem;
  padding-bottom: 0.15rem;
}
.tech-sence4 .section-md .left .collapse-loop .item:last-child {
  border-bottom: solid 1px #fff;
}
.tech-sence4 .section-md .left .collapse-loop .item.active .item-hd .ricon {
  transform: rotate(180deg);
}
.tech-sence4 .section-md .right {
  width: 50%;
}
.tech-sence4 .section-md .right .image img {
  display: none;
}
.tech-sence4 .section-md .right .image img:first-child {
  display: block;
}
@media (max-width: 1199.98px) {
  .tech-sence4 .section-md .left,
  .tech-sence4 .section-md .right {
    width: calc(50% - 0.1rem);
  }
}
@media (max-width: 991.98px) {
  .tech-sence4 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .tech-sence4 .section-md {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .tech-sence4 .section-md .left {
    width: 100%;
    max-width: unset;
  }
  .tech-sence4 .section-md .left h2 {
    font-size: 0.26rem;
    text-align: center;
    padding-bottom: 0.3rem;
  }
  .tech-sence4 .section-md .left .collapse-loop .item .item-hd span {
    font-size: 0.16rem;
  }
  .tech-sence4 .section-md .left .collapse-loop .item .item-hd .ricon {
    width: 0.14rem;
  }
  .tech-sence4 .section-md .left .collapse-loop .item .item-md {
    font-size: 0.14rem;
  }
  .tech-sence4 .section-md .right {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.tech-safe {
  background-color: #000;
  padding-top: 1rem;
  padding-bottom: 1.2rem;
}
.tech-safe .section-hd h2 {
  color: #fff;
}
.tech-safe .section-md .auto-pagination {
  margin: 0 auto;
  max-width: 9.6rem;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.tech-safe .section-md .auto-pagination span {
  display: block;
  width: fit-content;
  min-width: 1.85rem;
  border-radius: 0;
  text-align: center;
  font-size: 0.26rem;
  background: none;
  margin: 0 0.2rem;
  opacity: 1;
  color: #fff;
  width: auto;
  height: auto;
  border-bottom: solid 4px transparent;
}
.tech-safe .section-md .auto-pagination span.swiper-pagination-bullet-active {
  color: #fff;
  border-color: #fff;
}
.tech-safe .section-md .swiper .swiper-wrapper .swiper-slide {
  position: relative;
}
.tech-safe .section-md .swiper .swiper-wrapper .swiper-slide .image img {
  width: 100%;
}
.tech-safe .section-md .swiper .swiper-wrapper .swiper-slide .block {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.25rem;
  color: #fff;
  font-size: 0.22rem;
}
.tech-safe .section-md .swiper .page {
  position: absolute;
  top: 0;
  height: 100%;
  width: 30%;
  z-index: 1;
}
.tech-safe .section-md .swiper .page.prev {
  left: 0;
}
.tech-safe .section-md .swiper .page.next {
  right: 0;
}
@media (max-width: 991.98px) {
  .tech-safe {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
  .tech-safe .section-md .auto-pagination {
    margin-bottom: 0.2rem;
    justify-content: center;
  }
  .tech-safe .section-md .auto-pagination span {
    flex: none;
    width: fit-content;
    min-width: 1.2rem;
    border-width: 0.02rem;
    font-size: 0.16rem;
    margin: 0 0.05rem;
    padding: 0 0.02rem;
  }
  .tech-safe .section-md .swiper .swiper-wrapper .swiper-slide {
    max-width: 80%;
  }
  .tech-safe .section-md .swiper .swiper-wrapper .swiper-slide .block {
    font-size: 0.14rem;
    width: 100%;
    bottom: 0.1rem;
  }
  .tech-safe .section-md .swiper .page {
    display: none;
  }
}
.tech-cert {
  padding: 0;
  position: relative;
}
.tech-cert .filter-bg img {
  display: block;
}
.tech-cert .filter-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tech-cert .filter-block .section-md p {
  color: #fff;
  max-width: 5rem;
}
@media (max-width: 1199.98px) {
  .tech-cert .filter-block .section-md p {
    max-width: 2.6rem;
  }
}
@media (max-width: 991.98px) {
  .tech-cert .filter-bg {
    padding-top: 0.7rem;
    background-color: #000;
  }
  .tech-cert .filter-block {
    align-items: flex-start;
  }
  .tech-cert .filter-block .section-md p {
    max-width: unset;
  }
}
.tech-product {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tech-product .section-hd {
  padding-bottom: 0.6rem;
}
.tech-product .section-hd h2 {
  text-align: center;
}
.tech-product .section-md {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.tech-product .section-md .item-loop {
  max-width: 12rem;
}
@media (max-width: 991.98px) {
  .tech-product {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
/*# sourceMappingURL=./style.min.css.map */