@charset "UTF-8";
/* 创络建站 https://www.chuangluo.com */
* {
  margin: 0;
  padding: 0;
  -moz-outline: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*::after,
*::before {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-overflow-scrolling: touch;
  font-size: 16px !important;
  overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
  color: #000;
}
img {
  max-width: 100%;
  max-height: 100%;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 120%;
}
input,
textarea {
  resize: none;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
  appearance: none;
}
ul.swiper-wrapper {
  margin: 0;
  padding: 0;
}
/* Flex 布局 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.f_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_column_right {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.f_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.f_row_right {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.j_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.j_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.j_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.j_justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.j_around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.a_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.a_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.a_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.a_stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.a_s_stretch {
  -webkit-box-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.a_s_center {
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}
.a_s_end {
  -webkit-box-self: end;
  -ms-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
/* 文字超出隐藏 */
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 动画 */
.dh {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
/* 动画延迟 */
/* 图片放大 */
/* 旋转 */
.xzx {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.xzy {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
/* 比例 */
.pb {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
/* 图片 水平垂直 居中 */
.abimg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
/* 侧边条 */
/* 媒体查询 缩写 */
/* 布局 */
.w1920 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.w1800 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px;
}
.w1720 {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
}
.w1680 {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}
.w1640 {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}
.w1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.w1560 {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
}
.w1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.w1400 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.w1360 {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}
.w1350 {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
}
.w1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.w1240 {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.w1150 {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
}
.pc {
  display: block;
}
.wap,
.mobile {
  display: none;
}
@media (max-width:1840px) {
  .w1720 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1800px) {
  .w1680 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1760px) {
  .w1640 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1720px) {
  .w1600 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1680px) {
  .w1560 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1560px) {
  .w1440 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1520px) {
  .w1400 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1470px) {
  .w1350 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1400px) {
  .w1280 {
    padding: 0 60px;
  }
}
@media (max-width:1360px) {
  .w1240 {
    padding: 0 60px;
  }
}
@media (max-width:1320px) {
  .w1200 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1270px) {
  .w1150 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1024px) {
  .w1800,
  .w1720,
  .w1680,
  .w1640,
  .w1560,
  .w1440,
  .w1400,
  .w1350,
  .w1280,
  .w1240,
  .w1200,
  .w1150 {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .w1800,
  .w1720,
  .w1680,
  .w1640,
  .w1600,
  .w1560,
  .w1440,
  .w1400,
  .w1350,
  .w1280,
  .w1240,
  .w1200,
  .w1150 {
    padding: 0 20px;
  }
  .pc {
    display: none;
  }
  .wap,
  .mobile {
    display: block;
  }
}
/* 常用 CSS3 动画 */
/* 360 旋转 */
@keyframes run {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes run2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes tran_run {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tran_run2 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
/* 大 => 小 */
@keyframes grow2 {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* 透明度  1 => 0 */
@keyframes bgfd {
  0% {
    width: 0%;
    height: 0%;
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
/* 默认 空标签 */
.cle {
  clear: both;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  font-size: 0px;
}
/* 图片 垂直居中 */
.imgmid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 100%;
  width: 1px;
  margin-left: -1px;
  vertical-align: middle;
  font-size: 0px;
}
.block_a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  overflow: hidden;
}
.none {
  display: none;
}
/* 移动端不兼容 暂不推荐使用 */
.ratio {
  -webkit-aspect-ratio: 1 / 1;
  aspect-ratio: 1 / 1;
}
.m1px {
  margin-bottom: -1px;
}
.center_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
}
:root {
  /* 导航高度 */
  --header-height: 80px;
  /* 动画 */
  --ani: 0.25s ease;
  /* 颜色 */
  --text-color: #333333;
  --active-color: #2F6B8D;
  /* 字号 */
  /* 40px ~ 60px */
  --font60: clamp(2.5rem, calc(-0.577rem + 3.85vw), 3.75rem);
  /* 36px ~ 50px */
  --font50: clamp(2.25rem, calc(0.096rem + 2.69vw), 3.125rem);
  /* 32px ~ 48px */
  --font48: clamp(2rem, calc(-0.462rem + 3.08vw), 3rem);
  /* 31px ~ 46px */
  --font46: clamp(1.938rem, calc(-0.37rem + 2.88vw), 2.875rem);
  /* 29px ~ 44px */
  --font44: clamp(1.813rem, calc(-0.495rem + 2.88vw), 2.75rem);
  /* 28px ~ 42px */
  --font42: clamp(1.75rem, calc(-0.404rem + 2.69vw), 2.625rem);
  /* 27px ~ 40px */
  --font40: clamp(1.688rem, calc(-0.313rem + 2.5vw), 2.5rem);
  /* 25px ~ 38px */
  --font38: clamp(1.563rem, calc(-0.438rem + 2.5vw), 2.375rem);
  /* 24px ~ 36px */
  --font36: clamp(1.5rem, calc(-0.346rem + 2.31vw), 2.25rem);
  /* 23px ~ 34px */
  --font34: clamp(1.438rem, calc(-0.255rem + 2.12vw), 2.125rem);
  /* 21px ~ 32px */
  --font32: clamp(1.313rem, calc(-0.38rem + 2.12vw), 2rem);
  /* 20px ~ 30px */
  --font30: clamp(1.25rem, calc(-0.288rem + 1.92vw), 1.875rem);
  /* 19px ~ 28px */
  --font28: clamp(1.188rem, calc(-0.197rem + 1.73vw), 1.75rem);
  /* 18px ~ 26px */
  --font26: clamp(1.125rem, calc(-0.106rem + 1.54vw), 1.625rem);
  /* 17px ~ 24px */
  --font24: clamp(1.063rem, calc(-0.014rem + 1.35vw), 1.5rem);
  /* 16px ~ 22px */
  --font22: clamp(1rem, calc(0.077rem + 1.15vw), 1.375rem);
  /* 15px ~ 20px */
  --font20: clamp(0.938rem, calc(0.168rem + 0.96vw), 1.25rem);
  /* 14px ~ 18px */
  --font18: clamp(0.875rem, calc(0.26rem + 0.77vw), 1.125rem);
  /* 13px ~ 16px */
  --font16: clamp(0.813rem, calc(0.351rem + 0.58vw), 1rem);
  /* 12px ~ 14px */
  --font14: clamp(0.75rem, calc(0.442rem + 0.38vw), 0.875rem);
  /* 间距 */
  --spacing-160: clamp(6.25rem, calc(-2.981rem + 11.54vw), 10rem);
  --spacing-140: clamp(5.625rem, calc(-0.625rem + 7.81vw), 8.75rem);
  --spacing-120: clamp(5rem, calc(-1.154rem + 7.69vw), 7.5rem);
  --spacing-100: clamp(4.125rem, calc(-1.106rem + 6.54vw), 6.25rem);
  --spacing-80: clamp(2.5rem, calc(-3.654rem + 7.69vw), 5rem);
  --spacing-70: clamp(2.25rem, calc(-2.981rem + 6.54vw), 4.375rem);
  --spacing-60: clamp(1.875rem, calc(-2.74rem + 5.77vw), 3.75rem);
  --spacing-50: clamp(1.625rem, calc(-2.067rem + 4.62vw), 3.125rem);
  --spacing-40: clamp(1.25rem, calc(-1.827rem + 3.85vw), 2.5rem);
  --spacing-30: clamp(1.25rem, calc(-0.288rem + 1.92vw), 1.875rem);
  --spacing-20: clamp(0.875rem, calc(-0.048rem + 1.15vw), 1.25rem);
  /* 圆角 */
  --border-radius20: clamp(0.625rem, calc(-0.089rem + 1.12vw), 1.25rem);
  --border-radius18: clamp(0.625rem, calc(0.054rem + 0.89vw), 1.125rem);
  --border-radius16: clamp(0.5rem, calc(-0.071rem + 0.89vw), 1rem);
  --border-radius14: clamp(0.313rem, calc(-0.33rem + 1vw), 0.875rem);
  --border-radius12: clamp(0.313rem, calc(-0.188rem + 0.78vw), 0.75rem);
  --border-radius10: clamp(0.313rem, calc(-0.045rem + 0.56vw), 0.625rem);
}
@media (max-width:1366px) {
  :root {
    --header-height: 70px;
  }
}
@media (max-width:1024px) {
  :root {
    --spacing-160: 80px;
    --spacing-140: 70px;
    --spacing-120: 60px;
    --spacing-100: 50px;
  }
}
@media (max-width:990px) {
  :root {
    --header-height: 60px;
  }
}
@media (max-width:768px) {
  :root {
    --font60: 30px;
    --font50: 26px;
    --font48: 32px;
    --font46: 31px;
    --font44: 29px;
    --font42: 28px;
    --font40: 27px;
    --font38: 25px;
    --font36: 24px;
    --font34: 23px;
    --font32: 21px;
    --font30: 20px;
    --font28: 19px;
    --font26: 18px;
    --font24: 17px;
    --font22: 16px;
    --font20: 15px;
    --font18: 14px;
    --font16: 13px;
    --font14: 12px;
  }
}
/* 点扩散 */
.halo_box {
  width: 100px;
  height: 100px;
  position: relative;
  --color: #FFF;
}
.halo_box::before,
.halo_box::after,
.halo_box .halo::before,
.halo_box .halo::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  box-shadow: 0 0 60px var(--color) inset;
}
.halo_box::before,
.halo_box::after,
.halo_box .halo::before,
.halo_box .halo::after,
.halo_box .halo {
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.halo_box::before {
  animation: bgfd 6s ease infinite;
}
.halo_box::after {
  animation: bgfd 6s ease infinite 1.5s;
}
.halo_box .halo {
  width: 100%;
  height: 100%;
  position: relative;
}
.halo_box .halo::before {
  animation: bgfd 6s ease infinite 3s;
}
.halo_box .halo::after {
  animation: bgfd 6s ease infinite 4.5s;
  filter: invert();
}
* {
  font-family: 'Arial';
}
.layui-btn {
  height: 100%;
  border-radius: 0;
  background: var(--active-color);
}
/* Placeholder style */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
.subnavMask {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 19;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
}
.subnavMask.active {
  opacity: 1;
  visibility: visible;
}
/* --------------------------- */
/* --------------------------- */
/* 头部 */
header {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.14);
  /* PC */
  /* Mobile version header */
}
header .header_box {
  width: 100%;
  height: var(--header-height);
  position: relative;
  z-index: 1;
  background-color: #FFFFFF;
  transition: all 0.1s ease;
}
header .header_box .center_box {
  height: 100%;
}
header .header_box .header_main {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
header .header_box .header_main .logo {
  width: 15%;
  max-width: 89px;
  height: 100%;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
header .header_box .header_main .logo a {
  width: 100%;
  height: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
header .header_box .header_main .logo img {
  max-width: 100%;
}
header .header_box .header_main .column {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: clamp(1.875rem, calc(-0.268rem + 3.35vw), 3.75rem);
}
header .header_box .header_main .column .nav {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
header .header_box .header_main .column .nav ul {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: clamp(1.875rem, calc(-0.268rem + 3.35vw), 3.75rem);
}
header .header_box .header_main .column .nav ul li {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
header .header_box .header_main .column .nav ul li .headline {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
header .header_box .header_main .column .nav ul li .headline a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  white-space: nowrap;
}
header .header_box .header_main .column .nav ul li .headline a.active {
  color: var(--active-color);
}
header .header_box .header_main .column .nav ul li:hover .headline a {
  color: var(--active-color);
}
header .header_box .header_main .column .nav ul li:hover > ul {
  display: block;
}
header .header_box .header_main .column .nav ul li ul {
  width: 13vw;
  max-width: 260px;
  height: auto;
  position: absolute;
  left: 0;
  top: 100%;
  transform: translateX(-20px);
  display: block;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  display: none;
}
header .header_box .header_main .column .nav ul li ul li {
  width: 100%;
  height: auto;
}
header .header_box .header_main .column .nav ul li ul li a {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  display: block;
  padding: 10px 20px;
  background: #FFFFFF;
  font-size: var(--font14);
  color: #333333;
  overflow: hidden;
}
header .header_box .header_main .column .nav ul li ul li a::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #F5F5F5;
  -webkit-clip-path: inset(0 20px 0 20px);
  clip-path: inset(0 20px 0 20px);
}
header .header_box .header_main .column .nav ul li ul li:hover > a,
header .header_box .header_main .column .nav ul li ul li a.active {
  color: var(--active-color);
}
header .header_box .header_main .column .nav ul li ul li ul {
  width: 10vw;
  max-width: 180px;
  left: 100%;
  top: 0;
  padding-left: 1px;
  border-top: 1px solid transparent;
  transform: translateZ(0);
}
header .header_box .header_main .column .nav ul li ul li ul ul {
  border: 0;
}
header .header_box .header_main .column .nav ul li ul li:last-child a {
  border-radius: 0 0 5px 5px;
}
header .header_box .header_main .column .tel_box {
  width: auto;
  height: 36px;
  padding: 0 20px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 10px;
  background: var(--active-color);
  font-size: var(--font14);
  color: #FFFFFF;
}
header .header_box .header_main .column .tel_box i {
  font-size: var(--font14);
  color: #FFFFFF;
}
header .header_box .header_main .column .mnav_btn {
  width: auto;
  height: 100%;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
}
header .header_box .header_main .column .mnav_btn i {
  font-size: 24px;
  color: var(--active-color);
}
header.active .header_box,
header.white .header_box,
header:hover .header_box {
  background: #FFFFFF;
}
header .mobile_nav {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  transform: translateX(-100%);
  opacity: 0;
  display: none;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  overflow: hidden;
}
header .mobile_nav::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #000000;
  opacity: 0.2;
}
header .mobile_nav .nav_box {
  width: 80%;
  height: 100%;
  position: relative;
  z-index: 10;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
header .mobile_nav .nav_box .nav_close {
  width: 100%;
  height: var(--header-height);
  box-sizing: border-box;
  padding: 0 20px;
  overflow: hidden;
}
header .mobile_nav .nav_box .nav_close .close {
  width: 60px;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
header .mobile_nav .nav_box .nav_close .close i {
  width: 50%;
  height: 2px;
  display: block;
  background: var(--active-color);
  position: absolute;
  top: 50%;
  left: -2px;
  margin: -1px 0 0;
  overflow: hidden;
  transform-origin: center center;
}
header .mobile_nav .nav_box .nav_close .close i:first-child {
  transform: rotate(45deg);
}
header .mobile_nav .nav_box .nav_close .close i:last-child {
  transform: rotate(-45deg);
}
header .mobile_nav .nav_box .line {
  width: 100%;
  height: 1px;
  background: var(--active-color);
}
header .mobile_nav .nav_box .nav_list {
  width: 100%;
  height: 100%;
  flex: 1;
  padding: 0 0 50px;
  overflow: hidden;
  overflow-y: auto;
}
header .mobile_nav .nav_box .nav_list ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
header .mobile_nav .nav_box .nav_list ul li {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #D9D9D9;
  overflow: hidden;
}
header .mobile_nav .nav_box .nav_list ul li a {
  width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
  padding: 20px 45px 20px 20px;
  font-size: 16px;
  position: relative;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  overflow: hidden;
}
header .mobile_nav .nav_box .nav_list ul li a .icon_right {
  width: 20px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -15px 0 0;
  z-index: 2;
  overflow: hidden;
}
header .mobile_nav .nav_box .nav_list ul li a .icon_right i {
  font-size: 16px;
  color: #333333;
}
header .mobile_nav .nav_box .nav_list ul li > a.active {
  background: var(--active-color);
  color: #FFFFFF;
}
header .mobile_nav .nav_box .nav_list ul li > a.active .icon_right i {
  color: #FFFFFF;
}
header .mobile_nav .nav_box .nav_list ul li:last-child {
  border: 0;
}
header .mobile_nav .nav_box .nav_list ul li ul {
  padding: 10px 20px;
  display: none;
}
header .mobile_nav .nav_box .nav_list ul li ul li {
  border: 0;
}
header .mobile_nav .nav_box .nav_list ul li ul li a {
  position: relative;
  z-index: 1;
  padding: 0.5em 0 0.5em 20px;
  font-size: 16px;
  color: #333333;
  line-height: 1.3;
}
header .mobile_nav .nav_box .nav_list ul li ul li a::before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0.5em;
  z-index: 1;
}
header .mobile_nav .nav_box .nav_list ul li ul li a.is_active::before {
  content: '+';
}
header .mobile_nav .nav_box .nav_list ul li ul li a.active {
  background: transparent;
  color: var(--active-color);
}
header .mobile_nav .nav_box .nav_list ul li ul li ul li a {
  font-size: 14px;
  color: #666666;
}
header .mobile_nav .nav_box .nav_list ul li ul li ul li ul li a {
  font-size: 12px;
  color: #999999;
}
@media (max-width:990px) {
  header .header_box .header_main .column .logo {
    width: 50%;
    max-width: 50%;
  }
  header .header_box .header_main .column .nav,
  header .header_box .header_main .column .tel_box {
    display: none;
  }
  header .header_box .header_main .column .mnav_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  header .mobile_nav {
    display: block;
  }
}
/* 导航高度 占位 */
.header_nbsp {
  width: 100%;
  height: var(--header-height);
}
/* --------------------------- */
/* --------------------------- */
/* 底部 */
footer {
  width: 100%;
  height: auto;
  background: #F5F5F5;
  overflow: hidden;
}
footer .footer_box {
  width: 100%;
  height: auto;
  padding: var(--spacing-60) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: var(--spacing-80);
}
footer .footer_box .headline {
  width: 100%;
  height: auto;
  font-size: var(--font18);
  color: #666666;
  overflow: hidden;
}
footer .footer_box .banner_text {
  width: 45%;
  height: auto;
  grid-gap: var(--spacing-80);
}
footer .footer_box .banner_text,
footer .footer_box .banner_text * {
  font-size: var(--font22);
  color: #666666;
  line-height: 1.675;
}
footer .footer_box .banner_text a {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
footer .footer_box .banner_text a:hover {
  color: var(--active-color);
}
footer .footer_box .address_box {
  width: 45%;
  max-width: 600px;
  height: auto;
}
footer .footer_box .address_box .menu {
  width: 100%;
  height: auto;
  margin-top: 15px;
  overflow: hidden;
}
footer .footer_box .address_box .menu .one {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  grid-gap: 10px;
}
footer .footer_box .address_box .menu .one .icon {
  width: 20px;
  height: auto;
  overflow: hidden;
}
footer .footer_box .address_box .menu .one .icon i {
  font-size: var(--font18);
  color: #666666;
}
footer .footer_box .address_box .menu .one .word {
  width: 100%;
  height: auto;
  flex: 1;
  font-size: var(--font16);
  color: #666666;
}
footer .footer_box .address_box .menu .one + .one {
  margin-top: 10px;
}
footer .footer_copy {
  width: auto;
  height: auto;
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: var(--font16);
  color: #FFFFFF;
}
footer .footer_copy a {
  font-size: var(--font16);
  color: #FFFFFF;
  transition: color var(--ani);
}
@media (max-width:990px) {
  footer .footer_box {
    display: block;
  }
  footer .footer_box .banner_text {
    width: 100%;
  }
  footer .footer_box .address_box {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }
}
/* --------------------------- */
/* --------------------------- */
/* Button */
.idx_more {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.idx_more a {
  width: auto;
  min-width: clamp(8.75rem, calc(-3.558rem + 15.38vw), 13.75rem);
  height: clamp(2.5rem, calc(0.192rem + 2.88vw), 3.438rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 10px;
  padding: 0 20px;
  background-color: var(--active-color);
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  overflow: hidden;
}
.idx_more a .word {
  font-size: var(--font14);
  font-weight: 500;
  color: #FFFFFF;
}
.idx_more a .icon {
  width: 21px;
  height: auto;
  font-size: 0;
  color: #FFFFFF;
}
.idx_more a .icon i{
  font-size: 22px;
  color: #FFFFFF;
}
.idx_more a:hover {
  filter: brightness(1.2);
}
/* --------------------------- */
/* --------------------------- */
/* Index Content */
.idx_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_box .idx_main {
  width: 100%;
  height: auto;
  padding-bottom: var(--spacing-80);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 60px;
  overflow: hidden;
}
.idx_box .idx_main .idx_content {
  width: 100%;
  flex: 1;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 60px;
}
.idx_box .idx_main .idx_content .info_head {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_box .idx_main .idx_content .info_head .title {
  width: 100%;
  height: auto;
  font-size: var(--font30);
  color: #333333;
  line-height: 1.625;
  overflow: hidden;
}
.idx_box .idx_main .idx_content .info_head .details {
  width: 100%;
  height: auto;
  margin-top: 1em;
  font-size: var(--font16);
  color: #666666;
  line-height: 1.5;
  overflow: hidden;
}
.idx_box .idx_main .idx_content .info_head .idx_more {
  margin-top: var(--spacing-40);
}
.idx_box .idx_main .idx_content .info_body {
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding: var(--spacing-40) var(--spacing-40) var(--spacing-40) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #FFFCE8;
  overflow: hidden;
}
.idx_box .idx_main .idx_content .info_body .img {
  width: 40%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
}
.idx_box .idx_main .idx_content .info_body .img img{
  max-width: 80%;
}
.idx_box .idx_main .idx_content .info_body .info {
  width: 100%;
  height: auto;
  flex: 1;
  overflow: hidden;
}
.idx_box .idx_main .idx_content .info_body .info .details {
  width: 100%;
  height: auto;
  font-size: var(--font16);
  color: #666666;
  line-height: 1.625;
  overflow: hidden;
}
.idx_box .idx_main .idx_content .info_body .info .idx_more {
  margin-top: 20px;
}
.idx_box .idx_main .idx_swiper {
  width: 45%;
  max-width: 740px;
  height: auto;
}
.idx_box .idx_main .idx_swiper .swiper_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_box .idx_main .idx_swiper .swiper_box .swiper-slide {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_box .idx_main .idx_swiper .swiper_box .swiper-slide .pb {
  padding-bottom: 100%;
}
.idx_box .idx_main .idx_swiper .swiper_box .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx_box .idx_main .idx_swiper .swiper_box .pager_box {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 30px;
  overflow: hidden;
}
.idx_box .idx_main .idx_swiper .swiper_box .pager_box .pager {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 10px;
  overflow: hidden;
}
.idx_box .idx_main .idx_swiper .swiper_box .pager_box .pager span {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  font-size: var(--font16);
}
.idx_box .idx_main .idx_swiper .swiper_box .pager_box .pager .active {
  opacity: 1;
}
@media (max-width:990px) {
  .idx_box .idx_main {
    display: block;
  }
  .idx_box .idx_main .idx_swiper {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }
}
/* ------------------------- */
/* ------------------------- */
.paging_box {
  width: 100%;
  height: auto;
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 10px;
  overflow: hidden;
}
.paging_box * {
  width: auto;
  min-width: 40px;
  height: 40px;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #F5F5F5;
  font-size: var(--font16);
  color: #333333;
  cursor: pointer;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  line-height: 1;
  vertical-align: top;
  overflow: hidden;
}
.paging_box a.active,
.paging_box a:hover {
  background: var(--active-color);
  color: #FFFFFF;
}
@media (max-width:768px) {
  .paging_box {
    grid-gap: 5px;
  }
  .paging_box * {
    padding: 0 1em;
  }
}
/* ------------------------- */
/* ------------------------- */
/* Inner About */
.inner_about {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_about .about_item {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding: var(--spacing-40) 0 var(--spacing-80);
}
.inner_about .about_item .headline {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  font-size: var(--font36);
  color: #333333;
  overflow: hidden;
}
.inner_about .about_item .text_details {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  margin-top: 20px;
  overflow: hidden;
}
.inner_about .about_item .text_details,
.inner_about .about_item .text_details * {
  font-size: var(--font16);
  color: #666666;
  line-height: 1.675;
}
.inner_about .about_item .text_details > * + * {
  margin-top: 1em;
}
.inner_about .about_item:nth-child(2n)::after {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  transform: translateX(-50%);
  background: #F5F5F5;
}
/* ------------------------- */
/* ------------------------- */
/* Product */
.inner_product {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_product .product_box {
  width: 100%;
  height: auto;
  padding: 60px 0;
}
.inner_product .product_box .product_list {
  width: calc(100% + 40px);
  height: auto;
  margin: -20px 0;
  padding: 20px;
  transform: translateX(-20px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px var(--spacing-40);
  overflow: hidden;
}
.inner_product .product_box .product_list .item {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_product .product_box .product_list .item a {
  width: 100%;
  height: auto;
  display: block;
  background-color: #FFFFFF;
  overflow: hidden;
}
.inner_product .product_box .product_list .item a .img {
  width: 100%;
  height: auto;
  background: #F5F5F5;
  overflow: hidden;
}
.inner_product .product_box .product_list .item a .img .ab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.inner_product .product_box .product_list .item a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_product .product_box .product_list .item a .headline {
  width: 100%;
  height: auto;
  max-height: calc(2em * 1.675);
  margin-top: 20px;
  text-align: left;
  font-size: var(--font18);
  color: #000000;
  line-height: 1.675;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.inner_product .product_box .product_list .item a .info {
  width: 100%;
  height: auto;
  padding: var(--spacing-30);
  background: #FDFCEA;
  overflow: hidden;
}
.inner_product .product_box .product_list .item a .info .title {
  width: 100%;
  height: auto;
  font-size: var(--font18);
  color: #000000;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inner_product .product_box .product_list .item a .info .details {
  width: 100%;
  height: auto;
  max-height: calc(2em * 1.675);
  margin-top: 0.5em;
  font-size: var(--font16);
  color: #666666;
  line-height: 1.675;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.inner_product .product_box .product_list .item a:hover .img img {
  transform: scale(1.05);
}
.inner_product .product_box .product_list .item a:hover .headline,
.inner_product .product_box .product_list .item a:hover .info .title {
  color: var(--active-color);
}
@media (max-width:1024px) {
  .inner_product .product_box .product_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width:768px) {
  .inner_product .product_box .product_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.inner_product .product_details {
  width: 100%;
  height: auto;
  padding: 40px 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 40px;
}
.inner_product .product_details .product_swiper {
  width: 55%;
  max-width: 760px;
  height: auto;
  overflow: hidden;
}
.inner_product .product_details .product_swiper .swiper_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inner_product .product_details .product_swiper .swiper_box .swiper-slide {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_product .product_details .product_swiper .swiper_box .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner_product .product_details .product_swiper .swiper_box .pager_box {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 30px;
  opacity: 0;
  overflow: hidden;
}
.inner_product .product_details .product_swiper .swiper_box .pager_box .pager {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 10px;
  overflow: hidden;
}
.inner_product .product_details .product_swiper .swiper_box .pager_box .pager span {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  font-size: var(--font16);
}
.inner_product .product_details .product_swiper .swiper_box .pager_box .pager .active {
  opacity: 1;
}
.inner_product .product_details .content {
  width: 100%;
  height: auto;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
.inner_product .product_details .content .info_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_product .product_details .content .info_box .return_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.inner_product .product_details .content .info_box .return_box a {
  width: auto;
  height: 40px;
  padding: 0 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: var(--active-color);
  font-size: var(--font16);
  color: #FFFFFF;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  overflow: hidden;
}
.inner_product .product_details .content .info_box .return_box a:hover {
  filter: brightness(1.2);
}
.inner_product .product_details .content .info_box .title {
  width: 100%;
  height: auto;
  margin-top: 20px;
  overflow: hidden;
}
.inner_product .product_details .content .info_box .title,
.inner_product .product_details .content .info_box .title * {
  font-weight: 400;
  font-size: 22px;
  color: #333333;
  line-height: 1.675;
}
.inner_product .product_details .content .swiper_tabs {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: var(--spacing-40);
  overflow: hidden;
}
.inner_product .product_details .content .swiper_tabs .item {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
}
.inner_product .product_details .content .swiper_tabs .item::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  border: 2px solid var(--active-color);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_product .product_details .content .swiper_tabs .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner_product .product_details .content .swiper_tabs .item.active::after {
  opacity: 1;
}
@media (max-width:990px) {
  .inner_product .product_details {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .inner_product .product_details .product_swiper {
    width: 100%;
    max-width: 100%;
  }
  .inner_product .product_details .product_swiper .swiper_box .pager_box {
    opacity: 1;
  }
  .inner_product .product_details .content .swiper_tabs {
    display: none;
  }
}
/* ------------------------- */
/* ------------------------- */
/* Contact Us */
.inner_contact {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_contact .contact_box {
  width: 100%;
  height: auto;
  padding: 40px 0 var(--spacing-120);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: var(--spacing-60);
  overflow: hidden;
}
.inner_contact .contact_box .contact_img {
  width: 45%;
  max-width: 600px;
  height: auto;
  overflow: hidden;
}
.inner_contact .contact_box .contact_img img {
  width: 100%;
}
.inner_contact .contact_box .feedback_box {
  width: 100%;
  height: auto;
  flex: 1;
}
.inner_contact .contact_box .feedback_box .headline {
  width: 100%;
  height: auto;
  font-size: var(--font24);
  font-weight: 700;
  color: #000000;
  overflow: hidden;
}
.inner_contact .contact_box .feedback_box .form_box {
  width: 100%;
  height: auto;
  margin-top: 30px;
  overflow: hidden;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  overflow: hidden;
  --input-height: 50px;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .label {
  width: 100%;
  height: auto;
  font-size: var(--font18);
  color: #333333;
  overflow: hidden;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .item {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .item .input {
  width: 100%;
  height: auto;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 10px;
  overflow: hidden;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .item .input input {
  width: 100%;
  flex: 1;
  height: var(--input-height);
  border: 1px solid #E8E8E8;
  background-color: #FBFBFB;
  padding: 10px;
  font-size: var(--font16);
  color: #333333;
  overflow: hidden;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .item .input textarea {
  width: 100%;
  height: calc(var(--input-height) * 2.5);
  border: 1px solid #E8E8E8;
  background-color: #FBFBFB;
  padding: 10px;
  font-size: var(--font16);
  color: #333333;
  overflow: hidden;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .item .input img {
  width: 160px;
  height: 100%;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .active {
  grid-column: span 2;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .submit {
  margin-top: 20px;
  grid-column: span 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .submit button {
  width: 180px;
  height: var(--input-height);
  border: 0;
  background: var(--active-color);
  font-size: var(--font16);
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_contact .contact_box .feedback_box .form_box .layui-form .submit button:hover {
  filter: brightness(1.2);
}
@media (max-width:990px) {
  .inner_contact .contact_box {
    display: block;
  }
  .inner_contact .contact_box .contact_img {
    display: none;
  }
  .inner_contact .contact_box .feedback_box {
    width: 100%;
  }
  .inner_contact .contact_box .feedback_box .layui-form {
    grid-gap: 10px;
  }
}
@media (max-width:768px) {
  .inner_contact .contact_box .feedback_box .form_box .layui-form {
    grid-template-columns: 100%;
  }
  .inner_contact .contact_box .feedback_box .form_box .layui-form .active,
  .inner_contact .contact_box .feedback_box .form_box .layui-form .submit {
    grid-column: span 1;
  }
  .inner_product .product_details .content .info_box .title,
  .inner_product .product_details .content .info_box .title * {
    font-size: 18px;
  }
}

.show_privacy_box{width:100%; height:auto; position:fixed; bottom:20px; z-index:999999;}
.show_privacy{width:96%; height:auto; max-width:600px; margin:0 auto; box-sizing:border-box; padding:20px 30px; background:#fff; border-radius:12px; -webkit-box-shadow: 0 2px 25px rgba(0,0,0,0.35); -moz-box-shadow: 0 2px 25px rgba(0,0,0,0.35); box-shadow: 0 2px 25px rgba(0,0,0,0.35);}
.show_privacy_title{width:100%; height:auto; color:#000; font-size:26px; font-weight:bold; line-height:46px;}
.show_privacy_txt{width:100%; height:auto; color:#000; font-size:14px; line-height:28px; padding-bottom:10px;}
.show_privacy_txt a{color:#f00;}
.show_privacy_txt a:hover{text-decoration:underline; cursor:pointer;}
.show_privacy_btn{width:100%; height:auto; text-align:right;}
.btn_privacy{display:inline-block; background:#f0f0f0; padding:0 20px; border-radius:20px; width:auto; line-height:36px; font-size:14px; color:#666; cursor:pointer; margin-left:20px;}
.btn_accept{background:#16b777; color:#fff;}
.un_show{display:none;}