@charset "UTF-8";
/* 华汉互联 https://www.huahanlink.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;
}
/* 动画 */
.abImg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.dh {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s 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.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s 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: 75%;
  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: 80%;
    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;
  }
  .w1440 {
    max-width: 100%;
  }
}
/* 常用 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;
}
.center_box {
  position: relative;
  z-index: 5;
}
.m1px {
  margin-bottom: -1px;
}
:root {
  /* 字体 */
  /* 1280px ~ 1800px */
  /* 60px ~ 160px */
  --font160: clamp(3.75rem, calc( -3.393rem + 11.16vw), 10rem);
  /* 30px ~ 60px */
  --font60: clamp(1.875rem, calc(-2.74rem + 5.77vw), 3.75rem);
  /* 26px ~ 48px */
  --font48: clamp(1.625rem, calc(-1.76rem + 4.23vw), 3rem);
  /* 24px ~ 42px */
  --font42: clamp(1.5rem, calc(-1.269rem + 3.46vw), 2.625rem);
  /* 24px ~ 40px */
  --font40: clamp(1.5rem, calc(-0.962rem + 3.08vw), 2.5rem);
  /* 24px ~ 38px */
  --font38: clamp(1.5rem, calc(-0.654rem + 2.69vw), 2.375rem);
  /* 22px ~ 36px */
  --font36: clamp(1.375rem, calc(-0.779rem + 2.69vw), 2.25rem);
  /* 22px ~ 34px */
  --font34: clamp(1.375rem, calc(-0.471rem + 2.31vw), 2.125rem);
  /* 20px ~ 32px */
  --font32: clamp(1.25rem, calc(-0.596rem + 2.31vw), 2rem);
  /* 20px ~ 30px */
  --font30: clamp(1.25rem, calc(-0.288rem + 1.92vw), 1.875rem);
  /* 18px ~ 28px */
  --font28: clamp(1.125rem, calc(-0.413rem + 1.92vw), 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);
  /* 14px ~ 16px */
  --font16: clamp(0.813rem, calc(0.351rem + 0.58vw), 1rem);
  /* 12px ~ 14px */
  --font14: clamp(0.75rem, calc(0.442rem + 0.38vw), 0.875rem);
  /* 圆角 */
  --border-radius20: clamp(0.625rem, calc(-0.913rem + 1.92vw), 1.25rem);
  --border-radius18: clamp(0.625rem, calc(-0.606rem + 1.54vw), 1.125rem);
  --border-radius16: clamp(0.5rem, calc(-0.731rem + 1.54vw), 1rem);
  --border-radius14: clamp(0.5rem, calc(-0.423rem + 1.15vw), 0.875rem);
  --border-radius12: clamp(0.375rem, calc(-0.548rem + 1.15vw), 0.75rem);
  --border-radius10: clamp(0.313rem, calc(-0.457rem + 0.96vw), 0.625rem);
  --border-radius8: clamp(0.25rem, calc(-0.365rem + 0.77vw), 0.5rem);
  /* 数值 */
  /* 30px ~ 70px */
  --num_70: clamp(1.875rem, calc(-0.982rem + 4.46vw), 4.375rem);
  /* 10px ~ 30px */
  --num_30: clamp(0.625rem, calc(-0.804rem + 2.23vw), 1.875rem);
  /* 10px ~ 25px */
  --num_25: clamp(0.625rem, calc(-0.446rem + 1.67vw), 1.563rem);
  /* 10px ~ 35px */
  --num_35: clamp(0.625rem, calc(-1.161rem + 2.79vw), 2.188rem);
  /* 圆角 */
  --border-r30: 30px;
  --border-r20: 20px;
  --border-r12: 12px;
  --border-r10: 10px;
}
@media (max-width:768px) {
  :root {
    /* 52px ~ 160px */
    --font160: 52px;
    /* 26px ~ 48px */
    --font48: 24px;
    /* 24px ~ 42px */
    --font42: 22px;
    /* 24px ~ 40px */
    --font40: 20px;
    /* 24px ~ 38px */
    --font38: 20px;
    /* 22px ~ 36px */
    --font36: 19px;
    /* 22px ~ 34px */
    --font34: 19px;
    /* 20px ~ 32px */
    --font32: 18px;
    /* 20px ~ 30px */
    --font30: 18px;
    /* 18px ~ 28px */
    --font28: 17px;
    /* 18px ~ 26px */
    --font26: 16px;
    /* 18px ~ 24px */
    --font24: 16px;
    /* 17px ~ 22px */
    --font22: 16px;
    /* 17px ~ 22px */
    --font20: 14px;
    /* 17px ~ 22px */
    --font18: 14px;
    /* 17px ~ 22px */
    --font16: 13px;
  }
}
/* 字体大小 */
/* 间距 */
/* 点扩散 */
.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-face {
  font-family: "sy_me";
  src: url(../fonts/SourceHanSansCN-Medium.ttf);
}
.sy_me {
  font-family: "sy_me";
}
@font-face {
  font-family: "sy_bo";
  src: url(../fonts/SourceHanSansCN-Bold.ttf);
}
.sy_bo {
  font-family: "sy_bo";
}
@font-face {
  font-family: "sy_re";
  src: url(../fonts/SourceHanSansCN-Regular.ttf);
}
.sy_re {
  font-family: "sy_re";
}
@font-face {
  font-family: "sy_li";
  src: url(../fonts/SourceHanSansCN-Light.ttf);
}
.sy_li {
  font-family: "sy_li";
}
.num_me {
  font-family: "sy_me";
}
.eu_bo {
  font-family: "sy_bo";
}
.eu_me {
  font-family: "sy_me";
}
.eu_re {
  font-family: "sy_re";
}
.sa_me {
  font-family: "sy_me";
}
.sa_re {
  font-family: "sy_re";
}
.ru_re {
  font-family: "sy_me";
}
.ne_bo {
  font-family: "sy_bo";
}
.ru_me {
  font-family: "sy_bo";
}
/* 单独英文的 */
@media (max-width:990px) {
  .idx_banner {
    /*min-height: 70vh;*/
  }
  .idx_productCon1 .center_box .idx_title .list .one .word {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  .idx_productCon2 .center_box .center .item_box {
    grid-template-columns: repeat(2, 1fr);
  }
  .idx_productCon2 .center_box .center .item_box .item {
    padding: 10px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: center;
  }
  .idx_productCon2 .swiper_img ul li .images img {
    min-height: 45vh;
  }
  .idx_productCon2 .center_box .center .swiper_box {
    max-height: 45vh;
  }
  .idx_productCon2 .center_box .center .swiper_box ul li .centerInfo .subtitle {
    max-height: 150px;
    overflow: auto;
  }
}



.idx_productCon2 .center_box .center .item_box .item .word { text-align: center; }
.idx_productCon1 .center_box .swiper_box ul li .content .item .word_box .subtitle { line-height: 1.45; min-height: calc(2em * 1.45);   -webkit-line-clamp: 2; } 

.idx_new { display: none; }
header .header_box .header_main .nav ul li .product_sub .center_box .sele_box .sele_a { min-width: 180px; padding: 0 20px; width: auto; }

header .header_box .header_main .nav ul li .subNav > a { text-align: center; }

.ins_aboutCon4 .center_box .item_box .item .word .title { max-width: 210px; min-width: unset !important; width: 100%;  flex-shrink: 0; }
.ins_aboutCon4 .center_box .item_box .item .word { gap: 30px; }

.ins_aboutcxCon3 .center_box .item_box .item .right { flex-shrink: 0; }

.ins_procuctCon2 .center_box .item .hh_right .list { display: flex; flex-direction: column; gap: 10px; }
.ins_procuctCon2 .center_box .item .hh_right .list .one, .ins_procuctCon2 .center_box .item .hh_right .list .one * { line-height: 1.56; }

.ins_aboutCon6 { display: none; }
.ins_aboutcxCon2 .center_box .swiper_box { padding-bottom: 2px; }
.idx_productCon2 .center_box .center { padding-top:  0; } 

.ins_aboutCon4 .center_box .item_box .item .word { gap:0; }
header .header_box .header_main .nav ul li .product_sub .center_box .sub_a:first-child{ min-width: 30%; }


@media (max-width:990px) {
    .ins_aboutCon4 .center_box .item_box .item .word .title { max-width: 100% !important; }
}
@media (max-width:1440px) {

    /*header .header_box .header_main .nav ul li .product_sub .center_box .sub_en {*/
    /*    display: grid; grid-template-columns: repeat(3, 1fr);*/
    /*}*/
}





header .header_box .header_main .nav ul li .subNav {
    width: max-content !important;
    padding: 0 20px;
}


header .header_box .header_main .nav ul li .product_sub .center_box .colose_box { 
    width: 40px; height: 40px; position: absolute; top: 0px; right: 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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  transform: translateY(-50%);
  cursor: pointer;
}
header .header_box .header_main .nav ul li .product_sub .center_box .colose_box_1 {
    width: auto; height: 40px;
  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-top: 10px;
  font-size: 14px;
  cursor: pointer; gap: 5px;
}

header .header_box .header_main .nav ul li .product_sub .center_box .colose_box_1 i { font-size: 12px; }
header .header_box .header_main .nav ul li .product_sub .center_box .colose_box:hover i {  color:var(--text_color); }