@charset "UTF-8";
/* CSS Document */
/* 创络科技 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-weight: normal;
}
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 {
  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;
}
/* 动画延迟 */
/* 比例 */
.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;
}
/* 侧边条 */
#mapshowbox {
  width: 100%;
  height: 500px;
}
#mapshowbox_big {
  width: 100%;
  height: 100%;
  position: absolute;
}
.goto_bigmap {
  width: 100%;
  height: 46px;
  padding-bottom: 10px;
}
.goto_bigmap a {
  display: inline-block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 20px;
  font-family: Arial, "微软雅黑";
  text-align: center;
  color: #fff;
  background: #ff7000;
  text-decoration: none;
}
.goto_bigmap a:hover {
  background: #26b58e;
}
/* 媒体查询 缩写 */
/* 布局 */
.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;
}
.iconfont {
  font-size: inherit;
  color: currentColor;
}
.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: 100px;
  /* 动画 */
  --ani: 0.25s ease;
  /* 颜色 */
  --text-color: #000000;
  --active-color: #133C8C;
  /* 字号 */
  /* 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: 100;
  background: var(--active-color);
  --init-size: 18px;
  /* PC */
  /* Mobile version header */
}
header .header_box {
  width: 100%;
  height: var(--header-height);
}
header .header_box .logo {
  width: 50%;
  height: 100%;
  max-width: 181px;
}
header .header_box .logo a {
  height: 60%;
}

.logo_box{width: 70%; max-width: 280px; height: 100%;float: left;overflow: hidden;}
.logo_box img{vertical-align: middle;max-width: 100%; max-height: 60%;}

/*移动端菜单*/
.search_btn{width: 50px; height: var(--header-height); line-height: var(--header-height); float: right; z-index: 88888; color: #fff; text-align: right;}
.search_btn i{font-size: 24px;}
.nav_btn{width: 50px; height: var(--header-height); line-height: var(--header-height); float: right; z-index: 88888; color: #fff; text-align: right; display: none;}
.nav_btn i{font-size: 24px;}

/* 手机导航 */
.nav_box{width: 60%; max-width: 300px; height: 100%;position: fixed;top: 0;left: -70%;z-index: 99999;background: rgba(255, 255, 255, 1);overflow: hidden;overflow-y: auto;}
.nav_close{width: 100%;height: var(--header-height);box-sizing: border-box;padding: 0 20px;verflow: hidden; background: #f5f5f5;}
.nav_close .lan_box{width: auto; height: 100%; float: right; overflow: hidden; padding: 20px 0px;}
.nav_close .lan_box a{display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; background: #f0f0f0; color: #999; font-size: 14px; margin-left: 10px;}
.nav_close .lan_box a.active{background: var(--active-color); color: #fff;}
.nav_close .close{width: auto;height: 100%;float: right; overflow: hidden; line-height: var(--header-height);}
.nav_close .close i{color: var(--active-color); font-size: 22px;}

.nav_list{width: 100%;height: auto;overflow: hidden;}
.nav_list ul{margin: 0;padding: 0;overflow: hidden;}
.nav_list ul li{width: 100%;height: auto;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.nav_list ul li:last-child{border: 0;}
.nav_list ul li a{width: 100%;height: auto;display: block; color: #333; box-sizing: border-box; padding: 15px 45px 15px 20px; font-size: 16px;position: relative;overflow: hidden;}
.nav_list ul li a .icon_right{width: 20px;height: 40px;position: absolute;top: 50%;right: 20px;margin: -20px 0 0;z-index: 2;line-height: 40px;text-align: center;font-size: 14px;color: #999;overflow: hidden;}
.nav_list>ul>li>a.active{background: var(--active-color);color: #fff;}
.nav_list>ul>li>a>i{margin-right: 10px; color: #999;}
.nav_list>ul>li>a.active>i{color: #fff;}
.nav_list ul li a.active .icon_right{color: #fff;}
.nav_list ul li ul{display: none;background: rgba(0,0,0,0.02);}
.nav_list ul li ul li{border: 0;}
.nav_list ul li ul li a{font-size: 14px; color: #333; padding: 15px 20px 15px 20px; vertical-align: middle;}
.nav_list ul li ul li a span{color: #fff; display: inline-block; width: 14px; height: 14px; background: #ff6700; font-size: 9px; border-radius: 50%; text-align: center; line-height: 14px; margin-left: 6px;vertical-align:text-top;}
.nav_list ul li ul li a.active{background: none;color: var(--active-color);}
.nav_list ul li ul li ul li a{padding: 15px 20px 15px 40px;font-size: 12px;color: #999;}
.nav_list ul li ul li ul li ul li a{padding: 15px 20px 15px 50px;font-size: 12px;color: #999;}

.mask{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}

/* PC导航 */
.menu_nav{width: auto; height: 100%; padding-top: 0px; position: relative; float: right; z-index: 88888; display: block;}
.menu_nav>ul{width: 100%; margin: 0;padding: 0;}
.menu_nav>ul>li{width: auto; height: var(--header-height); float: left;text-align: center;position: relative;}
.menu_nav>ul>li>a{width: auto; min-width: 64px; height: var(--header-height); line-height: var(--header-height); display: block; position: relative; z-index: 88888; color: #fff; padding:0 22px; font-size: 16px;}
.menu_nav>ul>li:hover>a{color: #fff;}
.menu_nav>ul>li>a.active{background:#103481;}
.menu_nav>ul>li>ul{width: 130%;height: auto;background: #fff;position: absolute; top: 100%; left: -15%; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); padding: 1px 0 0 0; border-radius: 0 0 3px 3px; visibility: hidden; opacity: 0; margin-top: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu_nav>ul>li:hover>ul{margin-top: 0px; opacity: 1; visibility: initial;}
.menu_nav>ul>li>ul li{position: relative;}
.menu_nav>ul>li>ul li>a{display: block; width: 100%; padding: 12px 5%; box-sizing:border-box; text-align: center; margin:0px; height: auto; line-height: 20px; border: 0;font-size: 14px;color: #333; vertical-align: middle;}
.menu_nav>ul>li>ul li:hover>a{color: var(--active-color);}
.menu_nav>ul>li>ul li>a.active{color: var(--active-color);}
.menu_nav>ul>li>ul li ul{width: 100%;height: auto; position: absolute; left: 100%; margin-left: 1px; top: 0; background: #fff; border-bottom: 1px solid #e9e9e9; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); border-radius: 3px; visibility: hidden; opacity: 0; margin-top: -5px; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu_nav>ul>li>ul li:hover>ul{margin-top: 1px; opacity: 1; visibility: initial;}
@media screen and (max-width:1200px) {
  .menu_nav>ul>li>a{padding:0 15px; font-size: 14px; min-width: 56px;}
  .menu_nav>ul>li>ul{width: 150%; left: -25%;}
}
@media screen and (max-width:990px) {
  .menu_nav{display: none;}
  .nav_btn{display: block;}
}

header .header_box .column_box {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
header .header_box .column_box nav {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
header .header_box .column_box nav .li {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 1;
}
header .header_box .column_box nav .li a {
  width: auto;
  height: 100%;
  padding: 0 1.5em;
  position: relative;
  z-index: 5;
  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;
  font-size: var(--init-size);
  color: #FFFFFF;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
header .header_box .column_box nav .li::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #000000;
  opacity: 0;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
header .header_box .column_box nav .li.active::after {
  opacity: 0.1;
}
header .header_box .column_box .column {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: var(--spacing-40);
}
header .header_box .column_box .column .search_btn {
  width: auto;
  height: 100%;
  cursor: pointer;
}
header .header_box .column_box .column .search_btn .icon {
  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;
  font-size: var(--init-size);
  color: #FFFFFF;
}
header .header_box .column_box .column .moblie_btn {
  width: auto;
  height: 100%;
  margin-left: 20px;
  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;
  font-size: var(--init-size);
  color: #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:1280px) {
  header {
    --init-size: 16px;
  }
}
@media (max-width:1200px) {
  header {
    --init-size: 14px;
  }
}
@media (max-width:990px) {
  header {
    --init-size: 20px;
  }
  header .header_box .column_box nav {
    display: none;
  }
  header .header_box .column_box .column .moblie_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;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
footer .footer_top {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
footer .footer_top .info_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background: #F5F5F5;
  overflow: hidden;
}
footer .footer_top .info_box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../images/footer-banner-bg.jpg) no-repeat top center / cover;
  opacity: 0.08;
}
footer .footer_top .info_box .info {
  width: 100%;
  height: auto;
  padding: 50px 30px;
}
footer .footer_top .info_box .info .headline {
  width: 100%;
  height: auto;
  text-align: center;
  font-weight: 700;
  font-size: var(--font30);
  color: #333333;
}
footer .footer_top .info_box .info .menu_box {
  width: 100%;
  height: auto;
  margin-top: 30px;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
}
footer .footer_top .info_box .info .menu_box .item {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
footer .footer_top .info_box .info .menu_box .item .icon {
  width: 26px;
  height: 26px;
  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;
  border-radius: 50%;
  background: var(--active-color);
  font-size: var(--font26);
  color: #FFFFFF;
  overflow: hidden;
}
footer .footer_top .info_box .info .menu_box .item .icon i{
  font-size:14px;
}
footer .footer_top .info_box .info .menu_box .item .word {
  width: 100%;
  height: auto;
  margin-left: 1em;
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  flex: 1;
  font-size: var(--font16);
  color: #333333;
}
@media (max-width:1024px) {
  footer .footer_top .info_box .info .menu_box {
    grid-template-columns: auto 1fr;
  }
}
@media (max-width:768px) {
  footer .footer_top .info_box .info .menu_box {
    grid-template-columns: 100%;
  }
}
footer .footer_box {
  width: 100%;
  height: auto;
  margin-top: var(--spacing-60);
}
footer .footer_box .foot_head {
  width: 100%;
  height: auto;
  padding-bottom: var(--spacing-50);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
footer .footer_box .foot_head .headline {
  width: 100%;
  height: auto;
  font-size: var(--font20);
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
footer .footer_box .foot_head .headline a {
  position: relative;
  z-index: 1;
  font-size: var(--font20);
  color: #FFFFFF;
}
footer .footer_box .foot_head .headline a::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #FFFFFF;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
footer .footer_box .foot_head .headline a:hover::after {
  width: 100%;
}
footer .footer_box .foot_head .foot_contact {
  width: 33%;
  max-width: 460px;
  height: auto;
}
footer .footer_box .foot_head .foot_contact .map_box {
  width: 100%;
  height: auto;
  margin-top: 20px;
  border-radius: 3px;
  overflow: hidden;
}
footer .footer_box .foot_head .foot_contact .map_box .pb {
  padding-bottom: 60%;
}
footer .footer_box .foot_head .foot_contact .map_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
footer .footer_box .foot_head .foot_nav {
  width: 100%;
  height: auto;
  flex: 1;
  margin-left: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
footer .footer_box .foot_head .foot_nav .item {
  width: 100%;
  height: auto;
}
footer .footer_box .foot_head .foot_nav .item .menu {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
footer .footer_box .foot_head .foot_nav .item .menu .one {
  width: 100%;
  height: auto;
  font-size: var(--font16);
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
footer .footer_box .foot_head .foot_nav .item .menu .one a {
  position: relative;
  z-index: 1;
  font-size: var(--font16);
  color: #FFFFFF;
}
footer .footer_box .foot_head .foot_nav .item .menu .one a::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #FFFFFF;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
footer .footer_box .foot_head .foot_nav .item .menu .one a:hover::after {
  width: 100%;
}
footer .footer_box .foot_head .foot_nav .item .menu .one + .one {
  margin-top: 15px;
}
footer .footer_box .foot_head .foot_nav .item + .item {
  margin-left: var(--spacing-60);
}
@media (max-width:1024px) {
  footer .footer_box .foot_head {
    display: block;
  }
  footer .footer_box .foot_head .foot_contact {
    display: none;
  }
  footer .footer_box .foot_head .foot_nav {
    margin: 0;
  }
}
@media (max-width:990px) {
  footer .footer_box .foot_head {
    display: none;
  }
}
footer .footer_box .foot_copy {
  width: 100%;
  height: auto;
  padding: var(--spacing-30) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  text-align: center;
}
footer .footer_box .foot_copy,
footer .footer_box .foot_copy a {
  font-size: var(--font16);
  color: #FFFFFF;
}
footer .footer_box .foot_copy a {
  position: relative;
  z-index: 1;
}
footer .footer_box .foot_copy a::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #FFFFFF;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
footer .footer_box .foot_copy a:hover::after {
  width: 100%;
}
footer::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: -1;
  background: var(--active-color);
}
/* --------------------------- */
/* --------------------------- */
/* 首页 => Banner */
.idx_banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_banner .swiper_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_banner .swiper_box .swiper-slide {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_banner .swiper_box .swiper-slide .banner_box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  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;
}
.idx_banner .swiper_box .swiper-slide .banner_box .info {
  width: 100%;
  max-width: 520px;
  height: auto;
  color: #FFFFFF;
}
.idx_banner .swiper_box .swiper-slide .banner_box .info .title {
  font-size: var(--font48);
  font-weight: 700;
  color: currentColor;
}
.idx_banner .swiper_box .swiper-slide .banner_box .info .subtitle {
  margin-top: 0.5em;
  font-size: var(--font28);
  color: currentColor;
  line-height: 1.5;
}
.idx_banner .swiper_box .swiper-slide .banner_box .info .details {
  margin-top: 1em;
  font-weight: 300;
  font-size: var(--font18);
  color: #FFFFFF;
  line-height: 1.875;
}
.idx_banner .swiper_box .swiper-slide .images {
  width: 100%;
  height: 600px;
  font-size: 0;
  overflow: hidden;
}
.idx_banner .swiper_box .swiper-slide .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1440px) {
  .idx_banner .swiper_box .swiper-slide .images {
    height: 480px;
  }
}
@media (max-width:1024px) {
  .idx_banner .swiper_box .swiper-slide .images {
    height: 400px;
  }
}
.idx_banner .pager_box {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 10;
}
.idx_banner .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;
}
.idx_banner .pager_box .pager span {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.idx_banner .pager_box .pager span.active {
  opacity: 1;
}
/* --------------- */
/* 首页 => 默认样式 */
/* 标题 */
.idx_title {
  width: 100%;
  height: auto;
  text-align: center;
}
.idx_title .title {
  font-size: var(--font40);
  color: #000000;
}
.idx_title .subtitle {
  font-size: var(--font18);
  color: #666666;
}
/* 按钮 */
.idx_more {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.idx_more a,
.idx_more .more {
  width: auto;
  height: 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;
  padding: 0 2em;
  background: var(--active-color);
  font-size: var(--font18);
  color: #FFFFFF;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.idx_more a:hover,
.idx_more .more:hover {
  background: #333333;
}
@media (max-width:1440px) {
  .idx_more a,
  .idx_more .more {
    height: 54px;
  }
}
@media (max-width:1024px) {
  .idx_more a,
  .idx_more .more {
    height: 48px;
  }
}
/* -------------- */
/* -------------- */
/* --------------- */
/* 首页 => 产品中心 */
.idx_product {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_product .product_box {
  width: 100%;
  height: auto;
  padding: 60px 0;
  overflow: hidden;
}
.idx_product .product_box .menu_box {
  width: 100%;
  height: auto;
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--spacing-20);
}
.idx_product .product_box .menu_box .item {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_product .product_box .menu_box .item a {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
}
.idx_product .product_box .menu_box .item a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border: 1px solid #EBEBEB;
  pointer-events: none;
}
.idx_product .product_box .menu_box .item a .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_product .product_box .menu_box .item a .img::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: var(--active-color);
  opacity: 0;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.idx_product .product_box .menu_box .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;
}
.idx_product .product_box .menu_box .item a .title {
  width: 100%;
  height: auto;
  border-top: 1px solid #EDEDED;
  padding: 1.1em 1em;
  text-align: center;
  font-size: var(--font20);
  color: #222222;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.idx_product .product_box .menu_box .item a:hover .img::before {
  opacity: 0.3;
}
.idx_product .product_box .menu_box .item a:hover .title {
  color: var(--active-color);
}
.idx_product .product_box .idx_more {
  margin-top: var(--spacing-50);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:990px) {
  .idx_product .product_box .menu_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* --------------- */
/* --------------- */
/* --------------- */
/* 首页 => 关于我们 */
.idx_about {
  width: 100%;
  height: auto;
  background: #F5F5F5;
  overflow: hidden;
}
.idx_about .about_box {
  width: 100%;
  height: auto;
  padding: 90px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.idx_about .about_box .about_info {
  width: 100%;
  height: auto;
  flex: 1;
  margin-right: var(--spacing-60);
  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;
}
.idx_about .about_box .about_info .info {
  width: 100%;
  height: auto;
  flex: 1;
}
.idx_about .about_box .about_info .info .title {
  width: 100%;
  height: auto;
  font-weight: 700;
  font-size: var(--font40);
  color: var(--active-color);
  overflow: hidden;
}
.idx_about .about_box .about_info .info .subtitle {
  width: 100%;
  height: auto;
  margin-top: 0.5em;
  font-size: var(--font24);
  color: #333333;
  line-height: 1.5;
}
.idx_about .about_box .about_info .info .details {
  width: 100%;
  height: auto;
  margin-top: 1em;
  font-size: var(--font16);
  color: #666666;
  line-height: 2;
}
.idx_about .about_box .about_info .idx_more {
  margin-top: 30px;
}
.idx_about .about_box .images {
  width: 48%;
  height: auto;
  overflow: hidden;
}
.idx_about .about_box .images .pb {
  padding-bottom: 66.66%;
}
.idx_about .about_box .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:990px) {
  .idx_about .about_box {
    display: block;
  }
  .idx_about .about_box .images {
    width: 100%;
    margin-top: 30px;
  }
}
/* --------------- */
/* --------------- */
/* --------------- */
/* 首页 => 行业应用 */
.idx_applications {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_applications .applications_box {
  width: 100%;
  height: auto;
  padding: 60px 0;
  overflow: hidden;
}
.idx_applications .applications_box .menu_box {
  width: 100%;
  height: auto;
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--spacing-20);
}
.idx_applications .applications_box .menu_box .item {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.idx_applications .applications_box .menu_box .item a {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
}
.idx_applications .applications_box .menu_box .item a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border: 1px solid #EBEBEB;
  pointer-events: none;
}
.idx_applications .applications_box .menu_box .item a .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_applications .applications_box .menu_box .item a .img .pb {
  padding-bottom: 133.33%;
}
.idx_applications .applications_box .menu_box .item a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx_applications .applications_box .menu_box .item a .info {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: var(--spacing-20) var(--spacing-20) var(--spacing-40);
  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: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  overflow: hidden;
}
.idx_applications .applications_box .menu_box .item a .info .title {
  width: 100%;
  height: auto;
  font-weight: 700;
  font-size: var(--font30);
  color: #FFFFFF;
}
.idx_applications .applications_box .menu_box .item a .info .subtitle {
  width: 100%;
  height: auto;
  margin-top: 0.5em;
  font-size: var(--font16);
  color: #FFFFFF;
}
.idx_applications .applications_box .menu_box .item a:hover .info {
  background-color: rgba(19, 60, 140, 0.5);
}
.idx_applications .applications_box .idx_more {
  margin-top: var(--spacing-50);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:768px) {
  .idx_applications .applications_box .menu_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* --------------- */
/* --------------- */
/* --------------- */
/* 内页 => 默认样式 */
/* 标题 */
.inner_title {
  width: 100%;
  height: auto;
  text-align: center;
}
.inner_title .title {
  width: 100%;
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 700;
  font-size: var(--font36);
  color: #333333;
}
.inner_title .title::after {
  content: '';
  width: 1em;
  height: 3px;
  margin: 10px auto 0;
  background: var(--active-color);
}
.inner_title .title.active::after {
  display: none;
}
.inner_title .subtitle {
  width: 100%;
  height: auto;
  margin-top: 1em;
  font-size: var(--font14);
  color: #999999;
}
/* Banner */
.inner_banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inner_banner .banner_box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  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;
}
.inner_banner .banner_box .info {
  width: 100%;
  height: auto;
  text-align: center;
}
.inner_banner .banner_box .info .title {
  font-weight: 700;
  font-size: var(--font60);
  color: #FFFFFF;
}
.inner_banner .banner_box .info .subtitle {
  margin-top: 0.5em;
  font-size: var(--font24);
  color: #FFFFFF;
}
.inner_banner .images {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_banner .images img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
}
.inner_header {
  width: 100%;
  height: auto;
}
/* 面包屑导航 */
.breadcrumb_nav {
  width: 100%;
  height: auto;
  margin: 20px 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;
  grid-gap: 5px;
  font-size: var(--font14);
  color: #999999;
  overflow: hidden;
}
.breadcrumb_nav * {
  font-size: var(--font14);
  color: currentColor;
}
.breadcrumb_nav a:hover {
  color: var(--active-color);
}
.inner_subnav {
  width: 100%;
  height: auto;
  margin: 30px 0;
  overflow: hidden;
}
.inner_subnav .subnav_box {
  width: 100%;
  height: auto;
  margin-bottom: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inner_subnav .subnav_box a {
  width: auto;
  height: 46px;
  margin: 0 1em 10px 0;
  padding: 0 2em;
  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;
  font-size: var(--font18);
  color: #333333;
  background: #F5F5F5;
}
@media (max-width:1280px) {
  .inner_subnav .subnav_box a {
    height: 40px;
    padding: 0 1em;
  }
}
.inner_subnav .subnav_box a:hover,
.inner_subnav .subnav_box a.active {
  background: var(--active-color);
  color: #FFFFFF;
}
.title_details {
  width: 100%;
  height: auto;
  text-align: center;
}
.title_details .title {
  width: 100%;
  height: auto;
  font-size: var(--font30);
  color: #333333;
}
.title_details .subtitle {
  width: 100%;
  height: auto;
  margin-top: 10px;
  font-size: var(--font14);
  color: #666666;
}
/* 富文本内容 */
.text_details {
  width: 100%;
  height: auto;
  font-size: var(--font16);
  line-height: 1.8;
  color: #666666;
  text-align: justify;
  overflow: hidden;
}
.text_details img {
  vertical-align: middle;
  max-width: 100% !important;
  height: auto !important;
}
.text_details table {
  font-size: var(--font16);
  width: 100% !important;
  color: #666666;
  border-width: 1px;
  border-color: #d9d9d9;
  border-collapse: collapse;
}
.text_details table tr:hover {
  background: #f5f5f5;
}
.text_details table th {
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9;
}
.text_details table td {
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9;
  text-align: center;
}
/* 分页 */
.list_box {
  width: 100%;
  height: auto;
  margin-top: var(--spacing-50);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -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;
}
.list_box a,
.list_box span {
  width: auto;
  min-width: 40px;
  height: 40px;
  padding: 0 1em;
  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;
}
.list_box a:hover,
.list_box a.active {
  background: var(--active-color);
  color: #FFFFFF;
}
/* --------------- */
/* --------------- */
/* --------------- */
/* 内页 => 产品中心 */
.inner_product_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_product_box .product_box {
  width: 100%;
  height: auto;
  padding: 0 0 60px 0;
  overflow: hidden;
}
.inner_product_box .product_box .menu_box {
  width: 100%;
  height: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--spacing-20);
}
.inner_product_box .product_box .menu_box .item {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_product_box .product_box .menu_box .item a {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
}
.inner_product_box .product_box .menu_box .item a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border: 1px solid #EBEBEB;
  pointer-events: none;
}
.inner_product_box .product_box .menu_box .item a .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inner_product_box .product_box .menu_box .item a .img::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: var(--active-color);
  opacity: 0;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_product_box .product_box .menu_box .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_box .product_box .menu_box .item a .title {
  width: 100%;
  height: auto;
  border-top: 1px solid #EDEDED;
  padding: 1.1em 1em;
  text-align: center;
  font-size: var(--font20);
  color: #222222;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_product_box .product_box .menu_box .item a .title em{
  color: #f00;
  font-style:normal;
}
.inner_product_box .product_box .menu_box .item a:hover .img::before {
  opacity: 0.3;
}
.inner_product_box .product_box .menu_box .item a:hover .title {
  color: var(--active-color);
}
@media (max-width:990px) {
  .inner_product_box .product_box .menu_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* --------------- */
/* 内页 => 产品详情 */
.inner_product_details {
  width: 100%;
  height: auto;
  margin: 40px 0 var(--spacing-120);
}
.inner_product_details .product_head {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inner_product_details .product_head .product_info {
  width: 100%;
  height: auto;
  flex: 1;
  margin-right: var(--spacing-100);
}
.inner_product_details .product_head .product_info .title {
  width: 100%;
  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;
  font-size: var(--font28);
  color: #333333;
}
.inner_product_details .product_head .product_info .title::after {
  content: '';
  width: 3em;
  height: 3px;
  margin: 10px 0 0;
  background: var(--active-color);
}
.inner_product_details .product_head .product_info .text_details {
  margin-top: 30px;
}
.inner_product_details .product_head .product_info .download_btn {
  width: 100%;
  height: auto;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inner_product_details .product_head .product_info .download_btn a {
  width: auto;
  height: 50px;
  padding: 0 2em;
  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;
  font-size: var(--font20);
  color: #FFFFFF;
  background: var(--active-color);
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_product_details .product_head .product_info .download_btn a .iconfont {
  margin-right: 10px;
  font-size: var(--font20);
}
.inner_product_details .product_head .swiper_box {
  width: 500px;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inner_product_details .product_head .swiper_box .swiper-slide {
  width: 100%;
  height: auto;
}
.inner_product_details .product_head .swiper_box .swiper-slide .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_details .product_head .swiper_box .pager_box {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 10;
}
.inner_product_details .product_head .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;
}
.inner_product_details .product_head .swiper_box .pager_box .pager.swiper-pagination-lock {
  visibility: hidden;
}
.inner_product_details .product_head .swiper_box .pager_box .pager span {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background: #000000;
  cursor: pointer;
  opacity: 0.2;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_product_details .product_head .swiper_box .pager_box .pager span.active {
  background: var(--active-color);
  opacity: 1;
}
.inner_product_details .product_body {
  width: 100%;
  height: auto;
  margin-top: var(--spacing-60);
}
.inner_product_details .product_body .product_tabs {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.inner_product_details .product_body .product_tabs::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: #E6E6E6;
}
.inner_product_details .product_body .product_tabs .one {
  width: auto;
  height: 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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 1em 0 0;
  padding: 0 2em;
  background: #E6E6E6;
  font-size: var(--font20);
  color: #222222;
  cursor: pointer;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_product_details .product_body .product_tabs .one.active {
  background: var(--active-color);
  color: #FFFFFF;
}
.inner_product_details .product_body .swiper_info {
  width: 100%;
  height: auto;
  margin-top: var(--spacing-50);
}
.inner_product_details .product_body .swiper_info .swiper-slide {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
}
.inner_product_details .product_body .swiper_info .swiper-slide.active * {
  pointer-events: auto;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 9999;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr) auto;
  grid-gap: var(--spacing-30);
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item {
  width: 100%;
  height: auto;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item .label {
  width: 100%;
  height: auto;
  font-size: var(--font18);
  color: #333333;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item .input {
  width: 100%;
  height: 50px;
  margin-top: 10px;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item .input .layui-form-select {
  width: 100%;
  height: auto;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item .input .layui-form-select .layui-select-title {
  width: 100%;
  height: auto;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item .input .layui-form-select .layui-select-title .layui-input {
  width: 100%;
  height: 50px;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item .input .layui-form-select .layui-select-title .layui-input:focus {
  border-color: var(--active-color) !important;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item .input .layui-form-select dl {
  top: 100%;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item .input .layui-form-select dl .layui-this {
  color: var(--active-color);
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item:last-child {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item:last-child button {
  width: auto;
  height: 50px;
  border: 0;
  padding: 0 2em;
  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;
  margin-left:2px;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item:last-child span{
  width: auto;
  height: 50px;
  line-height:50px;
  border: 0;
  padding: 0 2em;
  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;
  margin-left:2px;
  background: #FB7D10;
}
.inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item:last-child button {
  filter: brightness(1.2);
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box {
  width: 100%;
  height: auto;
  margin-top: var(--spacing-20);
  position: relative;
  z-index: 1;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_head {
  width: 100%;
  height: auto;
  padding: 0 20px;
  background: var(--active-color);
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_head .one {
  width: 100%;
  height: auto;
  padding: 20px 0;
  font-size: var(--font20);
  color: #FFFFFF;
  text-align: center;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body {
  width: 100%;
  height: auto;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item {
  width: 100%;
  height: auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 20px;
  background: #EFEFEF;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item .one {
  width: 100%;
  height: auto;
  padding: 15px 0;
  font-size: var(--font16);
  color: #222222;
  text-align: center;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item .one .icon {
  margin: 0 auto;
  font-size: var(--font24);
  cursor: pointer;
  color: #222222;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item .one .icon:hover {
  color: var(--active-color);
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item .one a {
  color: #222222;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item .one a:hover {
  color: var(--active-color);
  text-decoration: underline;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item:nth-child(even) {
  background: #F8F8F8;
}
.inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item:hover {
  background: #DFE9FD;
}
.inner_product_details .product_body .swiper_info .swiper-slide .specs_menu {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: var(--spacing-40) 10%;
  overflow: hidden;
}
.inner_product_details .product_body .swiper_info .swiper-slide .specs_menu .item {
  width: 100%;
  height: auto;
}
.inner_product_details .product_body .swiper_info .swiper-slide .specs_menu .item .headline {
  width: 100%;
  height: auto;
  font-weight: 700;
  font-size: var(--font16);
  color: #333333;
}
.inner_product_details .product_body .swiper_info .swiper-slide .specs_menu .item .details {
  width: 100%;
  height: auto;
  margin-top: 10px;
  font-size: var(--font14);
  color: #666666;
}
.inner_product_details .product_body .swiper_info .swiper-slide .specs_menu .item .img {
  width: 100%;
  height: auto;
  margin-top: 20px;
  font-size: 0;
}
@media (max-width:990px) {
  .inner_product_details .product_head {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .inner_product_details .product_head .product_info {
    margin: 30px 0 0;
  }
  .inner_product_details .product_head .swiper_box {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .inner_product_details .product_body {
    margin-top: 40px;
  }
  .inner_product_details .product_body .product_tabs .one {
    margin: 0 0.5em 0 0;
    padding: 0 1em;
  }
  .inner_product_details .product_body .swiper_info .swiper-slide .filter_box form {
    grid-template-columns: 100%;
  }
  .inner_product_details .product_body .swiper_info .swiper-slide .filter_box form .item:last-child {
    width: 100%;
    height: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_head {
    grid-template-columns: repeat(6, 1fr);
  }
  .inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_head .one:first-child {
    display: none;
  }
  .inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item {
    grid-template-columns: repeat(6, 1fr);
  }
  .inner_product_details .product_body .swiper_info .swiper-slide .table_box .table_body .item .one:first-child {
    display: none;
  }
  .inner_product_details .product_body .swiper_info .swiper-slide .specs_menu {
    grid-template-columns: 100%;
  }
}
/* --------------- */
/* --------------- */
/* --------------- */
/* 内页 => 解决方案 => 列表 */
.inner_solution_box {
  width: 100%;
  height: auto;
  margin: 30px 0 60px;
  overflow: hidden;
}
.inner_solution_box .solution_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_solution_box .solution_box .menu_box {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--spacing-20);
}
.inner_solution_box .solution_box .menu_box .item {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_solution_box .solution_box .menu_box .item a {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
}
.inner_solution_box .solution_box .menu_box .item a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border: 1px solid #F1F1F1;
  pointer-events: none;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_solution_box .solution_box .menu_box .item a .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inner_solution_box .solution_box .menu_box .item a .img::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: var(--active-color);
  opacity: 0;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_solution_box .solution_box .menu_box .item a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner_solution_box .solution_box .menu_box .item a .title {
  width: 100%;
  height: auto;
  background: #F1F1F1;
  padding: 1.1em 1em;
  text-align: center;
  font-size: var(--font20);
  color: #222222;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_solution_box .solution_box .menu_box .item a .title span{
  line-height:22px;
  color: #666;
  font-size:14px;
  display:block;
  text-align:center;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_solution_box .solution_box .menu_box .item a:hover::before {
  border-color: var(--active-color);
}
.inner_solution_box .solution_box .menu_box .item a:hover .img::before {
  opacity: 0.3;
}
.inner_solution_box .solution_box .menu_box .item a:hover .title {
  background: var(--active-color);
  color: #FFFFFF;
}
.inner_solution_box .solution_box .menu_box .item a:hover .title span{
  color: #FFFFFF;
}
.inner_solution_box .solution_box .idx_more {
  margin-top: var(--spacing-50);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:1024px) {
  .inner_solution_box .solution_box .menu_box {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width:768px) {
  .inner_solution_box .solution_box .menu_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* --------------- */
/* 内页 => 解决方案 => 详情 */
.inner_solution_details {
  width: 100%;
  height: auto;
  margin: 40px 0 var(--spacing-120);
  overflow: hidden;
}
.inner_solution_details .details_box {
  width: 100%;
  height: auto;
}
.inner_solution_details .details_box .title_details {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #E7E7E7;
}
.inner_solution_details .details_box .text_details {
  margin-top: 30px;
}
/* --------------- */
/* --------------- */
/* 内页 => 服务支持 */
.inner_service {
  width: 100%;
  height: auto;
  margin: 40px 0 var(--spacing-120);
  overflow: hidden;
}
.inner_service .service_box {
  width: 100%;
  height: auto;
}
.inner_service .service_box .service_title {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: var(--font22);
  color: #666666;
}
.inner_service .service_box .menu_box {
  width: 100%;
  height: auto;
  margin-top: var(--spacing-60);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--spacing-20);
}
.inner_service .service_box .menu_box .item {
  width: 100%;
  height: auto;
  padding: var(--spacing-30);
  background: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inner_service .service_box .menu_box .item .icon {
  width: 50px;
  font-size: 0;
}
.inner_service .service_box .menu_box .item .info {
  width: 100%;
  height: auto;
  margin-left: var(--spacing-30);
}
.inner_service .service_box .menu_box .item .info .title {
  width: 100%;
  height: auto;
  font-size: var(--font20);
  color: #333333;
}
.inner_service .service_box .menu_box .item .info .details {
  width: 100%;
  height: auto;
  min-height: 3em;
  margin-top: 10px;
  font-size: var(--font16);
  line-height: 1.5;
  color: #222222;
}
.inner_service .service_box .menu_box .item .info .details.active {
  font-weight: 700;
  font-size: var(--font24);
  color: var(--active-color);
}
@media (max-width:1024px) {
  .inner_service .service_box .menu_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:640px) {
  .inner_service .service_box .menu_box {
    grid-template-columns: 100%;
  }
}
/* --------------- */
/* --------------- */
/* --------------- */
/* 内页 => 关于我们 */
.inner_about_box {
  width: 100%;
  height: auto;
  margin: 50px 0 90px;
  overflow: hidden;
}
.inner_about_box .about_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.inner_about_box .about_box .about_info {
  width: 100%;
  height: auto;
  flex: 1;
  margin-right: var(--spacing-60);
  overflow: hidden;
}
.inner_about_box .about_box .about_info .title {
  width: 100%;
  height: auto;
  font-weight: 700;
  font-size: var(--font30);
  overflow: hidden;
}
.inner_about_box .about_box .about_info .subtitle {
  width: 100%;
  height: auto;
  margin-top: 0.5em;
  font-size: var(--font18);
  color: var(--active-color);
  line-height: 1.5;
}
.inner_about_box .about_box .about_info .details {
  width: 100%;
  height: auto;
  margin-top: 1em;
  font-size: var(--font16);
  color: #333333;
  line-height: 2;
}
.inner_about_box .about_box .about_info .details > * + * {
  margin-top: 1em;
}
.inner_about_box .about_box .images {
  width: 48%;
  height: auto;
  overflow: hidden;
}
.inner_about_box .about_box .images .pb {
  padding-bottom: 66.66%;
}
.inner_about_box .about_box .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:990px) {
  .inner_about_box .about_box {
    display: block;
  }
  .inner_about_box .about_box .images {
    width: 100%;
    margin-top: 30px;
  }
}
/* --------------- */
/* 内页 => 企业文化 */
.inner_about_culture {
  width: 100%;
  height: auto;
  margin: 60px 0;
  overflow: hidden;
}
.inner_about_culture .culture_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_about_culture .culture_box .menu_box {
  width: 100%;
  height: auto;
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--spacing-20);
}
.inner_about_culture .culture_box .menu_box .item {
  width: 100%;
  height: auto;
  border-radius: 3px;
  overflow: hidden;
}
.inner_about_culture .culture_box .menu_box .item a {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
}
.inner_about_culture .culture_box .menu_box .item a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border: 1px solid #EBEBEB;
  pointer-events: none;
}
.inner_about_culture .culture_box .menu_box .item a .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inner_about_culture .culture_box .menu_box .item a .img .pb {
  padding-bottom: 111.11%;
}
.inner_about_culture .culture_box .menu_box .item a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner_about_culture .culture_box .menu_box .item a .info {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: var(--spacing-30) var(--spacing-30) var(--spacing-40);
  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-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  overflow: hidden;
}
.inner_about_culture .culture_box .menu_box .item a .info .title {
  width: 100%;
  height: auto;
  font-weight: 700;
  font-size: var(--font30);
  color: #FFFFFF;
}
.inner_about_culture .culture_box .menu_box .item a .info .subtitle {
  width: 100%;
  height: auto;
  margin-top: var(--spacing-20);
  font-size: var(--font16);
  color: #FFFFFF;
}
.inner_about_culture .culture_box .menu_box .item a:hover .info {
  background-color: rgba(19, 60, 140, 0.5);
}
@media (max-width:768px) {
  .inner_about_culture .culture_box .menu_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* --------------- */
/* 内页 => 荣誉资质 */
.inner_about_honor {
  width: 100%;
  height: auto;
  margin: 60px 0;
  overflow: hidden;
}
.inner_about_honor .honor_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner_about_honor .honor_box .swiper_box {
  width: 100%;
  height: auto;
  margin-top: 40px;
}
.inner_about_honor .honor_box .swiper_box .swiper-slide {
  width: 25%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inner_about_honor .honor_box .swiper_box .swiper-slide::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border: 1px solid #EBEBEB;
  pointer-events: none;
}
.inner_about_honor .honor_box .swiper_box .swiper-slide .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inner_about_honor .honor_box .swiper_box .swiper-slide .img .pb {
  padding-bottom: 84.848%;
}
.inner_about_honor .honor_box .swiper_box .swiper-slide .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_about_honor .honor_box .swiper_box .swiper-slide .title {
  width: 100%;
  height: auto;
  border-top: 1px solid #EDEDED;
  padding: 1.1em 1em;
  text-align: center;
  font-size: var(--font20);
  color: #222222;
}
.inner_about_honor .honor_box .pager_box {
  width: 100%;
  height: auto;
  margin-top: var(--spacing-50);
}
.inner_about_honor .honor_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;
}
.inner_about_honor .honor_box .pager_box .pager span {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background: #000000;
  cursor: pointer;
  opacity: 0.2;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.inner_about_honor .honor_box .pager_box .pager span.active {
  background: var(--active-color);
  opacity: 1;
}
/* --------------- */
/* --------------- */
/* --------------- */
/* 内页 => 新闻中心 => 新闻列表 */
.inner_news_box {
  width: 100%;
  height: auto;
  margin: 40px 0 60px;
  overflow: hidden;
}
.inner_news_box .news_box {
  width: 100%;
  height: auto;
}
.inner_news_box .news_box .menu_box {
  width: 100%;
  height: auto;
}
.inner_news_box .news_box .menu_box .item {
  width: 100%;
  height: auto;
}
.inner_news_box .news_box .menu_box .item a {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: var(--spacing-40) 0;
  border-bottom: 1px solid #F0F0F0;
  overflow: hidden;
}
.inner_news_box .news_box .menu_box .item a .img {
  width: 300px;
  height: auto;
  overflow: hidden;
}
.inner_news_box .news_box .menu_box .item a .img .pb {
  padding-bottom: 66.66%;
}
.inner_news_box .news_box .menu_box .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_news_box .news_box .menu_box .item a .info {
  width: 100%;
  height: auto;
  flex: 1;
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  margin-left: var(--spacing-40);
  overflow: hidden;
}
.inner_news_box .news_box .menu_box .item a .info .title {
  width: 100%;
  height: auto;
  font-size: var(--font20);
  color: #222222;
  -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_news_box .news_box .menu_box .item a .info .time {
  width: 100%;
  height: auto;
  margin-top: 0.8em;
  font-size: var(--font16);
  color: #666666;
}
.inner_news_box .news_box .menu_box .item a .info .details {
  width: 100%;
  height: auto;
  margin-top: 1em;
  max-height: calc(3em * 1.8);
  font-size: var(--font16);
  color: #666666;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.inner_news_box .news_box .menu_box .item a:hover .img img {
  transform: scale(1.05);
}
.inner_news_box .news_box .menu_box .item a:hover .info .title {
  color: var(--active-color);
}
.inner_news_box .news_box .menu_box .item:first-child a {
  padding-top: 0;
}
@media (max-width:768px) {
  .inner_news_box .news_box .menu_box .item a .img {
    width: 50%;
  }
  .inner_news_box .news_box .menu_box .item a .info .details {
    max-height: calc(2em * 1.5);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
/* 内页 => 新闻中心 => 新闻详情 */
.inner_news_details {
  width: 100%;
  height: auto;
  margin: 40px 0 60px;
  overflow: hidden;
}
.inner_news_details .details_box {
  width: 100%;
  height: auto;
}
.inner_news_details .details_box .title_details {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #E7E7E7;
}
.inner_news_details .details_box .text_details {
  margin-top: 30px;
}
/* --------------- */
/* --------------- */
/* --------------- */
/* 内页 => 联系我们 => 联系方式 */
.inner_contact {
  width: 100%;
  height: auto;
  margin: 40px 0 60px;
  overflow: hidden;
}
.inner_contact .contact_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inner_contact .contact_box .contact_info {
  width: 100%;
  height: auto;
  flex: 1;
  margin-right: var(--spacing-60);
  overflow: hidden;
}
.inner_contact .contact_box .contact_info .title {
  width: 100%;
  height: auto;
  font-size: var(--font24);
  color: var(--active-color);
  overflow: hidden;
}
.inner_contact .contact_box .contact_info .details {
  width: 100%;
  height: auto;
  margin-top: 1em;
  font-size: var(--font14);
  color: #333333;
  line-height: 2;
}
.inner_contact .contact_box .contact_info .details > * + * {
  margin-top: 0.5;
}
.inner_contact .contact_box .contact_info .qrcode {
  width: 100%;
  height: auto;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inner_contact .contact_box .contact_info .qrcode .img {
  width: 120px;
  height: auto;
  font-size: 0;
}
.inner_contact .contact_box .contact_info .qrcode .word {
  width: 100%;
  height: auto;
  margin-left: 1em;
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  font-size: var(--font16);
  color: #999999;
  line-height: 2;
}
.inner_contact .contact_box .images {
  width: 45%;
  max-width: 600px;
  height: auto;
  overflow: hidden;
}
.inner_contact .contact_box .images .pb {
  padding-bottom: 66.66%;
}
.inner_contact .contact_box .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:990px) {
  .inner_contact .contact_box {
    display: block;
  }
  .inner_contact .contact_box .images {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 30px;
  }
}
/* --------------- */
/* 内页 => 联系我们 => 留言反馈 */
.inner_feedback {
  width: 100%;
  height: auto;
  margin: 60px 0;
  overflow: hidden;
}
.inner_feedback .feedback_box {
  width: 100%;
  height: auto;
}
.inner_feedback .feedback_box .menu_box {
  width: 100%;
  height: auto;
  max-width: 1000px;
  margin: 40px auto 0;
}
.inner_feedback .feedback_box .menu_box form {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--spacing-20);
}
.inner_feedback .feedback_box .menu_box form .item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.inner_feedback .feedback_box .menu_box form .item input {
  width: 100%;
  height: 50px;
  flex: 1;
  border-radius: 3px;
  border: 1px solid #EDEDED;
  padding: 0 var(--spacing-20);
  font-size: var(--font14);
  color: #000000;
}
.inner_feedback .feedback_box .menu_box form .item img {
  width: 140px;
  height: 50px;
  margin-left: var(--spacing-20);
  border-radius: 3px;
}
.inner_feedback .feedback_box .menu_box form .item textarea {
  width: 100%;
  height: auto;
  min-height: 200px;
  padding: 1em var(--spacing-20);
  border-radius: 3px;
  border: 1px solid #EDEDED;
  font-size: var(--font14);
  color: #000000;
}
.inner_feedback .feedback_box .menu_box form .item input[type="submit"],
.inner_feedback .feedback_box .menu_box form .item button {
  width: auto;
  height: 50px;
  padding: 0 2em;
  border: 0;
  border-radius: 3px;
  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_feedback .feedback_box .menu_box form .item input[type="submit"]:hover,
.inner_feedback .feedback_box .menu_box form .item button:hover {
  filter: brightness(1.2);
}
.inner_feedback .feedback_box .menu_box form .item.active {
  grid-column: 1 / -1;
}
@media (max-width:1024px) {
  .inner_feedback .feedback_box .menu_box form {
    grid-template-columns: repeat(2, 1fr);
  }
  .inner_feedback .feedback_box .menu_box form .item.moblie_active {
    grid-column: 1 / -1;
  }
}
@media (max-width:640px) {
  .inner_feedback .feedback_box .menu_box form {
    grid-template-columns: 100%;
  }
}
/* --------------- */

/* 在线客服 */
.kefu_tools{top:50%; margin-top:-115px; position:fixed; z-index: 9999999; right:0px;}
.cl_kefu_one{width:45px; height:45px; margin-bottom:1px; line-height: 45px; text-align: center; position:relative;}
.cl_kefu_one i{font-size: 24px; color: #fff;}
.go_radius_1{border-radius: 3px 0 0 0;}
.go_radius_2{border-radius: 0 0 0 3px;}
.go_radius_2:hover{border-radius: 0 0 0 0;}
.go_radius_3{border-radius: 0 0 0 3px;}
.cl_kefu_title{display:block; width:100%; height:auto; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center;}
#cl_gotop{display:none;}
.qr_menu{position:absolute; top:0; left:-150px; width:160px; height:auto; box-shadow: -10px 5px 10px 0 rgba(0,0,0,0.05); visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.qr_menu ul{display:block; width:calc(100% - 1px); height:auto; float:left;}
.qr_menu ul li{display:block; width:100%; height:46px; background: #fff; float:left; padding:0 20px; box-sizing:border-box; color:#666; font-size:14px; line-height:46px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu ul li:last-child{border-radius:0 0 3px 3px;}
.qr_menu ul li a{display:block; width:100%; height:46px; float:left; color:#666; font-size:14px; line-height:46px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu ul li a i{font-size: 26px; display: inline-block; vertical-align: top; margin-right: 6px; color: #40abf5;}
.cl_kefu_one:hover .qr_menu{left:-160px; opacity: 1; visibility: initial;}
.qr_img{position:absolute; bottom:0; left:-150px; width:160px; height:auto; text-align:center; box-shadow: -10px -5px 10px 0 rgba(0,0,0,0.05); visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.qr_img_box{width:calc(100% - 1px); height:auto; padding:10px; box-sizing:border-box; background: #fff; border-radius:3px 3px 0 0;}
.qr_img_box img{border:0px; max-width:100%; height:auto;}
.cl_kefu_one:hover .qr_img{left:-160px; opacity: 1; visibility: initial;}

@media screen and (max-width:768px) {
  .kefu_tools{display: none;}
}

/*自定义框架*/
.in_a_row_box{width: 100%; height: auto; float: left;}
.two_boxes_in_a_row{width: 50%; min-height: 100px; float: left; box-sizing: border-box;}
.two_boxes_in_a_row:nth-child(1){padding-right: 8px;}
.two_boxes_in_a_row:nth-child(2){padding-left: 8px;}
.four_boxes_in_a_row{width: 25%; min-height: 100px; float: left; box-sizing: border-box;}
.four_boxes_in_a_row:nth-child(1){padding: 0 12px 0 0;}
.four_boxes_in_a_row:nth-child(2){padding: 0 8px 0 4px;}
.four_boxes_in_a_row:nth-child(3){padding: 0 4px 0 8px;}
.four_boxes_in_a_row:nth-child(4){padding: 0 0 0 12px;}

@media screen and (max-width:768px) {
  .two_boxes_in_a_row{width: 100%;}
  .two_boxes_in_a_row:nth-child(1){padding-right: 0;}
  .two_boxes_in_a_row:nth-child(2){padding-left: 0;}
  .four_boxes_in_a_row{width: 50%;}
  .four_boxes_in_a_row:nth-child(1){padding: 0 8px 0 0;}
  .four_boxes_in_a_row:nth-child(2){padding: 0 0 0 8px;}
  .four_boxes_in_a_row:nth-child(3){padding: 0 8px 0 0;}
  .four_boxes_in_a_row:nth-child(4){padding: 0 0 0 8px;}
}

.for_eight{
  grid-template-columns: repeat(8, 1fr) !important;
}
@media (max-width:990px) {
  .for_eight{
    grid-template-columns: repeat(7, 1fr) !important;
  }
}