@charset "UTF-8";
* {
  -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;
}
html,
body {
  margin: 0;
  padding: 0;
  position: relative;
  transition: all 1s;
  width: 100%;
  overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}
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;
}
ul.swiper-wrapper {
  margin: 0;
  padding: 0;
}
input,
textarea {
  resize: none;
}
img {
  max-height: 100%;
  max-width: 100%;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
.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;
}
.dh {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.letterBig {
  text-transform: uppercase;
}
.pb {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
}
.abImg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.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);
}
.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;
}
.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;
  height: 100%;
}
.w1400,
.wrap {
  width: 100%;
  height: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.w1310,
.wrap {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  position: relative;
}
.w1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.w1194 {
  width: 100%;
  max-width: 1194px;
  margin: 0 auto;
}
.w1040 {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
}
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
* {
  scrollbar-color: #CF000E #d4d6d7;
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #d4d6d7;
}
*::-webkit-scrollbar-thumb {
  background-color: #CF000E;
  border-radius: 10px;
}
*::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(226, 226, 226, 0.76);
}
/* ----------------------------------------------------------字体 */
.font72 {
  font-size: 72px;
}
@media (max-width:1600px) {
  .font72 {
    font-size: 62px;
  }
}
@media (max-width:1366px) {
  .font72 {
    font-size: 52px;
  }
}
@media (max-width:1024px) {
  .font72 {
    font-size: 42px;
  }
}
@media (max-width:768px) {
  .font72 {
    font-size: 32px;
  }
}
.font60 {
  font-size: 60px;
}
@media (max-width:1600px) {
  .font60 {
    font-size: 50px;
  }
}
@media (max-width:1366px) {
  .font60 {
    font-size: 45px;
  }
}
@media (max-width:1024px) {
  .font60 {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .font60 {
    font-size: 30px;
  }
}
.font56 {
  font-size: 56px;
}
@media (max-width:1600px) {
  .font56 {
    font-size: 49px;
  }
}
@media (max-width:1366px) {
  .font56 {
    font-size: 46px;
  }
}
@media (max-width:1024px) {
  .font56 {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .font56 {
    font-size: 34px;
  }
}
@media (max-width:480px) {
  .font56 {
    font-size: 26px;
  }
}
@media (max-width:360px) {
  .font56 {
    font-size: 22px;
  }
}
.font54 {
  font-size: 54px;
}
@media (max-width:1600px) {
  .font54 {
    font-size: 48px;
  }
}
@media (max-width:1366px) {
  .font54 {
    font-size: 46px;
  }
}
@media (max-width:1024px) {
  .font54 {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .font54 {
    font-size: 34px;
  }
}
.font52 {
  font-size: 52px;
}
@media (max-width:1600px) {
  .font52 {
    font-size: 46px;
  }
}
@media (max-width:1366px) {
  .font52 {
    font-size: 44px;
  }
}
@media (max-width:1024px) {
  .font52 {
    font-size: 36px;
  }
}
@media (max-width:768px) {
  .font52 {
    font-size: 32px;
  }
}
.font50 {
  font-size: 50px;
}
@media (max-width:1600px) {
  .font50 {
    font-size: 44px;
  }
}
@media (max-width:1366px) {
  .font50 {
    font-size: 40px;
  }
}
@media (max-width:1024px) {
  .font50 {
    font-size: 34px;
  }
}
@media (max-width:768px) {
  .font50 {
    font-size: 30px;
  }
}
.font48 {
  font-size: 48px;
}
@media (max-width:1600px) {
  .font48 {
    font-size: 42px;
  }
}
@media (max-width:1366px) {
  .font48 {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .font48 {
    font-size: 32px;
  }
}
@media (max-width:768px) {
  .font48 {
    font-size: 28px;
  }
}
@media (max-width:480px) {
  .font48 {
    font-size: 25px;
  }
}
.font46 {
  font-size: 46px;
}
@media (max-width:1600px) {
  .font46 {
    font-size: 40px;
  }
}
@media (max-width:1366px) {
  .font46 {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .font46 {
    font-size: 30px;
  }
}
@media (max-width:768px) {
  .font46 {
    font-size: 26px;
  }
}
.font42 {
  font-size: 42px;
}
@media (max-width:1600px) {
  .font42 {
    font-size: 38px;
  }
}
@media (max-width:1366px) {
  .font42 {
    font-size: 34px;
  }
}
@media (max-width:1024px) {
  .font42 {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .font42 {
    font-size: 24px;
  }
}
.font40 {
  font-size: 40px;
}
@media (max-width:1600px) {
  .font40 {
    font-size: 36px;
  }
}
@media (max-width:1366px) {
  .font40 {
    font-size: 32px;
  }
}
@media (max-width:1024px) {
  .font40 {
    font-size: 26px;
  }
}
@media (max-width:768px) {
  .font40 {
    font-size: 23px;
  }
}
.font38 {
  font-size: 38px;
}
@media (max-width:1600px) {
  .font38 {
    font-size: 34px;
  }
}
@media (max-width:1366px) {
  .font38 {
    font-size: 30px;
  }
}
@media (max-width:1024px) {
  .font38 {
    font-size: 24px;
  }
}
@media (max-width:768px) {
  .font38 {
    font-size: 22px;
  }
}
.font36 {
  font-size: 36px;
}
@media (max-width:1600px) {
  .font36 {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .font36 {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .font36 {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .font36 {
    font-size: 20px;
  }
}
.font32 {
  font-size: 32px;
}
@media (max-width:1600px) {
  .font32 {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .font32 {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .font32 {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .font32 {
    font-size: 19px;
  }
}
.font30 {
  font-size: 30px;
}
@media (max-width:1600px) {
  .font30 {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .font30 {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .font30 {
    font-size: 19px;
  }
}
@media (max-width:768px) {
  .font30 {
    font-size: 18px;
  }
}
.font28 {
  font-size: 28px;
}
@media (max-width:1600px) {
  .font28 {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .font28 {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .font28 {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .font28 {
    font-size: 17px;
  }
}
.font26 {
  font-size: 26px;
}
@media (max-width:1600px) {
  .font26 {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .font26 {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .font26 {
    font-size: 17px;
  }
}
@media (max-width:768px) {
  .font26 {
    font-size: 16px;
  }
}
.font24 {
  font-size: 24px;
}
@media (max-width:1600px) {
  .font24 {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .font24 {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .font24 {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .font24 {
    font-size: 15px;
  }
}
.font22 {
  font-size: 22px;
}
@media (max-width:1600px) {
  .font22 {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .font22 {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .font22 {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .font22 {
    font-size: 14px;
  }
}
.font20 {
  font-size: 20px;
}
@media (max-width:1600px) {
  .font20 {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .font20 {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .font20 {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .font20 {
    font-size: 13px;
  }
}
.font18 {
  font-size: 18px;
}
@media (max-width:1600px) {
  .font18 {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .font18 {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .font18 {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .font18 {
    font-size: 12px;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width:1366px) {
  .font16 {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .font16 {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .font16 {
    font-size: 12px;
  }
}
.font14 {
  font-size: 14px;
}
@media (max-width:1366px) {
  .font14 {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .font14 {
    font-size: 12px;
  }
}
.font12 {
  font-size: 12px;
}
:root {
  /* 字体 */
  /* 26px ~ 48px */
  --font48: clamp(1.625rem, calc(-1.125rem + 3.44vw), 3rem);
  /* 25px ~ 44px */
  --font44: clamp(1.563rem, calc(-0.813rem + 2.97vw), 2.75rem);
  /* 24px ~ 42px */
  --font42: clamp(1.5rem, calc(-0.75rem + 2.81vw), 2.625rem);
  /* 24px ~ 40px */
  --font40: clamp(1.5rem, calc(-0.5rem + 2.5vw), 2.5rem);
  /* 24px ~ 38px */
  --font38: clamp(1.5rem, calc(-0.25rem + 2.19vw), 2.375rem);
  /* 22px ~ 36px */
  --font36: clamp(1.375rem, calc(-0.375rem + 2.19vw), 2.25rem);
  /* 22px ~ 34px */
  --font34: clamp(1.375rem, calc(-0.125rem + 1.88vw), 2.125rem);
  /* 20px ~ 32px */
  --font32: clamp(1.25rem, calc(-0.25rem + 1.88vw), 2rem);
  /* 20px ~ 30px */
  --font30: clamp(1.25rem, calc(1.56vw), 1.875rem);
  /* 18px ~ 28px */
  --font28: clamp(1.125rem, calc(-0.125rem + 1.56vw), 1.75rem);
  /* 18px ~ 26px */
  --font26: clamp(1.125rem, calc(0.125rem + 1.25vw), 1.625rem);
  /* 18px ~ 24px */
  --font24: clamp(1.125rem, calc(0.375rem + 0.94vw), 1.5rem);
  /* 17px ~ 22px */
  --font22: clamp(1.063rem, calc(0.438rem + 0.78vw), 1.375rem);
  /* 15px ~ 20px */
  --font20: clamp(0.938rem, calc(0.313rem + 0.78vw), 1.25rem);
  /* 14px ~ 18px */
  --font18: clamp(0.875rem, calc(0.375rem + 0.63vw), 1.125rem);
  /* 14px ~ 16px */
  --font16: clamp(0.875rem, calc(0.625rem + 0.31vw), 1rem);
  /* 12px ~ 14px */
  --font14: clamp(0.75rem, calc(0.608rem + 0.22vw), 0.875rem);
}
.p::after {
  content: "\e6b6;";
  font-family: "iconfont";
}
@media (max-width:480px) {
  :root {
    --font48: 24px;
    --font44: 22px;
    --font42: 22px;
    --font40: 20px;
    --font38: 20px;
    --font36: 19px;
    --font34: 19px;
    --font32: 18px;
    --font30: 18px;
    --font28: 17px;
    --font26: 16px;
    --font24: 16px;
    --font22: 15px;
    --font20: 15px;
    --font18: 14px;
    --font16: 13px;
    --font14: 12px;
  }
}
/* ----------------------------------------------------------  内外边距 */
/* 间距 */
@media (max-width:1800px) {
  .w1680,
  .w1720 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1720px) {
  .w1600,
  .w1720 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1680px) {
  .w1560,
  .w1720 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1560px) {
  .w1440 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1520px) {
  .w1400,
  .wrap {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1470px) {
  .w1350,
  .wrap {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1400px) {
  .w1280 {
    padding: 0 60px;
  }
}
@media (max-width:1320px) {
  .w1200 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1194px) {
  .w1194 {
    padding: 0 30px;
  }
}
@media (max-width:1310px) {
  .w1310 {
    padding: 0 30px;
  }
}
@media (max-width:1024px) {
  .w1800,
  .w1720,
  .w1680,
  .w1560,
  .w1400,
  .w1350,
  .wrap,
  .w1440,
  .w1600,
  .w1280,
  .w1200,
  .w1310,
  .w1200 .w1040,
  .w1194 {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .w1800,
  .w1720,
  .w1680,
  .w1560,
  .w1400,
  .w1350,
  .wrap,
  .w1440,
  .w1600,
  .w1280,
  .w1200,
  .w1310,
  .w1194,
  .w1200 .w1040 {
    padding: 0 20px;
  }
  .pc {
    display: none !important;
  }
  .wap,
  .mobile {
    display: block !important;
  }
}
.pc {
  display: block;
}
.wap,
.mobile {
  display: none;
}
.radius_16 {
  border-radius: 16px;
}
@media (max-width:1600px) {
  .radius_16 {
    border-radius: 14px;
  }
}
@media (max-width:1366px) {
  .radius_16 {
    border-radius: 12px;
  }
}
@media (max-width:1024px) {
  .radius_16 {
    border-radius: 10px;
  }
}
@media (max-width:768px) {
  .radius_16 {
    border-radius: 8px;
  }
}
.h100 {
  height: 100%;
}
.w100 {
  width: 100%;
}
/* ----------------------------------------------------------    字体 */
@font-face {
  font-family: "SourceHanSansCN";
  src: url(../fonts/SourceHanSansCN-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: "SourceHanSansCN";
  src: url(../fonts/SourceHanSansCN-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "SourceHanSansCN";
  src: url(../fonts/SourceHanSansCN-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "SourceHanSansCN";
  src: url(../fonts/SourceHanSansCN-Bold.ttf);
  font-weight: 700;
}
.sy_li {
  font-weight: 300;
}
.sy_re {
  font-weight: 400;
}
.sy_me {
  font-weight: 500;
}
.sy_bo {
  font-weight: 700;
}
@font-face {
  font-family: "Samsung-Sharp-Sans";
  src: url(../fonts/Samsung-Sharp-Sans-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "Samsung-Sharp-Sans";
  src: url(../fonts/Samsung-Sharp-Sans-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "Samsung-Sharp-Sans";
  src: url(../fonts/Samsung-Sharp-Sans-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "di_li";
  src: url(../fonts/BarlowCondensed-Light.ttf);
}
.sa_re {
  font-weight: normal;
}
.sa_me {
  font-weight: 500;
  line-height: 1;
}
.sa_bo {
  font-weight: 700;
}
.di_li {
  font-family: "Samsung-Sharp-Sans", "di_li";
  font-weight: 500;
}
body {
  font-family: 'Samsung-Sharp-Sans', 'SourceHanSansCN';
  color: #1a1a1a;
}
* {
  font-family: 'Samsung-Sharp-Sans', 'SourceHanSansCN';
}
/* 从上到下 animation-name: scaletop; animation-timing-function: cubic-bezier(.46,.03,.52,.96); animation-iteration-count: infinite;  animation-duration: 2s;*/
@keyframes scaletop {
  0% {
    transform: translateY(-200%);
    opacity: 0.1;
  }
  50% {
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform: translateY(200%);
    opacity: 0.1;
  }
}
@-webkit-keyframes scaletop {
  0% {
    transform: translateY(-200%);
    opacity: 0.1;
  }
  50% {
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform: translateY(200%);
    opacity: 0.1;
  }
}
/* 内阴影 呼吸感 -webkit-animation-timing-function: ease-in-out; -webkit-animation-name: breathe; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate;*/
@keyframes breathe {
  0% {
    opacity: 1;
    border: 1px solid #eeeeee;
    box-shadow: inset 0 1px 20px #b6b6b6a4;
  }
  100% {
    opacity: 1;
    border: 1px solid #eeeeee;
    box-shadow: inset 0 1px 60px #b6b6b6;
  }
}
@-webkit-keyframes breathe {
  0% {
    opacity: 1;
    border: 1px solid #eeeeee;
    box-shadow: inset 0 1px 20px #b6b6b6a4;
  }
  100% {
    opacity: 1;
    border: 1px solid #eeeeee;
    box-shadow: inset 0 1px 60px #b6b6b6;
  }
}
/* 从左到右 animation-name: scaleleft; animation-timing-function: ease-out; animation-iteration-count: infinite;  animation-duration: 5s;*/
@keyframes scaleleft {
  0% {
    transform: translateX(-200%);
    opacity: 0.1;
  }
  50% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(200%);
    opacity: 0.1;
  }
}
@-webkit-keyframes scaleleft {
  0% {
    transform: translateX(-200%);
    opacity: 0.1;
  }
  50% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(200%);
    opacity: 0.1;
  }
}
/* 放大一直 animation-name: scalebig; animation-timing-function: ease-out; animation-iteration-count: infinite;  animation-duration: 3s;*/
@keyframes scalebig {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}
@-webkit-keyframes scalebig {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}
/* 内页banner图从大到小  animation: big_baner 0.5s ease-in 1; */
@keyframes big_baner {
  0% {
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes big_baner {
  0% {
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* ----------------------------------------------------------    主题色 */
/* ----------------------------------------------------------   视频弹窗 */
.videomark {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9998;
  display: none;
}
.videobox {
  position: fixed;
  width: 1400px;
  max-width: calc(100% - 100px);
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
}
.videobox video {
  width: 100%;
  object-fit: fill;
}
.videobox .close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: 9;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 30px;
  color: #CF000E;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.videobox .close:hover {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  background: #CF000E;
  color: #fff;
}
.videobox .video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.videobox .video video,
.videobox .video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  object-fit: fill;
}
@media (max-width:1440px) {
  .videobox {
    max-width: 70%;
  }
}
@media (max-width:768px) {
  .videobox {
    width: 100%;
    max-width: 100%;
  }
  .videobox .close {
    right: 0;
    top: -40px;
  }
}
/* ----------------------------------------------------------    手机端导航 */
.m_header_box {
  width: 100%;
  height: auto;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  box-shadow: 0 1px 0 #eee;
}
.m_header_box .header_title {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  position: relative;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
.m_header_box .header_title .logo {
  width: auto;
  height: 100%;
  overflow: hidden;
  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;
  max-width: 150px;
}
.m_header_box .header_title .logo a {
  display: block;
  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;
}
.m_header_box .header_title .logo img {
  max-height: 40px;
  display: block;
}
.m_header_box .header_title .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.m_header_box .header_title .menu_btn {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
}
.m_header_box .header_title .menu_btn::after,
.m_header_box .header_title .menu_btn::before,
.m_header_box .header_title .menu_btn i {
  width: 70%;
  height: 2px;
  display: block;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -35%;
  transform-origin: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.m_header_box .header_title .menu_btn::before {
  content: '';
  margin-top: -8px;
}
.m_header_box .header_title .menu_btn::after {
  content: '';
  margin-top: 6px;
}
.m_header_box .header_title .menu_btn.active i {
  opacity: 0;
}
.m_header_box .header_title .menu_btn.active::before {
  margin-top: -1px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  border-radius: 5px;
  background: #CF000E;
}
.m_header_box .header_title .menu_btn.active::after {
  margin-top: -1px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  border-radius: 5px;
  background: #CF000E;
}
.m_header_box .header_title .head_btn {
  width: auto;
  height: 30px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}
.m_header_box .header_title .head_btn .icon {
  max-width: 14px;
  height: 14px;
  font-size: 0;
  margin-right: 5px;
  filter: invert(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.m_header_box .header_title .head_btn .link {
  line-height: 1;
  font-size: 12px;
  color: #000;
  margin-top: 3px;
}
.m_header_box .header_title .head_btn .link span {
  opacity: 0.6;
}
.m_header_box .header_title .head_btn .link a {
  color: #000;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.m_header_box .header_title .head_btn .link a:hover {
  opacity: 1;
}
.m_header_box .header_title .head_btn:hover .icon {
  filter: invert(1);
}
.m_header_box .header_title .head_btn:hover .link {
  color: #000;
}
.m_header_box .header_title .head_btn:hover .link a,
.m_header_box .header_title .head_btn:hover .link span {
  color: #000;
}
.m_header_box .header_body {
  width: 100%;
  height: calc(100vh - 60px);
  background: #f7f7f7;
  display: none;
  overflow: hidden;
}
.m_header_box .header_body .menu_info {
  width: 100%;
  height: 100%;
  padding: 0 0 20px;
  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;
}
.m_header_box .header_body .menu_nav {
  width: 100%;
  height: auto;
  flex: 1;
  padding: 20px;
  overflow: hidden;
  overflow-y: auto;
}
.m_header_box .header_body .menu_nav ul {
  padding: 0;
  margin: 0;
}
.m_header_box .header_body .menu_nav ul li {
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  overflow: hidden;
}
.m_header_box .header_body .menu_nav ul li .one {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
.m_header_box .header_body .menu_nav ul li .one a {
  padding: 15px 0;
  display: block;
  font-size: 14px;
  color: #282f36;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  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;
  position: relative;
}
.m_header_box .header_body .menu_nav ul li .one a .subtitle {
  font-size: 14px;
  margin-right: 10px;
}
.m_header_box .header_body .menu_nav ul li .one a .title {
  font-size: 14px;
}
.m_header_box .header_body .menu_nav ul li .one .icon {
  width: 20px;
  height: 20px;
  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;
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 0;
  color: #282f36;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.m_header_box .header_body .menu_nav ul li .one .icon i {
  font-size: 8px;
}
.m_header_box .header_body .menu_nav ul li .one.active a {
  color: #CF000E;
}
.m_header_box .header_body .menu_nav ul li .one.active .icon {
  color: #CF000E;
}
.m_header_box .header_body .menu_nav ul li .one.active.is_active .icon {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.m_header_box .header_body .menu_nav ul li ul {
  border-top: 1px solid #CF000E;
  display: none;
}
.m_header_box .header_body .menu_nav ul li ul li {
  border: 0;
  margin: 15px 0;
}
.m_header_box .header_body .menu_nav ul li ul li a {
  font-size: 13px;
  padding: 0 0 0 20px;
  color: #333;
  position: relative;
}
.m_header_box .header_body .menu_nav ul li ul li a .icon {
  width: 16px;
  height: 16px;
  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;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  color: #333;
}
.m_header_box .header_body .menu_nav ul li ul li a .icon i {
  font-size: 8px;
}
.m_header_box .header_body .menu_nav ul li ul li a.active {
  color: #CF000E;
}
.m_header_box .header_body .menu_nav ul li ul li a.active .icon {
  color: #CF000E;
}
.m_header_box .header_body .menu_nav ul li ul li ul {
  border: 0;
  display: none;
}
.m_header_box .header_body .menu_nav ul li ul li ul li a {
  padding: 10px 0 10px 35px;
  font-size: 12px;
  color: #999;
}
.m_header_box .header_body .menu_nav ul li ul li ul li a:before {
  content: '';
  width: 5px;
  height: 1px;
  background: #999;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -1.5px;
  z-index: 1;
}
.m_header_box .header_body .menu_nav ul li ul li ul li a.active:before {
  background: #CF000E;
}
.m_header_box .header_body .menu_nav ul li ul li ul.active {
  display: block;
}
.m_header_box .header_body .menu_form {
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding: 0 20px;
  overflow: hidden;
}
.m_header_box .header_body .menu_form .center {
  width: 100%;
  height: 50px;
  background: #fff;
  overflow: hidden;
}
.m_header_box .header_body .menu_form .center form {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.m_header_box .header_body .menu_form .center form input {
  flex: 1;
  height: 100%;
  padding: 0 15px;
  font-size: 14px;
  color: #282f36;
  border: 0;
}
.m_header_box .header_body .menu_form .center form button {
  width: 70px;
  border: 0;
  height: 100%;
  background: #CF000E;
}
.m_header_box .header_body .menu_form .center form button i {
  font-size: 18px;
}
.m_header_box .header_body .menu_lang {
  width: 100%;
  height: auto;
  margin-top: 40px;
  padding: 0 20px;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.m_header_box .header_body .menu_lang .one {
  width: auto;
  height: 36px;
  margin-right: 10px;
  overflow: hidden;
}
.m_header_box .header_body .menu_lang .one a {
  width: 100%;
  height: 100%;
  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: #fff;
  border-radius: 50px;
  font-size: 12px;
  color: #282f36;
}
.m_header_box .header_body .menu_lang .one a.active {
  background: #CF000E;
  color: #fff;
}
@media (max-width:990px) {
  .m_header_box {
    display: block;
  }
}
.m_header_nbsp {
  width: 100%;
  height: 60px;
  display: none;
  overflow: hidden;
}
@media (max-width:990px) {
  .m_header_nbsp {
    display: block;
  }
}
.maskBox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 19;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.maskBox.active {
  opacity: 1;
  visibility: visible;
}
.inside_banner {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.inside_banner .center {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.inside_banner .center .centerBox {
  width: 100%;
  height: 100%;
  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;
  position: relative;
}
.inside_banner .center .centerBox .titBox {
  width: 100%;
  height: auto;
  transform: translateY(-40%);
}
.inside_banner .center .centerBox .titBox .title {
  font-size: clamp(1.75rem, calc(((28 / 16) * 1rem) + (60 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  color: #fff;
  font-weight: 300;
}
.inside_banner .center .centerBox .titBox .title.maxW {
  max-width: 620px;
}
@media (max-width:768px) {
  .inside_banner .center .centerBox .titBox .title {
    font-size: 24px;
  }
}
.inside_banner .center .centerBox .titBox .subtitle {
  font-size: var(--font30);
  color: #fff;
  font-weight: 500;
}
.inside_banner .center .centerBox .titBox .levtitle {
  font-size: clamp(1.75rem, calc(((28 / 16) * 1rem) + (50 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  font-weight: 300;
  color: #fff;
  line-height: 1.16;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
.inside_banner .center .centerBox .titBox.bottomBox {
  transform: unset !important;
  position: absolute;
  bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (110 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.875rem);
}
.inside_banner .center .centerBox .titBox.bottomBox .title {
  transform: translateY(0%);
}
@media (max-width:990px) {
  .inside_banner .center .centerBox .titBox {
    transform: translateY(0%);
    position: relative;
    bottom: unset !important;
  }
  .inside_banner .center .centerBox .titBox .subtitle {
    font-size: 16px;
    line-height: 1.5;
  }
  .inside_banner .center .centerBox .titBox .levtitle {
    font-size: 22px;
    line-height: 1.5;
  }
}
.inside_banner .center .centerBox .down_box {
  width: 22px;
  height: 28px;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  position: absolute;
  left: 0;
  bottom: 20px;
  pointer-events: none;
  overflow: hidden;
}
.inside_banner .center .centerBox .down_box::after {
  content: '';
  width: 1px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: -12px;
  border-radius: 2px;
  overflow: hidden;
  animation: down 1.5s linear infinite;
}
@media (max-width:990px) {
  .inside_banner .center {
    background: #00000025;
  }
}
.inside_banner .images_bg {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
}
.inside_banner .images_bg img {
  width: 100%;
  height: 100%;
  min-height: 50vh;
  object-fit: cover;
}
@media (max-width:990px) {
  .inside_banner .images_bg {
    height: auto !important;
  }
}
.inside_banner .images {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.inside_banner .images img {
  width: 100%;
  min-height: 50vh !important;
  object-fit: cover;
}
.inside_banner .inside_baNav {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.inside_banner .inside_baNav .w1440 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inside_banner .inside_baNav .bannerNav {
  width: 75%;
  height: clamp(8.125rem, calc(((130 / 16) * 1rem) + (200 - 130) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 12.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 clamp(1.875rem, calc(((30 / 16) * 1rem) + (60 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  padding-top: 30px;
  position: relative;
}
.inside_banner .inside_baNav .bannerNav::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  border-top-left-radius: clamp(10px, 1.04166667vw, 20px);
  border-top-right-radius: clamp(0px, 0vw, 0px);
  border-bottom-left-radius: clamp(0px, 0vw, 0px);
  border-bottom-right-radius: clamp(0px, 0vw, 0px);
  background: #5e63677c;
  z-index: 1;
  backdrop-filter: blur(10px);
  opacity: 1;
}
.inside_banner .inside_baNav .bannerNav .banavTop {
  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: 0 10px;
  position: relative;
  z-index: 2;
}
.inside_banner .inside_baNav .bannerNav .banavTop .iconBox,
.inside_banner .inside_baNav .bannerNav .banavTop .textBox {
  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;
}
.inside_banner .inside_baNav .bannerNav .banavTop a {
  font-size: var(--font14);
  color: #ffffff83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_banner .inside_baNav .bannerNav .banavTop a:hover {
  color: #fff;
}
.inside_banner .inside_baNav .bannerNav .banavTop .textBox:last-child a {
  color: #fff;
}
.inside_banner .inside_baNav .bannerNav .banavBot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 10px clamp(1.25rem, calc(((20 / 16) * 1rem) + (58 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.625rem);
  position: relative;
  z-index: 2;
}
.inside_banner .inside_baNav .bannerNav .banavBot .item a {
  padding-bottom: clamp(0.625rem, calc(((10 / 16) * 1rem) + (20 - 10) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.25rem);
  font-size: var(--font14);
  color: #ffffff83;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  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;
}
.inside_banner .inside_baNav .bannerNav .banavBot .item a::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 2px;
  background: #CF000E;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_banner .inside_baNav .bannerNav .banavBot .item:hover a,
.inside_banner .inside_baNav .bannerNav .banavBot .item.active a {
  color: #fff;
  width: 100%;
}
.inside_banner .inside_baNav .bannerNav .banavBot .item:hover a::after,
.inside_banner .inside_baNav .bannerNav .banavBot .item.active a::after {
  width: 100%;
}
.inside_banner .inside_baNav .bannerNav.abInfo::after,
.inside_banner .inside_baNav .bannerNav.abInfo::before {
  background: #26160e5c;
}
.inside_banner .inside_baNav .bannerNav.abInfo .banavBot {
  grid-gap: 10px clamp(1.25rem, calc(((20 / 16) * 1rem) + (20 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.25rem);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_banner .inside_baNav .bannerNav.teInfo::after,
.inside_banner .inside_baNav .bannerNav.teInfo::before {
  background: #2626265c;
}
.inside_banner .inside_baNav .bannerNav.soInfo::after,
.inside_banner .inside_baNav .bannerNav.soInfo::before {
  background: #2626265c;
}
@media (max-width:990px) {
  .inside_banner .inside_baNav .bannerNav {
    display: none;
  }
}
/* 装饰的线 */
.declineBox {
  width: 100%;
  height: 0;
  position: relative;
  z-index: 10;
  margin-left: 12px;
  display: none;
}
.declineBox .lineBox {
  height: clamp(7.5rem, calc(((120 / 16) * 1rem) + (250 - 120) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 15.625rem);
  position: absolute;
  top: 0;
  transform: translateY(-40%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.declineBox .lineBox i {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #CF000E;
  width: clamp(0.125rem, calc(((2 / 16) * 1rem) + (4 - 2) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.25rem);
  margin-right: clamp(4.5px, 0.46875vw, 9px);
}
.declineBox .lineBox i:nth-child(2),
.declineBox .lineBox i:nth-child(5) {
  width: clamp(0.3125rem, calc(((5 / 16) * 1rem) + (10 - 5) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.625rem);
}
.declineBox .lineBox i:nth-child(4) {
  width: clamp(0.0625rem, calc(((1 / 16) * 1rem) + (2 - 1) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.125rem);
}
.declineBox .lineBox i:nth-child(3) {
  width: clamp(0.125rem, calc(((2 / 16) * 1rem) + (4 - 2) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.25rem);
  margin-right: clamp(3px, 0.3125vw, 6px);
}
.declineBox.rightBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media (max-width:990px) {
  .declineBox {
    display: none !important;
  }
}
/* 公共 */
.stickyTopBox {
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  background: #fff;
}
.stickyTopBox .chooseBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: clamp(0px, 0vw, 0px) clamp(50px, 5.20833333vw, 100px);
}
.stickyTopBox .chooseBox .item a {
  font-size: 18px;
  color: #666666;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 80px;
  position: relative;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width:1600px) {
  .stickyTopBox .chooseBox .item a {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .stickyTopBox .chooseBox .item a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .stickyTopBox .chooseBox .item a {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .stickyTopBox .chooseBox .item a {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .stickyTopBox .chooseBox .item a {
    height: 50px;
  }
}
.stickyTopBox .chooseBox .item a::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 2px;
  background: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.stickyTopBox .chooseBox .item:hover a,
.stickyTopBox .chooseBox .item.active a {
  color: #121212;
}
.stickyTopBox .chooseBox .item:hover a::after,
.stickyTopBox .chooseBox .item.active a::after {
  width: 100%;
}
.stickyTopBox.isactive {
  transform: translateY(0) !important;
}
@media (max-width:990px) {
  .stickyTopBox.isactive {
    transform: translateY(60px) !important;
  }
}
.stickyTopBox.active {
  position: fixed;
  top: 0px;
  transform: translateY(100px);
  background-color: #ffffff;
  z-index: 99;
  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;
  box-shadow: 0 10px 10px 1px #e5e5e55d;
  z-index: 9;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width:990px) {
  .stickyTopBox.active {
    transform: translateY(60px) !important;
  }
}
.tYtime {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .tYtime {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
  width: 5px !important;
}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {
  background: #CF000E !important;
}
/* 放上去 有图片 */
.hover-reveal {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.hover-reveal__inner,
.hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative;
}
.hover-reveal__deco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #181314;
}
.hover-reveal__img {
  background-size: cover;
  background-position: 50% 50%;
}
.hover-reveal {
  width: 2.12rem;
  height: 2.95rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.08);
}
.locate {
  width: 100%;
  height: 0;
  transform: translateY(-120px);
}
.images100 {
  width: 100%;
}
.images100 img {
  width: 100%;
}
.hideBox {
  display: none !important;
}
.swiper_but {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  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;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width:990px) {
  .swiper_but {
    width: 25px;
    height: 25px;
  }
  .swiper_but i {
    font-size: 12px;
  }
}
.swiper_but:hover {
  background: #fff;
}
.swiper_but:hover i {
  color: #CF000E;
}
.swiper_but i {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper_butBox {
  width: clamp(2.5rem, calc(((40 / 16) * 1rem) + (50 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  height: clamp(2.5rem, calc(((40 / 16) * 1rem) + (50 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  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;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper_butBox i {
  font-size: var(--font22);
  color: #808080;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper_butBox:hover {
  background: #CF000E;
  border: 1px solid #CF000E;
}
.swiper_butBox:hover i {
  color: #fff;
}
.idxPageShow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: clamp(0px, 0vw, 0px) clamp(15px, 1.5625vw, 30px);
}
.idxPageShow .swiper-pagination-bullet {
  background: #e4e4e4;
  opacity: 1;
}
.idxPageShow .swiper-pagination-bullet-active {
  background: #CF000E;
}
@media (max-width:990px) {
  .idxPageShow {
    grid-gap: 0 10px !important;
  }
}
.idxPageHide {
  display: none;
}
@media (max-width:990px) {
  .idxPageHide {
    display: flex !important;
    grid-gap: 0 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .idxPageHide .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 0.5;
  }
  .idxPageHide .swiper-pagination-bullet-active {
    background: #CF000E;
    opacity: 1;
  }
}
.idx_title .title {
  font-size: var(--font22);
  color: #CF000E;
  line-height: 1;
  text-align: center;
  font-weight: 400;
}
.idx_title .subtitle {
  font-size: var(--font40);
  color: #1a1a1a;
  line-height: 1.45;
  text-align: center;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
.idx_title .levtitle {
  font-size: var(--font24);
  color: #fff;
  line-height: 1.33333333;
  text-align: center;
  margin-top: clamp(25px, 2.60416667vw, 50px);
  font-weight: 300;
}
.inside_title .title {
  font-size: clamp(2.125rem, calc(((34 / 16) * 1rem) + (60 - 34) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  color: #1a1a1a;
  font-weight: 400;
  line-height: 1;
}
.inside_sev .title {
  font-size: var(--font40);
  color: #1a1a1a;
}
.inside_sev .subtitle {
  font-size: var(--font16);
  color: #1a1a1a;
  line-height: 1.5;
  margin-top: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (25 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5625rem);
}
.idx_button a,
.idx_button .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: clamp(7.5rem, calc(((120 / 16) * 1rem) + (140 - 120) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
  width: fit-content;
  border-radius: 50px;
  height: clamp(1.875rem, calc(((30 / 16) * 1rem) + (48 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3rem);
  color: #fff;
  background: #CF000E;
  padding: 0 20px;
  font-size: var(--font14);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  gap: 10px;
}
.idx_button a img,
.idx_button .more img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.idx_button a:hover,
.idx_button .more:hover {
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
  padding-right: clamp(12.5px, 1.30208333vw, 25px);
  background: #CF000E;
}
.pagingBox {
  width: 100%;
  height: auto;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  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;
}
.pagingBox .layui-laypage {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: clamp(0px, 0vw, 0px) clamp(15px, 1.5625vw, 30px);
}
.pagingBox .layui-laypage .layui-laypage-curr .layui-laypage-em {
  display: none;
}
.pagingBox .layui-laypage-next,
.pagingBox .layui-laypage-prev {
  width: clamp(2.5rem, calc(((40 / 16) * 1rem) + (50 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  height: clamp(2.5rem, calc(((40 / 16) * 1rem) + (50 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  background: #f5f6f7 !important;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagingBox .layui-laypage-next:hover,
.pagingBox .layui-laypage-prev:hover {
  background: #CF000E !important;
}
.pagingBox .layui-laypage-next:hover em img,
.pagingBox .layui-laypage-prev:hover em img {
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1 !important;
}
.pagingBox .layui-laypage-next em,
.pagingBox .layui-laypage-prev em {
  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;
}
.pagingBox .layui-laypage-next em img,
.pagingBox .layui-laypage-prev em img {
  filter: brightness(0) invert(0);
  opacity: 0.8;
}
.pagingBox .layui-laypage a,
.pagingBox .layui-laypage span {
  padding: 0 !important;
  border-radius: 50%;
  background: none;
  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: 0 !important;
  font-size: var(--font16);
  font-weight: 500;
  line-height: 1;
}
.pagingBox .layui-laypage a:hover,
.pagingBox .layui-laypage span:hover {
  color: #CF000E;
}
.pagingBox .layui-laypage .layui-laypage-curr em {
  color: #CF000E;
  font-weight: 500;
  line-height: 1;
}
/* 公共 end */
body {
  --header-height: 70px;
}
@media (max-width:990px) {
  body {
    --header-height: 20px;
  }
}
#hh_head.active .header_box {
  background: #fff;
  --color: #000;
}
#hh_head.active .header_box .header_main .navRight .left .searchBox .searchB .searchImg,
#hh_head.active .header_box .header_main .navRight .left .languageBox .languageB {
  border-right: 1px solid #0000004d;
}
#hh_head.active .header_box .header_main .navRight .left .searchBox .searchB .searchImg img,
#hh_head.active .header_box .header_main .navRight .left .languageBox .languageB .languageImg img,
#hh_head.active .header_box .header_main .navRight .left .languageBox .languageB .languageImg svg,
#hh_head.active .header_box .header_main .navRight .right .item a img {
  filter: brightness(0) invert(0);
}
#hh_head.active .header_box .header_main .navRight .right .item a {
  border: 1px solid #e5e5e5;
}
#hh_head.active .header_box .header_main .navigationBox .itemBox .item {
  border-top: 1px solid #e5e5e5;
}
#hh_head.active .header_box .header_main .navLeft .logo {
  display: none;
}
#hh_head.active .header_box .logoS {
  display: flex !important;
}
#hh_head.active .header_box .header_main .topBox {
  padding-top: 0 !important;
  height: 70px;
}
#hh_head.active .header_box .itemHideBox {
  display: none;
}
/* PC端导航 */
.header_box {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
  transition: all 0.5s;
  --color: #fff;
}
.header_box::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 0px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box.white {
  transform: translateY(-100%);
}
.header_box.active,
.header_box:hover {
  --color: #000;
}
.header_box.active::after,
.header_box:hover::after {
  height: 100%;
}
.header_box.active .header_main .navRight .left .searchBox .searchB .searchImg,
.header_box:hover .header_main .navRight .left .searchBox .searchB .searchImg,
.header_box.active .header_main .navRight .left .languageBox .languageB,
.header_box:hover .header_main .navRight .left .languageBox .languageB {
  border-right: 1px solid #0000004d;
}
.header_box.active .header_main .navRight .left .searchBox .searchB .searchImg img,
.header_box:hover .header_main .navRight .left .searchBox .searchB .searchImg img,
.header_box.active .header_main .navRight .left .languageBox .languageB .languageImg img,
.header_box:hover .header_main .navRight .left .languageBox .languageB .languageImg img,
.header_box.active .header_main .navRight .left .languageBox .languageB .languageImg svg,
.header_box:hover .header_main .navRight .left .languageBox .languageB .languageImg svg,
.header_box.active .header_main .navRight .right .item a img,
.header_box:hover .header_main .navRight .right .item a img {
  filter: brightness(0) invert(0);
}
.header_box.active .header_main .navRight .right .item a,
.header_box:hover .header_main .navRight .right .item a {
  border: 1px solid #e5e5e5;
}
.header_box.active .header_main .navigationBox .itemBox .item,
.header_box:hover .header_main .navigationBox .itemBox .item {
  border-top: 1px solid #e5e5e5;
}
.header_box.active .header_main .navLeft .logo,
.header_box:hover .header_main .navLeft .logo {
  display: none;
}
.header_box.active .logoS,
.header_box:hover .logoS {
  display: flex !important;
}
.header_box.active_white {
  --color: #000;
}
.header_box.active_white::after {
  height: 100%;
}
.header_box.active_white .header_main .navRight .left .searchBox .searchB .searchImg,
.header_box.active_white .header_main .navRight .left .languageBox .languageB {
  border-right: 1px solid #0000004d;
}
.header_box.active_white .header_main .navRight .left .searchBox .searchB .searchImg img,
.header_box.active_white .header_main .navRight .left .languageBox .languageB .languageImg img,
.header_box.active_white .header_main .navRight .left .languageBox .languageB .languageImg svg,
.header_box.active_white .header_main .navRight .right .item a img {
  filter: brightness(0) invert(0);
}
.header_box.active_white .header_main .navRight .right .item a {
  border: 1px solid #e5e5e5;
}
.header_box.active_white .header_main .navigationBox .itemBox .item {
  border-top: 1px solid #e5e5e5;
}
.header_box.active_white .header_main .navLeft .logo {
  display: none;
}
.header_box.active_white .logoS {
  display: flex !important;
}
.header_box.active::after {
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
}
.header_box.active .header_main .topBox {
  height: var(--header-height);
}
.header_box.active .itemHideBox {
  display: none;
}
.header_box.active .header_main .navCenter {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box.active .header_main .butBox {
  height: 0;
  overflow: hidden;
}
.header_box .header_main {
  height: auto;
  width: 100%;
  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;
  position: relative;
  z-index: 2;
}
.header_box .header_main .topBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: var(--header-height);
}
.header_box .header_main .butBox {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 56px;
}
.header_box .header_main .navLeft .logo,
.header_box .header_main .navLeft .logoS {
  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;
  width: clamp(7.5rem, calc(((120 / 16) * 1rem) + (250 - 120) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 15.625rem);
}
.header_box .header_main .navLeft .logoS {
  display: none;
}
.header_box .header_main .navCenter {
  height: 100%;
  opacity: 0;
  visibility: hidden;
  min-height: 32px;
}
.header_box .header_main .navCenter .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: clamp(0px, 0vw, 0px) clamp(25px, 2.60416667vw, 50px);
  height: 100%;
}
.header_box .header_main .navCenter .itemBox .item {
  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;
  flex: 1;
}
.header_box .header_main .navCenter .itemBox .item .one {
  font-size: 16px;
  color: var(--color);
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
  padding: 25px 0;
}
@media (max-width:1366px) {
  .header_box .header_main .navCenter .itemBox .item .one {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .navCenter .itemBox .item .one {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .navCenter .itemBox .item .one {
    font-size: 12px;
  }
}
.header_box .header_main .navCenter .itemBox .item .one i {
  transform: rotate(90deg);
}
.header_box .header_main .navCenter .itemBox .item.active .one {
  color: #CF000E;
}
.header_box .header_main .navCenter .itemBox .item:hover .one {
  color: #CF000E;
}
.header_box .header_main .navCenter .itemBox .item:hover .levitemBox {
  z-index: 5;
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
.header_box .header_main .levitemBox {
  width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-radius: 0 0 20px 20px;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.header_box .header_main .levitemBox .leftBox {
  width: 50%;
  height: auto;
  max-width: clamp(17.5rem, calc(((280 / 16) * 1rem) + (360 - 280) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 22.5rem);
  flex-shrink: 0;
  background: #122438;
  position: relative;
}
.header_box .header_main .levitemBox .leftBox .titBoxInfo {
  padding: 50px 70px;
  position: relative;
}
.header_box .header_main .levitemBox .leftBox .titBoxInfo .title {
  font-size: var(--font30);
  color: #fff;
}
.header_box .header_main .levitemBox .leftBox .titBoxInfo .subtitle {
  font-size: var(--font16);
  color: #FFF;
  filter: opacity(0.6);
  margin-top: 20px;
  line-height: 1.5;
  font-weight: 300;
}
.header_box .header_main .levitemBox .leftBox .bgBox {
  position: absolute;
  bottom: 0;
  right: 0;
}
.header_box .header_main .levitemBox .leftBox .bgBox img {
  mix-blend-mode: luminosity;
  opacity: 0.7;
  width: 100%;
}
.header_box .header_main .levitemBox .leftBox .bgBox_img {
  position: absolute;
  max-width: 150px;
  bottom: 10px;
  right: 10px;
}
.header_box .header_main .levitemBox .leftBox .bgBox_img img {
  mix-blend-mode: luminosity;
  opacity: 0.7;
  width: 100%;
}
.header_box .header_main .levitemBox .rightBox {
  width: 100%;
  padding: 50px 70px;
  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;
  grid-gap: 50px 0;
  max-height: 70vh;
  overflow: auto;
  background: #f8f9fb;
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levTBox {
  font-size: var(--font16);
  color: #1a1a1a;
  font-weight: 800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levTBox:hover {
  color: #CF000E;
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(15px, 1.5625vw, 30px);
  margin-top: 30px;
}
@media (max-width:990px) {
  .header_box .header_main .levitemBox .rightBox .levlistBxo .levList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .header_box .header_main .levitemBox .rightBox .levlistBxo .levList {
    grid-template-columns: repeat(1, 1fr);
  }
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levList .levAb {
  font-size: var(--font14);
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levList .levAb a {
  padding-bottom: 20px;
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  transition: border 0.3s ease, color 0.3s ease, padding 0.3s ease;
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levList .levAb a img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(0.7);
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levList .levAb a:hover {
  color: #CF000E;
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levList .levAb a:hover img {
  filter: unset !important;
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levList.other {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(10px, 1.04166667vw, 20px);
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levList.other .levAb a {
  border: 0;
  padding-bottom: 0;
}
.header_box .header_main .levitemBox .rightBox .levlistBxo .levList.other .dropBox {
  width: 4px;
  height: 4px;
  background: #ccccce;
  border-radius: 50%;
}
.header_box .header_main .levitemBox.towNav .rightBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(15px, 1.5625vw, 30px);
}
.header_box .header_main .levitemBox.towNav .rightBox .levlistBxo .levTBox {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}
.header_box .header_main .levitemBox.towNav .rightBox .levList {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px);
  margin-top: 10px;
}
.header_box .header_main .levitemBox.towNav .rightBox .levList .levAb a {
  border-bottom: 0 !important;
  padding: 5px  0 !important;
  position: relative;
  width: fit-content;
}
.header_box .header_main .levitemBox.towNav .rightBox .levList .levAb a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: #CF000E;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box .header_main .levitemBox.towNav .rightBox .levList .levAb a:hover::after {
  width: 100%;
}
.header_box .header_main .levitemBox.towNav .rightBox .levList .levAb img {
  opacity: 0;
  display: none;
}
.header_box .header_main .levitemBox.towNav .rightBox .levList .levAb.more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 10px;
}
.header_box .header_main .levitemBox.towNav .rightBox .levList .levAb.more a img {
  opacity: 1;
  display: flex !important;
}
.header_box .header_main .levitemBox.towNav .rightBox .levList.other {
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  grid-gap: clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px);
}
.header_box .header_main .levitemBox.towNav .rightBox .levList.other .levAb a {
  border: 0;
  padding-bottom: 0;
}
.header_box .header_main .levitemBox.towNav .rightBox .levList.other .dropBox {
  width: 4px;
  height: 4px;
  background: #ccccce;
  border-radius: 50%;
  display: none;
}
.header_box .header_main .navigationBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 30px;
}
.header_box .header_main .navigationBox .itemBox .item {
  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;
  flex: 1;
  border-top: 1px solid #ffffff4d;
}
.header_box .header_main .navigationBox .itemBox .item .one {
  font-size: 16px;
  color: var(--color);
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 20px 0 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width:1366px) {
  .header_box .header_main .navigationBox .itemBox .item .one {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .navigationBox .itemBox .item .one {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .navigationBox .itemBox .item .one {
    font-size: 12px;
  }
}
.header_box .header_main .navigationBox .itemBox .item .one::after {
  content: '';
  position: absolute;
  top: -1px;
  right: 100%;
  width: 40px;
  height: 2px;
  background: linear-gradient(90deg, #00000000 0%, #CF000E 100%);
}
.header_box .header_main .navigationBox .itemBox .item .one i {
  transform: rotate(90deg);
  color: var(--color);
}
.header_box .header_main .navigationBox .itemBox .item:hover .one {
  padding: 20px 0;
  color: #CF000E;
}
.header_box .header_main .navigationBox .itemBox .item:hover .one::after {
  right: 0%;
  transition: all 1s linear;
  transform: translateX(100%);
}
.header_box .header_main .navigationBox .itemBox .item:hover .levitemBox {
  z-index: 5;
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
.header_box .header_main .navRight {
  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: 0 10px;
}
.header_box .header_main .navRight .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.header_box .header_main .navRight .left .searchBox .searchB {
  cursor: pointer;
}
.header_box .header_main .navRight .left .searchBox .searchB .searchImg {
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  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-right: 1px solid #ffffff4d;
}
.header_box .header_main .navRight .left .searchBox .searchB .searchImg img {
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box .header_main .navRight .left .searchBox .searchB .searchImg i {
  color: var(--color);
  font-size: 18px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box .header_main .navRight .left .searchBox .searchInfo {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 20;
  right: 0;
  top: 100%;
  background: #f8f9fb;
  visibility: hidden;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main {
  width: 100%;
  border-radius: 15px;
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(30px, 3.125vw, 60px);
  padding-left: 20px;
  padding-right: 20px;
  background: #f8f9fb;
  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-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;
  z-index: 3;
  position: relative;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main form {
  max-width: 80.55555%;
  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;
  grid-gap: 20px;
  position: relative;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #e8e9eb;
  padding: 0 20px;
  border-radius: 10px;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .icon {
  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;
  color: #000;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .icon i {
  font-size: 20px;
  color: #1a1a1a;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .input {
  flex: 1;
  width: 100%;
  height: 50px;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .input input {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 16px;
  color: #1a1a1a;
}
@media (max-width:1366px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .input input {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .input input {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .input input {
    font-size: 12px;
  }
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .input input::-webkit-input-placeholder {
  color: #1a1a1a;
  opacity: 0.5;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .input input:-moz-placeholder {
  color: #1a1a1a;
  opacity: 0.5;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .input input::-moz-placeholder {
  color: #1a1a1a;
  opacity: 0.5;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .boxIn .input input:-ms-input-placeholder {
  color: #1a1a1a;
  opacity: 0.5;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .close {
  width: 60px;
  position: absolute;
  left: 100%;
  height: 60px;
  border-radius: 50%;
  background: #CF000E;
  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;
  flex-shrink: 0;
  cursor: pointer;
  transform: translateX(40px);
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .close i {
  font-size: 24px;
  color: #fff;
}
@media (max-width:1600px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .close i {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .close i {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .close i {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .close i {
    font-size: 15px;
  }
}
@media (max-width:1560px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .close {
    position: relative;
    left: unset !important;
    width: 50px;
    height: 50px;
    transform: translateX(0px);
  }
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .titBox {
  width: 100%;
  max-width: 80.55555%;
  font-size: 15px;
  color: #808080;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  padding-left: 20px;
  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: 0 15px;
  line-height: 1;
  font-weight: 300;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .titBox a {
  color: #808080;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 300;
  line-height: 1;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .titBox a:hover {
  color: #1a1a1a;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo {
  margin-top: clamp(60px, 6.25vw, 120px);
  width: 100%;
  max-width: 80.55555%;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .title {
  font-size: 24px;
  color: #1a1a1a;
  line-height: 1;
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width:1600px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .title {
    font-size: 15px;
  }
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: clamp(15px, 1.5625vw, 30px);
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .leftBox {
  width: 31.08974%;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .leftBox .iBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(7.5px, 0.78125vw, 15px) clamp(10px, 1.04166667vw, 20px);
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .leftBox .iBox .i a {
  font-size: 14px;
  color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width:1366px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .leftBox .iBox .i a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .leftBox .iBox .i a {
    font-size: 12px;
  }
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .leftBox .iBox .i a:hover {
  color: #CF000E;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .rightBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 10px;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .rightBox .one {
  width: 32px;
  height: 32px;
  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%;
  position: relative;
  background: #80878d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .rightBox .one:hover {
  background: #CF000E;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .rightBox .one .fa {
  position: absolute;
  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;
  opacity: 1;
  transition: all 0.3s;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .rightBox .one .fa img {
  filter: brightness(0) invert(1);
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .rightBox .one .iconImages {
  position: absolute;
  bottom: calc(100% + 10px);
  background: #fff;
  padding: clamp(1px, 0.10416667vw, 2px);
  width: 120px;
  opacity: 1;
  border-radius: 8px;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #ebebeb;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .rightBox .one:hover .fa {
  background: #CF000E;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .rightBox .one:hover i {
  opacity: 1;
}
.header_box .header_main .navRight .left .searchBox .searchInfo .center_box .search_main .butBoxInfo .btBox .rightBox .one:hover .iconImages {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.header_box .header_main .navRight .left .searchBox.active .searchInfo {
  visibility: visible;
}
.header_box .header_main .navRight .left .searchBox:hover .searchB .searchImg img {
  filter: unset !important;
}
.header_box .header_main .navRight .left .languageBox {
  position: relative;
  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;
}
.header_box .header_main .navRight .left .languageBox .languageB {
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  cursor: pointer;
  border-right: 1px solid #ffffff4d;
}
.header_box .header_main .navRight .left .languageBox .languageB .languageImg {
  width: 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;
  gap: 5px;
}
.header_box .header_main .navRight .left .languageBox .languageB .languageImg img,
.header_box .header_main .navRight .left .languageBox .languageB .languageImg svg {
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box .header_main .navRight .left .languageBox .lanBox {
  padding-top: 20px;
  width: 100%;
  position: absolute;
  top: calc(100%);
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
.header_box .header_main .navRight .left .languageBox .lanBox .itemBox {
  width: 100%;
  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;
  grid-gap: 12px 0;
  background: #fff;
  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.12);
  padding: 10px 0;
  border-radius: 8px;
}
.header_box .header_main .navRight .left .languageBox .lanBox .itemBox .item {
  width: 100%;
}
.header_box .header_main .navRight .left .languageBox .lanBox .itemBox .item a {
  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;
  width: 100%;
  font-size: 14px;
  color: #1a1a1a !important;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 700;
}
@media (max-width:1366px) {
  .header_box .header_main .navRight .left .languageBox .lanBox .itemBox .item a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .navRight .left .languageBox .lanBox .itemBox .item a {
    font-size: 12px;
  }
}
.header_box .header_main .navRight .left .languageBox .lanBox .itemBox .item:hover a,
.header_box .header_main .navRight .left .languageBox .lanBox .itemBox .item.active a {
  color: #CF000E !important;
}
.header_box .header_main .navRight .left .languageBox:hover .lanBox {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.3s;
}
.header_box .header_main .navRight .left .languageBox:hover .images img {
  filter: unset !important;
}
.header_box .header_main .navRight .left .languageBox:hover .languageB .languageImg img,
.header_box .header_main .navRight .left .languageBox:hover .languageB .languageImg svg {
  filter: unset !important;
}
.header_box .header_main .navRight .left .languageBox:hover .searchInfo {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box .header_main .navRight .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.header_box .header_main .navRight .right .item a {
  color: var(--color);
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: clamp(8.5px, 0.88541667vw, 17px);
  padding-right: clamp(8.5px, 0.88541667vw, 17px);
  border: 1px solid #ffffff4d;
  height: 32px;
  font-size: 13px;
  border-radius: 50px;
  grid-gap: 0 9px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box .header_main .navRight .right .item a img {
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header_box .header_main .navRight .right .item a:hover {
  background: #CF000E;
  border: 1px solid #CF000E;
  color: #fff !important;
}
.header_box .header_main .navRight .right .item a:hover img {
  filter: brightness(0) invert(1) !important;
}
.header_box.active {
  padding: 0;
}
@media (max-width:990px) {
  .header_box {
    display: none;
  }
}
.header_nbsp {
  width: 100%;
  height: 152px;
  display: block;
}
@media (max-width:990px) {
  .header_nbsp {
    display: none;
  }
}
/* footer */
#hh_foot.active .footer {
  background: #fff;
}
.footer {
  padding-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  background: #f7f9fa;
  overflow: hidden;
}
.footer .footContent .centerBox .topBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer .footContent .centerBox .topBox .leftBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: auto;
  width: 30.5555555%;
}
@media (max-width:990px) {
  .footer .footContent .centerBox .topBox .leftBox {
    width: 100%;
  }
}
.footer .footContent .centerBox .topBox .leftBox .flogo {
  max-width: 220px;
}
@media (max-width:990px) {
  .footer .footContent .centerBox .topBox .leftBox .flogo {
    max-width: 140px;
  }
}
.footer .footContent .centerBox .topBox .leftBox .textBox .titleBox {
  color: #1a1a1a;
  font-size: var(--font18);
  font-weight: 500;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox {
  margin-top: clamp(15px, 1.5625vw, 30px);
  border-bottom: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox input {
  height: clamp(2.1875rem, calc(((35 / 16) * 1rem) + (50 - 35) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  border: 0;
  width: 100%;
  font-size: clamp(0.8125rem, calc(((13 / 16) * 1rem) + (15 - 13) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.9375rem);
  color: #666666;
  background: none;
  font-weight: 400;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox input::-webkit-input-placeholder,
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox textarea::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox input:-moz-placeholder,
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox textarea:-moz-placeholder {
  color: #666;
  opacity: 1;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox input::-moz-placeholder,
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox textarea::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox input:-ms-input-placeholder,
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox textarea:-ms-input-placeholder {
  color: #666;
  opacity: 1;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox button {
  height: clamp(2.1875rem, calc(((35 / 16) * 1rem) + (50 - 35) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  width: clamp(2.1875rem, calc(((35 / 16) * 1rem) + (50 - 35) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  flex-shrink: 0;
  border: 0;
  background: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 50%;
  font-size: 0;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox button img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox button:hover {
  background: #CF000E;
}
.footer .footContent .centerBox .topBox .leftBox .textBox .inputBox button:hover img {
  filter: brightness(0) invert(1);
}
@media (max-width:990px) {
  .footer .footContent .centerBox .topBox .leftBox .textBox {
    display: none;
  }
}
.footer .footContent .centerBox .topBox .rightBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 clamp(1.875rem, calc(((30 / 16) * 1rem) + (70 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
}
.footer .footContent .centerBox .topBox .rightBox .itemBox .item .title {
  font-size: var(--font18);
  color: #1a1a1a;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0 17px;
  font-weight: 500;
}
.footer .footContent .centerBox .topBox .rightBox .itemBox .item .itBox {
  margin-top: clamp(15px, 1.5625vw, 30px);
  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;
  grid-gap: 10px 0;
}
.footer .footContent .centerBox .topBox .rightBox .itemBox .item .itBox .it a {
  font-size: clamp(0.8125rem, calc(((13 / 16) * 1rem) + (15 - 13) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.9375rem);
  color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.footer .footContent .centerBox .topBox .rightBox .itemBox .item .itBox .it a:hover {
  color: #CF000E;
  transform: translateX(5px);
}
@media (max-width:990px) {
  .footer .footContent .centerBox .topBox .rightBox {
    display: none;
  }
}
.footer .footContent .centerBox .foot_linkBox {
  width: 30.5555555%;
  height: auto;
  margin-top: clamp(30px, 3.125vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.footer .footContent .centerBox .foot_linkBox .title {
  font-size: var(--font16);
  color: #1a1a1a;
  font-weight: 400;
  flex-shrink: 0;
}
.footer .footContent .centerBox .foot_linkBox .menu_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 5px 15px;
}
.footer .footContent .centerBox .foot_linkBox .menu_box .one a {
  font-size: var(--font16);
  color: #666666;
  opacity: 1;
  font-weight: 400;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.footer .footContent .centerBox .foot_linkBox .menu_box .one a:hover {
  opacity: 1;
  color: #CF000E;
}
.footer .footContent .centerBox .foot_linkBox .menu_box .one:first-child {
  opacity: 1;
}
@media (max-width:990px) {
  .footer .footContent .centerBox .foot_linkBox {
    width: 100%;
  }
}
.footer .footContent .centerBox .botBox {
  margin-top: clamp(30px, 3.125vw, 60px);
}
@media (max-width:990px) {
  .footer .footContent .centerBox .botBox {
    margin-top: 0px;
  }
}
.footer .footContent .centerBox .botBox .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.footer .footContent .centerBox .botBox .top .leftBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 20px;
}
.footer .footContent .centerBox .botBox .top .leftBox .itemBox .item {
  cursor: pointer;
}
.footer .footContent .centerBox .botBox .top .leftBox .itemBox .item a {
  position: relative;
  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;
}
.footer .footContent .centerBox .botBox .top .leftBox .itemBox .item a .img {
  background-color: #80878d;
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 50%;
  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;
}
.footer .footContent .centerBox .botBox .top .leftBox .itemBox .item a .iconImages {
  position: absolute;
  bottom: calc(100% + 10px);
  background: #fff;
  padding: clamp(1px, 0.10416667vw, 2px);
  width: 120px;
  opacity: 1;
  border-radius: 8px;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #ebebeb;
}
.footer .footContent .centerBox .botBox .top .leftBox .itemBox .item a:hover .img {
  background: #CF000E;
}
.footer .footContent .centerBox .botBox .top .leftBox .itemBox .item a:hover i {
  opacity: 1;
}
.footer .footContent .centerBox .botBox .top .leftBox .itemBox .item a:hover .iconImages {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.footer .footContent .centerBox .botBox .top .rightBox {
  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;
  grid-gap: 15px 0;
}
.footer .footContent .centerBox .botBox .top .rightBox .title {
  font-weight: normal;
  font-size: var(--font14);
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0 5px;
}
.footer .footContent .centerBox .botBox .top .rightBox .title:first-child {
  font-size: var(--font30);
  color: #CF000E;
  padding-bottom: 5px;
}
@media (max-width:990px) {
  .footer .footContent .centerBox .botBox .top .rightBox .title:first-child {
    font-weight: normal;
    font-size: var(--font14);
    color: #1a1a1a;
    padding-bottom: 0 !important;
  }
}
@media (max-width:990px) {
  .footer .footContent .centerBox .botBox .top .rightBox .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    grid-gap: 0 10px;
  }
  .footer .footContent .centerBox .botBox .top .rightBox .title .imng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 20px;
    transform: translateY(2px);
    display: none;
  }
  .footer .footContent .centerBox .botBox .top .rightBox .title .imng img {
    width: 10px;
  }
}
@media (max-width:990px) {
  .footer .footContent .centerBox .botBox .top {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .footer .footContent .centerBox .botBox .top .leftBox {
    width: 100%;
    display: none;
  }
  .footer .footContent .centerBox .botBox .top .rightBox {
    width: 100%;
    margin-top: 20px;
    grid-gap: 8px 0;
  }
}
.footer .footContent .centerBox .botBox .bot {
  margin-top: clamp(18px, 1.875vw, 36px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer .footContent .centerBox .botBox .bot .left {
  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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #666666;
  font-size: var(--font14);
}
.footer .footContent .centerBox .botBox .bot .left a {
  opacity: 1;
  color: #666666;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1;
}
.footer .footContent .centerBox .botBox .bot .left a:hover {
  opacity: 1;
  color: #CF000E;
}
.footer .footContent .centerBox .botBox .bot .left:last-child {
  grid-gap: 0 20px;
}
@media (max-width:990px) {
  .footer .footContent .centerBox .botBox .bot {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-bottom: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    grid-gap: 10px 0;
    margin-top: 10px;
  }
  .footer .footContent .centerBox .botBox .bot .left {
    height: auto;
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
}
@media (max-width:990px) {
  .footer {
    background: #f7f9fa !important;
  }
  .footer .footContent .centerBox .foot_linkBox .menu_box .one a {
    color: #CF000E;
    text-decoration: underline;
  }
}
/* 面包屑导航 */
.breadcrumbs {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.breadcrumbs .centerBox {
  width: 100%;
  height: auto;
  padding: clamp(0.625rem, calc(((10 / 16) * 1rem) + (20 - 10) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.25rem) 0;
}
.breadcrumbs .breBox {
  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: 0 10px;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.breadcrumbs .breBox .iconBox,
.breadcrumbs .breBox .textBox {
  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;
}
.breadcrumbs .breBox a {
  font-size: var(--font14);
  color: #808080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.breadcrumbs .breBox a:hover {
  color: #1a1a1a;
}
.breadcrumbs .breBox .textBox:last-child a {
  color: #1a1a1a;
}
@media (max-width:990px) {
  .breadcrumbs {
    display: none;
  }
}
/* 首页 banner */
.idx_banner {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background: #000;
}
@media (max-width:990px) {
  .idx_banner {
    height: auto;
  }
}
.idx_banner .swiperInfo {
  position: relative;
  width: 100%;
  z-index: 1;
  background: #000;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo {
  position: relative;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox {
  position: absolute;
  width: 100%;
  height: 100%;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  z-index: 2;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox .w1440 {
  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;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox .title {
  font-size: clamp(1.75rem, calc(((28 / 16) * 1rem) + (60 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  color: #fff;
  line-height: 1.4;
  font-weight: 300;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox .subtitle {
  font-size: var(--font20);
  max-width: 700px;
  text-align: center;
  color: #fff;
  line-height: 1.6;
  margin-top: clamp(15px, 1.5625vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 300;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox .videoButton {
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox .videoButton a {
  width: clamp(2.5rem, calc(((40 / 16) * 1rem) + (66 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.125rem);
  height: clamp(2.5rem, calc(((40 / 16) * 1rem) + (66 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.125rem);
  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: #fff;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox .videoButton a i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-style: solid;
  border-width: 7px 0 7px 7px;
  border-color: transparent transparent transparent #CF000E;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox .videoButton a:hover {
  transform: scale(1.12);
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox .videoButton a:hover i {
  transform: scale(1.12);
}
@media (max-width:990px) {
  .idx_banner .swiperInfo .swiper_box ul li .centerInfo .centerBox .title {
    text-align: center;
  }
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .images,
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .video {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .images img,
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .video img,
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .images video,
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .video video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .images img,
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .video img {
  transform: scale(1.1);
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .images video,
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .video video {
  opacity: 0.75;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .images.wap img,
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .video .wap img {
  min-height: 60vh;
  height: auto;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .numberBox {
  position: absolute;
  z-index: 3;
  bottom: 30px;
  left: 160px;
  width: fit-content;
  color: #fff;
  font-size: 16px;
  padding-bottom: clamp(7px, 0.72916667vw, 14px);
  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;
}
@media (max-width:1600px) {
  .idx_banner .swiperInfo .swiper_box ul li .centerInfo .numberBox {
    left: 60px;
  }
}
@media (max-width:990px) {
  .idx_banner .swiperInfo .swiper_box ul li .centerInfo .numberBox {
    left: 20px;
  }
}
@media (max-width:1366px) {
  .idx_banner .swiperInfo .swiper_box ul li .centerInfo .numberBox {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_banner .swiperInfo .swiper_box ul li .centerInfo .numberBox {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .idx_banner .swiperInfo .swiper_box ul li .centerInfo .numberBox {
    font-size: 12px;
  }
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .numberBox i {
  display: block;
  width: 160px;
  height: 1px;
  background: #b9b9b944;
  margin-left: 17px;
  position: relative;
}
.idx_banner .swiperInfo .swiper_box ul li .centerInfo .numberBox i::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #ffffff;
  -webkit-transition: all 5s ease;
  -o-transition: all 5s ease;
  transition: all 5s ease;
}
@media (max-width:990px) {
  .idx_banner .swiperInfo .swiper_box ul li .centerInfo .numberBox i {
    width: 60px;
  }
}
.idx_banner .swiperInfo .swiper_box ul li.swiper-slide-active .centerInfo .images img {
  transform: scale(1);
  transition: all 6s linear;
}
.idx_banner .swiperInfo .swiper_box ul li.swiper-slide-active .centerInfo .numberBox i::after {
  width: 100%;
}
.idx_banner .swiperInfo .swipagesBox {
  position: absolute;
  bottom: 50px;
  left: 0;
  z-index: 3;
  width: 100%;
}
@media (max-width:990px) {
  .idx_banner .swiperInfo .swipagesBox {
    bottom: 20px;
  }
}
.idx_banner .swiperInfo .swipagesBox .centerBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban {
  width: auto;
  height: auto;
  border-bottom: 1px solid #ffffff2c;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet {
  width: auto;
  height: auto;
  background: none;
  color: #fff;
  opacity: 1;
  font-weight: normal;
  font-size: var(--font14);
  color: #ffffff;
  padding-right: 20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  opacity: 0.5;
  border-radius: 0;
  padding-bottom: 10px;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 0%;
  height: 1px;
  background: #fff;
  z-index: 1;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0%;
  height: 1px;
  background: #CF000E;
  z-index: 2;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet-active {
  padding-right: clamp(70px, 7.29166667vw, 140px);
  opacity: 1;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet-active::after {
  width: 100%;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet-active::before {
  width: 100%;
  transition: all 5s linear;
}
@media (max-width:990px) {
  .idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    grid-gap: 0 10px;
    width: 100%;
  }
  .idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50% !important;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet::after {
    width: 100%;
    height: 100%;
    background: #ededed;
    top: 0;
  }
  .idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet::before {
    display: none;
  }
  .idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet-active {
    padding-right: clamp(0px, 0vw, 0px);
  }
  .idx_banner .swiperInfo .swipagesBox .centerBox .idxPageShowban .swiper-pagination-bullet-active::after {
    background: #CF000E;
  }
}
.idx_banner .swiperInfo .swipagesBox .centerBox .down_box {
  width: 22px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  overflow: hidden;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .down_box::after {
  content: '';
  width: 1px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: -12px;
  border-radius: 2px;
  overflow: hidden;
  animation: down 1.5s linear infinite;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxBanBut {
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: fit-content;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0 15px;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxBanBut .swiper_but {
  border-radius: 0;
  height: auto;
  width: auto;
  transform: scale(0.8);
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxBanBut .swiper_but.prev {
  position: relative;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxBanBut .swiper_but:hover {
  background: none;
  opacity: 0.5;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxBanBut .swiper_but:hover i {
  color: #fff;
}
.idx_banner .swiperInfo .swipagesBox .centerBox .idxBanBut .line {
  width: 1px;
  height: 10px;
  background: #fff;
  opacity: 0.4;
}
@media (max-width:990px) {
  .idx_banner .swiperInfo .swipagesBox .centerBox .idxBanBut {
    display: none;
  }
}
@media (max-width:990px) {
  .idx_banner .swiperInfo .swipagesBox .centerBox {
    border: 0;
  }
  .idx_banner .swiperInfo .swipagesBox .centerBox .down_box {
    display: none;
  }
}
@keyframes down {
  0%,
  100% {
    height: 12px;
    top: -25px;
    opacity: 1;
  }
  98% {
    height: 4px;
    opacity: 0;
    top: 60%;
  }
  99% {
    height: 12px;
    opacity: 0;
    top: -11px;
  }
}
/* 首页 解决方案 */
.idx_solution {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #0d1c2e;
  padding-top: var(--header-height);
}
.idx_solution .w1440 {
  height: 100%;
}
.idx_solution .centerBox {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.idx_solution .centerBox .topBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: clamp(0.625rem, calc(((10 / 16) * 1rem) + (50 - 10) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
}
.idx_solution .centerBox .topBox .idx_title .title {
  text-align: left;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .idx_solution .centerBox .topBox .idx_title .title {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.idx_solution .centerBox .topBox .idx_title .subtitle {
  text-align: left;
  color: #fff;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .idx_solution .centerBox .topBox .idx_title .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
@media (max-width:990px) {
  .idx_solution .centerBox .topBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .idx_solution .centerBox .topBox .idx_button {
    display: flex !important;
    margin-top: 20px;
  }
  .idx_solution .centerBox .topBox .idx_button a {
    background: none;
    border: 1px solid #ffffff10;
  }
}
.idx_solution .centerBox .botBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex: 1;
  border-top: 1px solid #ffffff10;
  overflow: hidden;
}
.idx_solution .centerBox .botBox .leftBox {
  width: 16.66666667%;
  border-right: 1px solid #ffffff10;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  height: 100%;
  padding-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (60 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
@media (max-width:990px) {
  .idx_solution .centerBox .botBox .leftBox {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.idx_solution .centerBox .botBox .leftBox .itemBox {
  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;
  grid-gap: clamp(0.3125rem, calc(((5 / 16) * 1rem) + (20 - 5) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.25rem) 0;
}
.idx_solution .centerBox .botBox .leftBox .itemBox .item {
  font-size: var(--font16);
  font-weight: 300;
  color: #ffffff75;
  height: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.idx_solution .centerBox .botBox .leftBox .itemBox .item::after {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  height: 0%;
  background: #CF000E;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.idx_solution .centerBox .botBox .leftBox .itemBox .item.active {
  padding-left: 16px;
  color: #fff;
}
.idx_solution .centerBox .botBox .leftBox .itemBox .item.active::after {
  height: 100%;
}
.idx_solution .centerBox .botBox .leftBox .itemBox .item:hover {
  color: #fff;
}
.idx_solution .centerBox .botBox .leftBox .idx_button {
  margin-top: clamp(0.625rem, calc(((10 / 16) * 1rem) + (40 - 10) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
}
.idx_solution .centerBox .botBox .rightBox {
  width: 83.33333333%;
  height: 100%;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  padding-top: clamp(30px, 3.125vw, 60px);
}
@media (max-width:990px) {
  .idx_solution .centerBox .botBox .rightBox {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
@media (max-width:990px) {
  .idx_solution .centerBox .botBox .rightBox {
    padding-left: 0;
  }
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo {
  height: 100%;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box {
  height: 100%;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li {
  height: 100% !important;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo {
  position: relative;
  height: 100%;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .fontBox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .title {
  font-size: var(--font30);
  color: #fff;
  line-height: 1;
  padding-left: clamp(40px, 4.16666667vw, 80px);
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .idx_button {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  padding-left: clamp(40px, 4.16666667vw, 80px);
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .subtitle {
  font-size: var(--font18);
  font-weight: 300;
  color: #ffffff75;
  line-height: 1.45;
  margin-top: 20px;
  padding-left: clamp(40px, 4.16666667vw, 80px);
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox {
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox .imgBox {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox .imgBox .img {
  width: auto;
  /*height: 100%;*/
  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;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox .imgBox .img img {
  max-width: 100%;
  height: 100%;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox .imgBox .itemBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox .imgBox .itemBox .item {
  font-size: var(--font14);
  font-weight: 300;
  color: #fff;
  position: absolute;
  height: 32px;
  width: fit-content;
  padding-left: clamp(8.5px, 0.88541667vw, 17px);
  padding-right: clamp(8.5px, 0.88541667vw, 17px);
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #ffffff17;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox .imgBox .itemBox .item i {
  position: absolute;
  right: 18px;
  transform: translateX(-3px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #FFF;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox .imgBox .itemBox .item:hover {
  padding-right: 42px;
  background: #CF000E;
}
.idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox .imgBox .itemBox .item:hover i {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width:640px) {
  .idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .imagesBox .imgBox .itemBox .item {
    transform: scale(0.8);
  }
}
@media (max-width:990px) {
  .idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo {
    height: auto !important;
  }
  .idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .title,
  .idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .idx_button,
  .idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .subtitle {
    padding-left: 0 !important;
  }
}
@media (max-width:990px) {
  .idx_solution .centerBox .botBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .idx_solution .centerBox .botBox .leftBox {
    width: 100%;
    border-right: 0;
    padding-top: 20px;
    display: none;
  }
  .idx_solution .centerBox .botBox .leftBox .itemBox {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 10px 20px;
  }
  .idx_solution .centerBox .botBox .leftBox .itemBox .item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .idx_solution .centerBox .botBox .leftBox .itemBox .item::after {
    width: 0%;
    height: 2px;
    top: 0;
    left: unset !important;
  }
  .idx_solution .centerBox .botBox .leftBox .itemBox .item.active {
    padding-left: 0;
  }
  .idx_solution .centerBox .botBox .leftBox .itemBox .item.active::after {
    width: 100%;
    height: 2px;
  }
  .idx_solution .centerBox .botBox .rightBox {
    width: 100%;
  }
}
@media (max-width:990px) {
  .idx_solution {
    padding-bottom: 50px;
    height: auto;
  }
  .idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
  }
  .idx_solution .centerBox .botBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .fontBox {
    position: relative !important;
    margin-top: 25px;
  }
  .idx_solution .idxPageHide {
    margin-top: 40px;
  }
}
/* 首页 技术能力 */
.idx_power {
  width: 100%;
  height: auto;
  overflow: hidden;
  max-height: unset !important;
  position: relative;
  padding-top: var(--header-height);
}
.idx_power .idx_poweBox {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
}
@media (max-width:990px) {
  .idx_power .idx_poweBox {
    height: auto;
  }
}
.idx_power .idx_poweBox .centerBox {
  margin-top: 40px;
}
.idx_power .idx_poweBox .centerBox .idx_title .title,
.idx_power .idx_poweBox .centerBox .idx_title .subtitle {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;  
}
@media (max-width:990px) {
  .idx_power .idx_poweBox .centerBox .idx_title .title,
  .idx_power .idx_poweBox .centerBox .idx_title .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
} 
.idx_power .idx_poweBox .centerBox .contentBox {
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo {
  overflow: hidden;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box {
  height: auto;
  width: 100%;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul {
  height: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width:990px) {
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul {
    grid-gap: 0;
  }
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li {
  width: 66.66%;
  height: auto;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  opacity: 0.4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox {
  padding-top: clamp(20px, 2.08333333vw, 40px);
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  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;
  width: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  padding-right: clamp(50px, 5.20833333vw, 100px);
  position: relative;
  z-index: 1;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox .iconImg {
  height: clamp(2.1875rem, calc(((35 / 16) * 1rem) + (54 - 35) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.375rem);
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox .info {
  width: 100%;
  height: auto;
  margin-top: clamp(25px, 2.60416667vw, 50px);
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox .info .title {
  font-size: var(--font30);
  color: #1a1a1a;
  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: 0 16px;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox .info .title .icon {
  width: auto;
  height: 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;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox .info .title .word {
  font-size: var(--font30);
  color: #1a1a1a;
  font-weight: 500;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox .info .levtitle {
  font-size: var(--font16);
  color: #808080;
  line-height: 1.5;
  margin-top: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:990px) {
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox {
    padding: 0 30px;
  }
}
@media (max-width:768px) {
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    grid-gap: 30px;
  }
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox .iconImg {
    height: 40px;
  }
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox .info {
    flex: 1;
    margin: 0;
  }
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: clamp(20px, 2.08333333vw, 40px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
  width: 50%;
  min-height: clamp(15.625rem, calc(((250 / 16) * 1rem) + (480 - 250) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 30rem);
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox .title {
  font-size: var(--font18);
  color: #1a1a1a;
  line-height: 1;
  font-weight: 300;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox .itBox {
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
  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;
  grid-gap: clamp(17.5px, 1.82291667vw, 35px) clamp(0px, 0vw, 0px);
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox .itBox .it {
  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-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox .itBox .it .number {
  font-weight: normal;
  font-size: var(--font40);
  color: #CF000E;
  line-height: 1;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox .itBox .it .name {
  margin-top: clamp(7.5px, 0.78125vw, 15px);
  font-size: var(--font16);
  color: #1a1a1a;
  line-height: 1.4;
  text-align: center;
  font-weight: 300;
}
@media (max-width:990px) {
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox {
    padding: 30px 20px 30px 0;
    z-index: 2;
  }
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox {
    padding: 30px 20px;
    min-height: 250px;
    width: 100%;
  }
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox .itBox .it {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width:768px) {
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo {
    display: block;
  }
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .conBox {
    width: 100%;
    min-height: 170px;
    height: auto;
  }
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox {
    width: 100%;
  }
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox .itBox {
    width: 100%;
    height: auto;
    margin: 30px 0 0;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox .itBox.syli {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: 0;
  }
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .hoverBox .itBox.syli .it {
    width: 100%;
    max-width: unset !important;
  }
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .swiper_box ul li.swiper-slide-active .centerInfo {
  opacity: 1;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .idxPagePro {
  width: 75%;
  height: clamp(0.25rem, calc(((4 / 16) * 1rem) + (6 - 4) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.375rem);
  margin: 40px auto 0;
  position: relative;
  background: #F7F9FA;
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (70 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
  border-radius: 10px;
  overflow: hidden;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .idxPagePro * {
  background: #CF000E;
  border-radius: 10px;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .idxPross {
  width: 75%;
  margin: auto;
  height: clamp(0.25rem, calc(((4 / 16) * 1rem) + (6 - 4) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.375rem);
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-top: clamp(35px, 3.64583333vw, 70px);
  background: #f7f9fa;
  --w: 0%;
  display: none;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .idxPross i {
  width: var(--width);
  position: absolute;
  height: 100%;
  display: block;
  background: #CF000E;
  border-radius: 10px;
}
.idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .idxPross span {
  background-color: #CF000E;
}
@media (max-width:990px) {
  .idx_power .idx_poweBox .centerBox .contentBox .swiperInfo .idxPross {
    display: none !important;
  }
}
@media (max-width:990px) {
  .idx_power .idx_poweBox .centerBox .idx_title .title {
    text-align: left;
  }
  .idx_power .idx_poweBox .centerBox .idx_title .subtitle {
    text-align: left;
  }
}
.htmlimages_bg {
  width: 100%;
  height: 0;
}
.htmlimages_bg img {
  width: clamp(7.5rem, calc(((120 / 16) * 1rem) + (242 - 120) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 15.125rem);
  transform: translateY(-68%);
  max-width: unset !important;
  max-height: unset !important;
}
@media (max-width:990px) {
  .htmlimages_bg {
    display: none;
  }
}
/* 首页 服务 */
@keyframes yfd {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(2.5);
  }
  100% {
    opacity: 0.4;
    transform: translate(-50%, -50%) scale(6);
  }
}
@-webkit-keyframes lineUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-33.33%);
  }
}
@-moz-keyframes lineUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-33.33%);
  }
}
@-o-keyframes lineUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-33.33%);
  }
}
@keyframes lineUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-33.33%);
  }
}
.idx_service {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-image: url(../images/idx_servicebga.png);
  background-size: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-top: var(--header-height);
}
.idx_service .centerBox {
  margin-top: 40px;
}
.idx_service .centerBox .idx_title .title,
.idx_service .centerBox .idx_title .subtitle {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .idx_service .centerBox .idx_title .title,
  .idx_service .centerBox .idx_title .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.idx_service .centerBox .content {
  position: relative;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (100 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
}
.idx_service .centerBox .content .itemBox {
  position: relative;
  width: 100%;
  min-height: 310px;
  padding-bottom: clamp(27.5px, 2.86458333vw, 55px);
}
.idx_service .centerBox .content .itemBox .item {
  position: absolute;
  height: 200px;
  width: clamp(7.5rem, calc(((120 / 16) * 1rem) + (220 - 120) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 13.75rem);
}
.idx_service .centerBox .content .itemBox .item .conBox {
  height: 200px;
  width: clamp(7.5rem, calc(((120 / 16) * 1rem) + (220 - 120) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 13.75rem);
  padding-left: clamp(12px, 1.25vw, 24px);
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.idx_service .centerBox .content .itemBox .item .conBox .images {
  width: clamp(1.75rem, calc(((28 / 16) * 1rem) + (38 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.375rem);
  height: clamp(1.75rem, calc(((28 / 16) * 1rem) + (38 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.375rem);
}
.idx_service .centerBox .content .itemBox .item .conBox .title {
  font-size: var(--font16);
  color: #1a1a1a;
  line-height: 1.4;
  margin-top: clamp(12px, 1.25vw, 24px);
}
.idx_service .centerBox .content .itemBox .item .conBox::before,
.idx_service .centerBox .content .itemBox .item .conBox::after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  background: #EFEFEF;
}
.idx_service .centerBox .content .itemBox .item .conBox::after {
  z-index: 2;
  background: linear-gradient(#CF000E, #00000000 33.33%);
  transform: translateY(100%);
  animation: lineUp linear 2s infinite;
}
.idx_service .centerBox .content .itemBox .item .circle_box {
  width: 9px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../images/dw.png);
  background-size: 100%;
  background-repeat: no-repeat;
  transform: translateX(-43%) scale(3);
  z-index: 2;
}
.idx_service .centerBox .content .itemBox .item .circle_box:before,
.idx_service .centerBox .content .itemBox .item .circle_box:after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(../images/dw.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.idx_service .centerBox .content .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 9px;
  height: 4px;
  background: #CF000E;
  border-radius: 50%;
  transform: translateX(-45%);
  z-index: 5;
}
.idx_service .centerBox .content .itemBox .item:nth-child(2n) .conBox::after {
  animation-delay: 1.5s;
}
@media (max-width:990px) {
  .idx_service .centerBox .content .itemBox {
    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;
    grid-gap: 0px 0px;
  }
  .idx_service .centerBox .content .itemBox .item {
    position: relative;
    top: unset !important;
    left: unset !important;
    width: calc(50% - 10px);
    height: auto;
    width: 100%;
  }
  .idx_service .centerBox .content .itemBox .item .conBox {
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .idx_service .centerBox .content .itemBox .item .conBox .images {
    width: 50px;
    flex-shrink: 0;
    height: 30px;
  }
  .idx_service .centerBox .content .itemBox .item .conBox .title {
    width: 100%;
    margin-top: 0;
  }
  .idx_service .centerBox .content .itemBox .item::after {
    top: 0;
    width: 6px;
    height: 6px;
  }
  .idx_service .centerBox .content .itemBox .item .circle_box {
    display: none;
  }
}
@media (max-width:990px) {
  .idx_service .centerBox .idx_title .title,
  .idx_service .centerBox .idx_title .subtitle {
    text-align: left;
  }
}
/* 首页 关于我们 */
.idx_about {
  height: auto;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  --w: 100%;
  --opacity: 1;
}
.idx_about .idx_abcontent {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.idx_about .idx_abcontent .idx_title .title,
.idx_about .idx_abcontent .idx_title .subtitle,
.idx_about .idx_abcontent .idx_title .levtitle,
.idx_about .idx_abcontent .idx_button {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .idx_about .idx_abcontent .idx_title .title,
  .idx_about .idx_abcontent .idx_title .subtitle,
  .idx_about .idx_abcontent .idx_title .levtitle,
  .idx_about .idx_abcontent .idx_button {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.idx_about .idx_abcontent .maskBoximg,
.idx_about .idx_abcontent .maskImages {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.idx_about .idx_abcontent .maskBoximg .one,
.idx_about .idx_abcontent .maskImages .one {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  overflow: hidden;
}
.idx_about .idx_abcontent .maskBoximg {
  z-index: 5;
  -webkit-mask: url('../images/biglogo.png') no-repeat center / var(--w) auto;
  mask: url('../images/biglogo.png') no-repeat center / var(--w) auto;
  opacity: var(--opacity);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.idx_about .idx_abcontent .maskBoximg .one {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  overflow: hidden;
}
.idx_about .idx_abcontent .maskBoximg .first {
  width: var(--w);
  height: var(--w);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  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;
}
.idx_about .idx_abcontent .maskBoximg .first img {
  width: 100%;
  object-fit: cover;
}
.idx_about .idx_abcontent .maskBoximg .center {
  z-index: 4;
  mix-blend-mode: multiply;
  filter: saturate(1.5);
}
.idx_about .idx_abcontent .maskBoximg .last img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx_about .idx_abcontent .maskImages {
  z-index: 1;
  background: #0d1c2e;
}
.idx_about .idx_abcontent .maskImages .first {
  z-index: 5;
  background: #0d1c2e url('../images/about_bg_line.png') no-repeat bottom;
  opacity: var(--opacity);
}
.idx_about .idx_abcontent .maskImages .last img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx_about .idx_abcontent .centerBoxs {
  width: 100%;
  height: 100%;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 60px;
  position: relative;
  z-index: 10;
}
@media (max-width:1024px) {
  .idx_about .idx_abcontent .centerBoxs {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .idx_about .idx_abcontent .centerBoxs {
    padding: 0 20px;
  }
}
.idx_about .idx_abcontent .centerBoxs .idx_title {
  max-width: 1440px;
}
.idx_about .idx_abcontent .centerBoxs .idx_title .subtitle {
  color: #fff;
}
.idx_about .idx_abcontent .centerBoxs .idx_title .idx_button {
  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;
  margin-top: clamp(20px, 2.08333333vw, 40px);
}
@media (max-width:990px) {
  .idx_about {
    height: auto;
  }
  .idx_about .idx_abcontent .maskBoximg {
    display: none;
  }
  .idx_about .idx_abcontent .maskImages .first {
    display: none;
  }
  .idx_about .idx_abcontent .centerBoxs {
    height: auto;
  }
  .idx_about .idx_abcontent .centerBoxs .contentBox {
    min-height: 70vh;
    padding: 60px 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;
  }
}
.idx_about.active .maskBoximg {
  transform: scale(2);
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity: 0;
}
/* 首页 合作伙伴 */
.idx_partner {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: var(--header-height);
  background-image: url(../images/hezuobg.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 80%;
}
.idx_partner .centerBox {
  margin-top: 40px;
}
.idx_partner .centerBox .idx_title .title,
.idx_partner .centerBox .idx_title .subtitle {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .idx_partner .centerBox .idx_title .title,
  .idx_partner .centerBox .idx_title .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.idx_partner .centerBox .swiperInfo {
  margin-top: clamp(32.5px, 3.38541667vw, 65px);
}
.idx_partner .centerBox .swiperInfo .swiper_box {
  overflow: hidden;
}
.idx_partner .centerBox .swiperInfo .swiper_box ul li .centerInfo {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_partner .centerBox .swiperInfo .swiper_box ul li .centerInfo .pb {
  padding-bottom: 50.4%;
}
.idx_partner .centerBox .swiperInfo .swiper_box ul li .centerInfo .pb .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_partner .centerBox .swiperInfo .swiper_box ul li .centerInfo .pb .ab img {
  width: auto;
}
@media (max-width:1440px) {
  .idx_partner .centerBox .swiperInfo .swiper_box ul li .centerInfo .pb .ab img {
    max-width: 60%;
    max-height: 60%;
  }
}
.idx_partner .centerBox .swiperInfo .swiPagBox {
  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;
  grid-gap: clamp(0px, 0vw, 0px) clamp(15px, 1.5625vw, 30px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: clamp(22.5px, 2.34375vw, 45px);
}
.idx_partner .centerBox .swiperInfo .swiPagBox .idxPageShow {
  white-space: nowrap;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: unset !important;
  gap: unset !important;
}
.idx_partner .centerBox .swiperInfo .swiPagBox .idxPageShow span {
  margin: 0 5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width:990px) {
  .idx_partner .centerBox .swiperInfo .swiPagBox .swiper_butBox {
    display: none;
  }
}
/* 首页 新闻 */
.idx_news {
  padding-top: clamp(3.75rem, calc(((60 / 16) * 1rem) + (80 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_news .centerBox .topBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.idx_news .centerBox .topBox .idx_title .subtitle {
  font-size: var(--font36);
  margin-top: 0;
}
@media (max-width:990px) {
  .idx_news .centerBox .topBox .idx_button a {
    height: 35px;
  }
}
.idx_news .centerBox .butBox {
  margin-top: clamp(20px, 2.08333333vw, 40px);
  border-top: 1px solid #e5e5e5;
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
}
@media (max-width:990px) {
  .idx_news .centerBox .butBox {
    border-top: 0 !important;
  }
}
.idx_news .centerBox .butBox .top {
  padding-top: clamp(15px, 1.5625vw, 30px);
  padding-bottom: clamp(15px, 1.5625vw, 30px);
}
.idx_news .centerBox .butBox .top a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.idx_news .centerBox .butBox .top a .leftBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.idx_news .centerBox .butBox .top a .leftBox .infoBox .timeBox {
  font-weight: normal;
  font-size: 12px;
  color: #808080;
  line-height: 1;
  width: 130px;
  height: 28px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #ededed;
}
@media (max-width:990px) {
  .idx_news .centerBox .butBox .top a .leftBox .infoBox .timeBox {
    width: auto ;
    border: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.idx_news .centerBox .butBox .top a .leftBox .infoBox .title {
  font-size: var(--font22);
  color: #1a1a1a;
  line-height: 1.36363636;
  margin-top: clamp(15px, 1.5625vw, 30px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 400;
}
.idx_news .centerBox .butBox .top a .leftBox .details {
  font-size: var(--font14);
  color: #808080;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.idx_news .centerBox .butBox .top a .leftBox .details i {
  font-size: var(--font20);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.idx_news .centerBox .butBox .top a .leftBox .details:hover {
  color: #CF000E;
}
.idx_news .centerBox .butBox .top a .rightBox {
  width: 30.55555556%;
}
.idx_news .centerBox .butBox .top a .rightBox .pb {
  padding-bottom: 56%;
  border-radius: clamp(3px, 0.3125vw, 6px);
  overflow: hidden;
}
.idx_news .centerBox .butBox .top a .rightBox .pb .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;
  overflow: hidden;
}
.idx_news .centerBox .butBox .top a .rightBox .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width:990px) {
  .idx_news .centerBox .butBox .top a {
    flex-direction: column-reverse;
  }
  .idx_news .centerBox .butBox .top a .leftBox {
    width: 100%;
    margin-top: 20px;
  }
  .idx_news .centerBox .butBox .top a .leftBox .details {
    margin-top: 15px;
  }
  .idx_news .centerBox .butBox .top a .rightBox {
    width: 100%;
  }
}
.idx_news .centerBox .butBox .top a:hover .rightBox .pb .ab img {
  transform: scale(1.05);
}
.idx_news .centerBox .butBox .top a:hover .leftBox .infoBox .title {
  color: #CF000E;
}
.idx_news .centerBox .butBox .but .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width:990px) {
  .idx_news .centerBox .butBox .but .itemBox {
    grid-template-columns: repeat(1, 1fr);
    border-bottom: 0 !important;
  }
}
.idx_news .centerBox .butBox .but .itemBox .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 15px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 85px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: clamp(10px, 1.04166667vw, 20px);
  z-index: 1;
  border-top: 1px solid #e5e5e5;
  position: relative;
}
.idx_news .centerBox .butBox .but .itemBox .item .left {
  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: 0 16px;
  width: 75%;
}
.idx_news .centerBox .butBox .but .itemBox .item .left .iconNew {
  width: 10px;
}
.idx_news .centerBox .butBox .but .itemBox .item .left .title {
  font-size: var(--font18);
  color: #1a1a1a;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 400;
  -webkit-flex: 1;
  flex: 1;
}
.idx_news .centerBox .butBox .but .itemBox .item .right {
  font-weight: normal;
  font-size: 12px;
  width: 160px;
  text-align: end;
  color: #808080;
  line-height: 1;
  letter-spacing: 2px;
  flex-shrink: 0;
}
.idx_news .centerBox .butBox .but .itemBox .item:hover {
  background: #f7f9fa;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  z-index: 5;
}
.idx_news .centerBox .butBox .but .itemBox .item:hover .left .title {
  color: #CF000E;
}
.idx_news .centerBox .butBox .but .itemBox .item:nth-child(2n) {
  padding-right: 0;
  padding-left: clamp(10px, 1.04166667vw, 20px);
}
.idx_news .centerBox .butBox .but .itemBox .item:nth-child(2n):hover {
  padding-right: clamp(10px, 1.04166667vw, 20px);
}
.idx_news .centerBox .butBox .but .itemBox .item:nth-child(2n)::before {
  display: none;
}
.idx_news .centerBox .butBox .but .itemBox .item::before {
  content: '';
  position: absolute;
  right: 0px;
  width: 1px;
  height: 30px;
  background: #ededed;
  z-index: 2;
}
@media (max-width:990px) {
  .idx_news .centerBox .butBox .but .itemBox .item {
    -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;
    height: auto;
    padding: 10px 0;
    padding: 25px 10px !important;
  }
  .idx_news .centerBox .butBox .but .itemBox .item .left {
    width: 100%;
  }
  .idx_news .centerBox .butBox .but .itemBox .item .left .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .idx_news .centerBox .butBox .but .itemBox .item .right {
    width: 100%;
    margin-top: 10px;
    display: none;
  }
  .idx_news .centerBox .butBox .but .itemBox .item::before {
    display: none;
  }
}
/* 首页 合作 */
.idx_cooperate {
  background-image: url(../images/idx_cooperatebg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  padding-top: clamp(5rem, calc(((80 / 16) * 1rem) + (100 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  padding-bottom: clamp(5rem, calc(((80 / 16) * 1rem) + (110 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.875rem);
  width: 100%;
  height: auto;
  overflow: hidden;
}
.idx_cooperate .centerBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  grid-gap: 20px 40px;
}
.idx_cooperate .centerBox .idx_title .title {
  text-align: left;
}
.idx_cooperate .centerBox .idx_title .subtitle {
  text-align: left;
  color: #fff;
  font-size: var(--font30);
  font-weight: 300;
}
@media (max-width:990px) {
  .idx_cooperate .centerBox {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
}
/* 内页 产品 */
.inside_product {
  width: 100%;
  height: auto;
  margin-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (79 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.9375rem);
}
.inside_product .centerBox {
  width: 100%;
}
.inside_product .proTop {
  width: 100%;
  height: clamp(3.125rem, calc(((50 / 16) * 1rem) + (70 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
  position: relative;
  overflow: hidden;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (40 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
}
.inside_product .proTop .w1440 {
  position: relative;
  z-index: 2;
}
.inside_product .proTop .color_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inside_product .proTop .color_bg::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: #122438;
}
.inside_product .proTop .color_bg::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #CF000E;
}
.inside_product .proTop .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.inside_product .proTop .content .leftBox {
  width: clamp(12.5rem, calc(((200 / 16) * 1rem) + (280 - 200) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 17.5rem);
  flex-shrink: 0;
  height: 100%;
  background: #CF000E;
  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;
}
.inside_product .proTop .content .leftBox .textBox {
  font-size: var(--font18);
  color: #fff;
  font-weight: 500;
}
.inside_product .proTop .content .rightBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #122438;
  padding-left: clamp(1.25rem, calc(((20 / 16) * 1rem) + (80 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
}
.inside_product .proTop .content .rightBox .textBox {
  font-size: var(--font18);
  color: #fff;
  width: 100%;
  height: 100%;
}
.inside_product .proTop .content .rightBox .textBox input {
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  color: #fff;
  opacity: 1;
  font-weight: 300;
}
.inside_product .proTop .content .rightBox .textBox input::-webkit-input-placeholder,
.inside_product .proTop .content .rightBox .textBox textarea::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.inside_product .proTop .content .rightBox .textBox input:-moz-placeholder,
.inside_product .proTop .content .rightBox .textBox textarea:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.inside_product .proTop .content .rightBox .textBox input::-moz-placeholder,
.inside_product .proTop .content .rightBox .textBox textarea::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.inside_product .proTop .content .rightBox .textBox input:-ms-input-placeholder,
.inside_product .proTop .content .rightBox .textBox textarea:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.inside_product .proTop .content .rightBox .iconBox a img {
  filter: brightness(0) invert(1);
}
@media (max-width:990px) {
  .inside_product .proTop {
    display: none;
  }
}
.inside_product .proBot {
  width: 100%;
  position: relative;
  background: #f8f9fb;
  padding-bottom: clamp(1.25rem, calc(((20 / 16) * 1rem) + (60 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
@media (max-width:990px) {
  .inside_product .proBot {
    margin-top: 30px;
  }
}
.inside_product .proBot .w1440 {
  position: relative;
  z-index: 2;
}
.inside_product .proBot .color_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - clamp(1.25rem, calc(((20 / 16) * 1rem) + (60 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem));
}
.inside_product .proBot .color_bg::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 27%;
  min-width: 220px;
  height: 100%;
  background: #ffffff;
  border-bottom-right-radius: 16px;
  z-index: 2;
}
@media (max-width:990px) {
  .inside_product .proBot .color_bg {
    display: none;
  }
}
.inside_product .proBot .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_product .proBot .content .leftBox {
  width: clamp(12.5rem, calc(((200 / 16) * 1rem) + (280 - 200) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 17.5rem);
  flex-shrink: 0;
  background: #fff;
  position: sticky;
  top: 70px;
  height: calc(100vh - 70px);
  padding-bottom: 20px;
  overflow: auto;
  border-bottom-right-radius: 16px;
}
@media (max-width:990px) {
  .inside_product .proBot .content .leftBox {
    top: 0px;
    margin-top: 30px;
    border: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 0 !important;
  }
}
.inside_product .proBot .content .leftBox .itemBox {
  border-top: 1px solid #e5e5e5;
}
.inside_product .proBot .content .leftBox .itemBox .item {
  border-top: 1px solid #e5e5e5;
}
@media (max-width:990px) {
  .inside_product .proBot .content .leftBox .itemBox .item {
    border-top: 0 !important;
  }
}
.inside_product .proBot .content .leftBox .itemBox .item .title {
  height: clamp(3.125rem, calc(((50 / 16) * 1rem) + (70 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  font-size: var(--font18);
  color: #1a1a1a;
  padding-right: clamp(0.625rem, calc(((10 / 16) * 1rem) + (24 - 10) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5rem);
  cursor: pointer;
  font-weight: 500;
}
.inside_product .proBot .content .leftBox .itemBox .item .title img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width:990px) {
  .inside_product .proBot .content .leftBox .itemBox .item .title {
    padding: 0 20px;
  }
}
.inside_product .proBot .content .leftBox .itemBox .item .listInfo {
  display: none;
}
@media (max-width:990px) {
  .inside_product .proBot .content .leftBox .itemBox .item .listInfo {
    padding: 0 20px;
  }
}
.inside_product .proBot .content .leftBox .itemBox .item .listBox {
  padding: clamp(0.625rem, calc(((10 / 16) * 1rem) + (20 - 10) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.25rem) 0;
  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;
  grid-gap: 14px 0;
}
@media (max-width:990px) {
  .inside_product .proBot .content .leftBox .itemBox .item .listBox {
    grid-gap: 5px 0;
  }
}
.inside_product .proBot .content .leftBox .itemBox .item .listBox .list {
  font-size: var(--font14);
  color: #1a1a1a;
}
.inside_product .proBot .content .leftBox .itemBox .item .listBox .list a {
  color: #808080;
  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;
  width: fit-content;
  padding: 10px 0;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_product .proBot .content .leftBox .itemBox .item .listBox .list a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: #CF000E;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_product .proBot .content .leftBox .itemBox .item .listBox .list a:hover {
  color: #1a1a1a;
}
.inside_product .proBot .content .leftBox .itemBox .item .listBox .list a:hover::after {
  width: 100%;
}
.inside_product .proBot .content .leftBox .itemBox .item .listBox .list.active a {
  color: #1a1a1a;
}
.inside_product .proBot .content .leftBox .itemBox .item .listBox .list.active a::after {
  width: 100%;
}
.inside_product .proBot .content .leftBox .itemBox .item.active {
  border-top: 0;
}
.inside_product .proBot .content .leftBox .itemBox .item.active .title {
  color: #CF000E;
}
.inside_product .proBot .content .leftBox .itemBox .item.active .title img {
  transform: rotate(180deg);
}
.inside_product .proBot .content .leftBox .itemBox .item.active {
  border-top: 0;
}
.inside_product .proBot .content .leftBox .itemBox .item.active .listInfo {
  display: block;
}
.inside_product .proBot .content .rightBox {
  width: 100%;
  background: #f8f9fb;
  padding-left: clamp(1.25rem, calc(((20 / 16) * 1rem) + (80 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  padding-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (70 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
  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;
  grid-gap: 60px 0;
}
@media (max-width:990px) {
  .inside_product .proBot .content .rightBox {
    padding: 0 !important;
  }
}
.inside_product .proBot .content .rightBox .contBox .titBox .title {
  font-size: var(--font30);
  color: #1a1a1a;
  line-height: 1.2;
}
.inside_product .proBot .content .rightBox .contBox .titBox .subtitle {
  font-size: var(--font18);
  color: #808080;
  line-height: 1.45;
  margin-top: clamp(0.875rem, calc(((14 / 16) * 1rem) + (18 - 14) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.125rem);
}
.inside_product .proBot .content .rightBox .contBox .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (60 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
@media (max-width:990px) {
  .inside_product .proBot .content .rightBox .contBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a {
  width: 100%;
  height: 100%;
  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;
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #ffffff;
  border-radius: clamp(8px, 0.83333333vw, 16px);
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .fontBox {
  position: relative;
  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;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .fontBox .title {
  font-weight: 500;
  line-height: 1;
  font-size: var(--font24);
  color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .fontBox .subtitle {
  font-size: var(--font16);
  color: #808080;
  margin-top: 10px;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .fontBox .arrowBox {
  position: absolute;
  right: 0;
  width: clamp(1.875rem, calc(((30 / 16) * 1rem) + (36 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.25rem);
  height: clamp(1.875rem, calc(((30 / 16) * 1rem) + (36 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.25rem);
  border-radius: 50%;
  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: #ffefe5;
  transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .listBox {
  margin-top: clamp(0.75rem, calc(((12 / 16) * 1rem) + (30 - 12) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .listBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 8px;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .listBox ul li {
  width: fit-content;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  height: clamp(1.75rem, calc(((28 / 16) * 1rem) + (32 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2rem);
  background: #f5f6f7;
  font-size: var(--font14);
  color: #1a1a1a;
  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: 100px;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .imagesBox {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  width: 100%;
  height: 100%;
  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;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .imagesBox .pb {
  padding-bottom: 77%;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .imagesBox .pb .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;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a .imagesBox .pb .ab img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a:hover {
  box-shadow: 0px 20px 120px 0px rgba(0, 0, 0, 0.1);
  /* .imagesBox .pb .ab img{transform: scale(1.02);} */
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a:hover .fontBox .title {
  color: #CF000E;
}
.inside_product .proBot .content .rightBox .contBox .itemBox .item a:hover .fontBox .arrowBox {
  transform: translateX(0);
  opacity: 1;
}
@media (max-width:990px) {
  .inside_product .proBot .content {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_product .proBot .content .leftBox {
    width: 100%;
    position: relative;
    height: auto !important;
  }
  .inside_product .proBot .content .rightBox {
    width: 100%;
    margin-top: 60px;
    padding-left: 0 !important;
  }
}
/* 内页 产品详情 */
.inside_proDetaCon1 {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inside_proDetaCon1 .centerBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 10px;
}
.inside_proDetaCon1 .centerBox .leftBox {
  width: 41.6666%;
}
.inside_proDetaCon1 .centerBox .leftBox .pb .ab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_proDetaCon1 .centerBox .leftBox .pb .ab img {
  width: auto;
}
.inside_proDetaCon1 .centerBox .rightBox {
  width: 50%;
  height: auto;
  padding-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (100 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
}
.inside_proDetaCon1 .centerBox .rightBox .titBox {
  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;
  grid-gap: 15px 0;
  max-width: 612px;
}
.inside_proDetaCon1 .centerBox .rightBox .titBox .title {
  font-size: var(--font16);
  color: #808080;
  line-height: 1.5;
  font-weight: 300;
}
.inside_proDetaCon1 .centerBox .rightBox .titBox .title:last-child {
  margin-top: -13px;
}
@media (max-width:990px) {
  .inside_proDetaCon1 .centerBox .rightBox .titBox .title:last-child {
    margin-top: 0;
  }
}
.inside_proDetaCon1 .centerBox .rightBox .titBox .subtitle {
  font-weight: 500;
  line-height: 1;
  font-size: clamp(1.875rem, calc(((30 / 16) * 1rem) + (50 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  color: #1a1a1a;
  padding-bottom: 20px;
}
.inside_proDetaCon1 .centerBox .rightBox .idx_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (60 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  grid-gap: 0 10px;
}
.inside_proDetaCon1 .centerBox .rightBox .idx_button a:last-child {
  background: #1a1a1a;
}
@media (max-width:990px) {
  .inside_proDetaCon1 .centerBox {
    flex-direction: column-reverse;
  }
  .inside_proDetaCon1 .centerBox .leftBox {
    width: 100%;
    margin-top: 40px;
  }
  .inside_proDetaCon1 .centerBox .rightBox {
    width: 100%;
  }
}
@media (max-width:480px) {
  .inside_proDetaCon1 .centerBox .rightBox .titBox .title {
    line-height: 1.87;
  }
  .inside_proDetaCon1 .centerBox .rightBox .titBox .subtitle {
    font-size: 24px;
  }
}
.inside_proDetaCon2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #f8f9fb;
  padding: 20px;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (100 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
}
@media (max-width:990px) {
  .inside_proDetaCon2 {
    padding: 0;
    border-radius: 0 !important;
  }
}
.inside_proDetaCon2 .color_bg {
  width: 100%;
  background: #1d436d;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  padding: clamp(3.125rem, calc(((50 / 16) * 1rem) + (120 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem) 20px;
}
@media (max-width:990px) {
  .inside_proDetaCon2 .color_bg {
    padding: 60px 20px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0 !important;
  }
}
.inside_proDetaCon2 .color_bg .contentBox1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_proDetaCon2 .color_bg .contentBox1 .leftBox {
  width: clamp(17.5rem, calc(((280 / 16) * 1rem) + (360 - 280) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 22.5rem);
  flex-shrink: 0;
}
.inside_proDetaCon2 .color_bg .contentBox1 .leftBox .titBox .title {
  font-size: var(--font40);
  color: #fff;
}
.inside_proDetaCon2 .color_bg .contentBox1 .rightBox {
  width: 100%;
}
.inside_proDetaCon2 .color_bg .contentBox1 .rightBox .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
.inside_proDetaCon2 .color_bg .contentBox1 .rightBox .itemBox .item {
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  background: #ffffff08;
  border-radius: clamp(8px, 0.83333333vw, 16px);
}
.inside_proDetaCon2 .color_bg .contentBox1 .rightBox .itemBox .item .iconBox {
  width: clamp(2.5rem, calc(((40 / 16) * 1rem) + (70 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
}
.inside_proDetaCon2 .color_bg .contentBox1 .rightBox .itemBox .item .fontBox {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
}
.inside_proDetaCon2 .color_bg .contentBox1 .rightBox .itemBox .item .fontBox .title {
  font-size: var(--font18);
  color: #fff;
  font-weight: 500;
}
.inside_proDetaCon2 .color_bg .contentBox1 .rightBox .itemBox .item .fontBox .subtitle {
  margin-top: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (15 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.9375rem);
  font-size: var(--font16);
  color: #fff;
  line-height: 1.5;
  font-weight: 300;
}
@media (max-width:990px) {
  .inside_proDetaCon2 .color_bg .contentBox1 .rightBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
  .inside_proDetaCon2 .color_bg .contentBox1 .rightBox .itemBox .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    grid-gap: 0 10px;
  }
  .inside_proDetaCon2 .color_bg .contentBox1 .rightBox .itemBox .item .fontBox {
    flex: 1;
    width: 100%;
    margin-top: 5px;
  }
}
@media (max-width:990px) {
  .inside_proDetaCon2 .color_bg .contentBox1 {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_proDetaCon2 .color_bg .contentBox1 .leftBox {
    width: 100%;
  }
  .inside_proDetaCon2 .color_bg .contentBox1 .rightBox {
    width: 100%;
    margin-top: 30px;
  }
}
.inside_proDetaCon2 .contentBox2 {
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (120 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
}
.inside_proDetaCon2 .contentBox2 .contBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_proDetaCon2 .contentBox2 .contBox .leftBox {
  width: clamp(17.5rem, calc(((280 / 16) * 1rem) + (360 - 280) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 22.5rem);
  flex-shrink: 0;
}
.inside_proDetaCon2 .contentBox2 .contBox .leftBox .titBox .title {
  font-size: var(--font40);
  color: #1a1a1a;
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox {
  width: 100%;
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px !important;
  }
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item {
  border-radius: clamp(8px, 0.83333333vw, 16px);
  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;
  border: 1px solid #e6e7e9;
  overflow: hidden;
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .imagesBox {
  width: clamp(2.8125rem, calc(((45 / 16) * 1rem) + (70 - 45) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
  width: 45.28%;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
  display: none;
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .imagesBox .pb {
  padding-bottom: 66.6%;
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .imagesBox .pb .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;
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .imagesBox .pb .ab img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .fontBox {
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .fontBox .number {
  font-size: var(--font16);
  color: #CF000E;
  font-weight: normal;
}
.inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .fontBox .name {
  margin-top: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (15 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.9375rem);
  font-size: var(--font20);
  color: #1a1a1a;
  font-weight: 500;
}
@media (max-width:990px) {
  .inside_proDetaCon2 .contentBox2 .contBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_proDetaCon2 .contentBox2 .contBox .leftBox {
    width: 100%;
  }
  .inside_proDetaCon2 .contentBox2 .contBox .rightBox {
    width: 100%;
    margin-top: 30px;
  }
  .inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox {
    grid-gap: 20px 0;
    padding-bottom: 50px;
  }
  .inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .imagesBox {
    width: 100% !important;
  }
  .inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .fontBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    grid-gap: 0 10px;
  }
  .inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .fontBox .name {
    margin-top: 0;
    line-height: 1;
  }
  .inside_proDetaCon2 .contentBox2 .contBox .rightBox .itemBox .item .fontBox .number {
    line-height: 1;
    margin-top: 3px;
  }
}
.inside_proDetaCon3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (120 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
  padding-bottom: clamp(5rem, calc(((80 / 16) * 1rem) + (100 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
}
.inside_proDetaCon3 .conterBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_proDetaCon3 .conterBox .leftBox {
  width: clamp(17.5rem, calc(((280 / 16) * 1rem) + (360 - 280) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 22.5rem);
  flex-shrink: 0;
}
.inside_proDetaCon3 .conterBox .leftBox .titBox .title {
  font-size: var(--font40);
  color: #1a1a1a;
}
.inside_proDetaCon3 .conterBox .rightBox {
  width: 100%;
  overflow: auto;
}
.inside_proDetaCon3 .conterBox .rightBox table {
  width: 100%;
  table-layout: fixed;
  min-width: 800px;
}
.inside_proDetaCon3 .conterBox .rightBox table tr td {
  height: clamp(3.125rem, calc(((50 / 16) * 1rem) + (60 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  padding-left: clamp(0.75rem, calc(((12 / 16) * 1rem) + (25 - 12) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5625rem);
  font-size: var(--font14);
}
.inside_proDetaCon3 .conterBox .rightBox table tr td:last-child {
  border-right: 0;
}
.inside_proDetaCon3 .conterBox .rightBox table tr td:first-child {
  color: #808080;
}
.inside_proDetaCon3 .conterBox .rightBox table tr:first-child {
  background: #f8f9fb;
}
.inside_proDetaCon3 .conterBox .rightBox table tr:first-child td {
  border-top: 0;
  border-bottom: 1px solid #1a1a1a;
  border-top: 1px solid #1a1a1a;
  border-right: 0;
  font-size: var(--font14);
  color: #1a1a1a;
}
.inside_proDetaCon3 .conterBox .rightBox table:first-child tr {
  background: #f8f9fb;
  border-top: 2px solid #1a1a1a;
}
.inside_proDetaCon3 .conterBox .rightBox table:first-child tr td {
  border-right: 1px solid #ededed;
  font-size: var(--font18);
  color: #1a1a1a;
}
.inside_proDetaCon3 .conterBox .rightBox table:nth-child(2) tr td {
  border-top: 0;
}
@media (max-width:990px) {
  .inside_proDetaCon3 .conterBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_proDetaCon3 .conterBox .leftBox {
    width: 100%;
  }
  .inside_proDetaCon3 .conterBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
.inside_proDetaCon4 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (120 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
  padding-bottom: clamp(5rem, calc(((80 / 16) * 1rem) + (100 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
}
.inside_proDetaCon4 .conterBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_proDetaCon4 .leftBox {
  width: clamp(17.5rem, calc(((280 / 16) * 1rem) + (360 - 280) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 22.5rem);
  flex-shrink: 0;
}
.inside_proDetaCon4 .leftBox .titBox .title {
  font-size: var(--font40);
  color: #1a1a1a;
}
.inside_proDetaCon4 .rightBox {
  width: 100%;
}
.inside_proDetaCon4 .rightBox table {
  width: 100%;
  table-layout: fixed;
}
.inside_proDetaCon4 .rightBox table tr td {
  height: clamp(3.125rem, calc(((50 / 16) * 1rem) + (60 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  padding-left: clamp(0.75rem, calc(((12 / 16) * 1rem) + (25 - 12) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5625rem);
  font-size: var(--font14);
}
.inside_proDetaCon4 .rightBox table tr td:last-child {
  border-right: 0;
}
.inside_proDetaCon4 .rightBox table tr td:first-child {
  color: #808080;
}
.inside_proDetaCon4 .rightBox table tr:first-child {
  background: #f8f9fb;
}
.inside_proDetaCon4 .rightBox table tr:first-child td {
  border-top: 0;
  border-bottom: 1px solid #1a1a1a;
  border-top: 1px solid #1a1a1a;
  border-right: 0;
  font-size: var(--font14);
  color: #1a1a1a;
}
.inside_proDetaCon4 .rightBox table:first-child tr {
  background: #f8f9fb;
  border-top: 2px solid #1a1a1a;
}
.inside_proDetaCon4 .rightBox table:first-child tr td {
  border-right: 1px solid #ededed;
  font-size: var(--font18);
  color: #1a1a1a;
}
.inside_proDetaCon4 .rightBox table:nth-child(2) tr td {
  border-top: 0;
}
@media (max-width:990px) {
  .inside_proDetaCon4 {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_proDetaCon4 .leftBox {
    width: 100%;
  }
  .inside_proDetaCon4 .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
/* 内页 服务  */
@keyframes rotateImg {
  0% {
    transform: scale(0.99);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(0.99);
  }
}
@-webkit-keyframes rotateImg {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.inside_serCon1 {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  padding-top: var(--header-height);
}
@media (max-width:990px) {
  .inside_serCon1 {
    min-height: unset !important;
    margin-top: 40px;
  }
}
.inside_serCon1 .centerBox {
  width: 100%;
  height: auto;
  padding-top: 50px;
}
.inside_serCon1 .titBox {
  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;
}
.inside_serCon1 .titBox .title {
  font-size: var(--font36);
  color: #1a1a1a;
  line-height: 1.3;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_serCon1 .titBox .title {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_serCon1 .titBox .title span {
  color: #CF000E;
}
.inside_serCon1 .itemBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (75 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.6875rem);
  height: auto;
  border: 1px solid #ededed;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  padding: 10px clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_serCon1 .itemBox {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_serCon1 .itemBox .listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  --left: 0;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.inside_serCon1 .itemBox .listBox::after {
  content: '';
  position: absolute;
  width: clamp(5.875rem, calc(((94 / 16) * 1rem) + (140 - 94) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
  height: 100%;
  background: #CF000E;
  z-index: 1;
  border-radius: clamp(6px, 0.625vw, 12px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  left: var(--left);
}
@media (max-width:990px) {
  .inside_serCon1 .itemBox .listBox::after {
    opacity: 0;
  }
}
.inside_serCon1 .itemBox .listBox .list {
  width: clamp(5.875rem, calc(((94 / 16) * 1rem) + (140 - 94) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
  height: clamp(2.375rem, calc(((38 / 16) * 1rem) + (50 - 38) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 0 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: clamp(6px, 0.625vw, 12px);
  position: relative;
  z-index: 2;
}
.inside_serCon1 .itemBox .listBox .list.active {
  color: #fff !important;
}
.inside_serCon1 .itemBox .listBox .list:hover {
  color: #CF000E;
}
.inside_serCon1 .itemBox .swiper_but {
  width: auto;
  height: auto;
  border-radius: 0 !important;
  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;
}
.inside_serCon1 .itemBox .swiper_but img {
  filter: brightness(0) invert(0);
  opacity: 0.2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_serCon1 .itemBox .swiper_but:hover img {
  filter: unset !important;
  opacity: 1 !important;
}
@media (max-width:990px) {
  .inside_serCon1 .itemBox .swiper_but {
    display: none;
  }
}
@media (max-width:990px) {
  .inside_serCon1 .itemBox {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 0;
    margin-top: 20px !important;
  }
  .inside_serCon1 .itemBox .listBox {
    width: 100% !important;
    grid-gap: 10px 10px;
  }
  .inside_serCon1 .itemBox .listBox .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: calc(33.33% - 7px);
    border: 1px solid #ededed;
  }
  .inside_serCon1 .itemBox .listBox .list.active {
    background: #CF000E;
    border: 1px solid #CF000E;
  }
}
@media (max-width:990px) and (max-width:480px) {
  .inside_serCon1 .itemBox .listBox .list {
    width: calc(50% - 10px);
  }
}
@media (max-width:640px) {
  .inside_serCon1 .itemBox {
    padding: 0 !important;
  }
}
.inside_serCon1 .swiperInfo {
  padding-top: clamp(5rem, calc(((80 / 16) * 1rem) + (100 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  overflow: hidden;
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (120 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_serCon1 .swiperInfo {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo {
  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: 0 clamp(1.875rem, calc(((30 / 16) * 1rem) + (120 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
  padding: 0 clamp(1.25rem, calc(((20 / 16) * 1rem) + (170 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 10.625rem);
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .imagesBox {
  width: clamp(20rem, calc(((320 / 16) * 1rem) + (490 - 320) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 30.625rem);
  flex-shrink: 0;
  position: relative;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .imagesBox::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #ffffff4b;
  z-index: 2;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .imagesBox::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #ffffff4b;
  z-index: 1;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .imagesBox .pb .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;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .imagesBox .pb .ab .imgbg {
  width: 100%;
  height: 100%;
  position: absolute;
  animation: rotateImg 5s ease-in infinite;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .imagesBox .pb .ab .imgbg img {
  width: 100%;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .imagesBox .pb .ab .imgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  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;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .imagesBox .pb .ab .imgBox img {
  width: 100%;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .fontBox .tiBox .title {
  font-weight: 500;
  line-height: 1;
  font-size: var(--font18);
  color: #CF000E;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .fontBox .tiBox .subtitle {
  font-size: var(--font40);
  color: #1a1a1a;
  line-height: 1.2;
  margin-top: clamp(0.625rem, calc(((10 / 16) * 1rem) + (15 - 10) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.9375rem);
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .fontBox .listBox {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (50 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .fontBox .listBox .list {
  font-size: var(--font18);
  color: #1a1a1a;
  font-weight: 300;
  line-height: 1.222;
  padding-left: 13px;
  position: relative;
  margin-top: 1em;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .fontBox .listBox .list::after {
  content: '';
  position: absolute;
  left: 0;
  width: 6px;
  height: 2px;
  background: #cccccc;
  top: 0.6em;
}
.inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .fontBox .listBox .list:first-child {
  margin-top: 0;
}
@media (max-width:768px) {
  .inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .fontBox .listBox {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width:768px) {
  .inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0 !important;
  }
  .inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .imagesBox {
    width: 80%;
  }
  .inside_serCon1 .swiperInfo .swiper_box ul li .centerInfo .fontBox {
    width: 100%;
    margin-top: 20px;
  }
}
.inside_serCon1 .swiperInfo .swiper_box ul li.swiper-slide-active .centerInfo .imagesBox::after {
  width: 0;
  transition: all 0.3s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.inside_serCon1 .swiperInfo .swiper_box ul li.swiper-slide-active .centerInfo .imagesBox::before {
  width: 0;
  transition: all 0.5s cubic-bezier(0.15, -0.01, 1, 0.57);
}
@media (max-width:990px) {
  .inside_serCon1 .swiperInfo {
    padding-top: 40px;
  }
}
@media (max-width:990px) {
  .inside_serCon1 {
    height: auto !important;
  }
  .inside_serCon1 .centerBox {
    padding: 0;
  }
}
@keyframes rotatebg {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotatebg {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.inside_serCon2 {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (80 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (80 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  background-image: url(../images/serve_5.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom center;
}
.inside_serCon2 .centerBox {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_serCon2 .inside_sev {
  padding-top: clamp(10px, 1.04166667vw, 20px);
}
.inside_serCon2 .inside_sev .title {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_serCon2 .inside_sev .title {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_serCon2 .inside_sev .subtitle {
  max-width: clamp(25rem, calc(((400 / 16) * 1rem) + (530 - 400) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 33.125rem);
  color: #808080;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  font-weight: 300;
}
@media (max-width:990px) {
  .inside_serCon2 .inside_sev .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
@media (max-width:990px) {
  .inside_serCon2 .inside_sev {
    padding-top: 0;
  }
}
.inside_serCon2 .cardBox {
  background: #fff;
  width: fit-content;
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  min-width: clamp(16.875rem, calc(((270 / 16) * 1rem) + (360 - 270) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 22.5rem);
  border-radius: clamp(8px, 0.83333333vw, 16px);
  position: relative;
  z-index: 3;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_serCon2 .cardBox {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_serCon2 .cardBox .fontBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 0 10px;
}
.inside_serCon2 .cardBox .fontBox .name {
  font-size: var(--font24);
  color: #1a1a1a;
}
.inside_serCon2 .cardBox .fontBox .iconBox {
  width: clamp(1.875rem, calc(((30 / 16) * 1rem) + (44 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.75rem);
  height: clamp(1.875rem, calc(((30 / 16) * 1rem) + (44 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.75rem);
  background: #CF000E;
  border-radius: 50%;
}
.inside_serCon2 .cardBox .listBox {
  margin-top: clamp(1.125rem, calc(((18 / 16) * 1rem) + (25 - 18) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5625rem);
}
.inside_serCon2 .cardBox .listBox .list {
  font-size: var(--font16);
  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;
  line-height: 1.875;
  padding-left: 13px;
  position: relative;
}
.inside_serCon2 .cardBox .listBox .list span {
  font-weight: 700;
}
.inside_serCon2 .cardBox .listBox .list::after {
  content: '';
  position: absolute;
  left: 0;
  width: 6px;
  height: 2px;
  background: #CF000E;
}
@media (max-width:990px) {
  .inside_serCon2 .cardBox {
    min-width: unset !important;
    width: 100% !important;
  }
}
.inside_serCon2 .mapBox {
  position: absolute;
  z-index: 1;
  right: 0;
  width: clamp(38.125rem, calc(((610 / 16) * 1rem) + (935 - 610) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 58.4375rem);
  right: clamp(0rem, calc(((0 / 16) * 1rem) + (130 - 0) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.125rem);
}
.inside_serCon2 .mapBox .images {
  width: 100%;
}
.inside_serCon2 .mapBox .lightBox {
  width: 0;
  height: 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;
  position: absolute;
  bottom: 11.5%;
  right: 34.5%;
}
.inside_serCon2 .mapBox .lightBox::after {
  content: '';
  position: absolute;
  width: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (50 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  height: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (50 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  background-image: radial-gradient(#ffffff00 0%, #ffffff00 50%, #CF000E 100%);
  border-radius: 50%;
  animation-name: scalebig;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-duration: 3s;
}
.inside_serCon2 .mapBox .lightBox::before {
  content: '';
  position: absolute;
  width: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (50 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  height: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (50 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  background-image: radial-gradient(#ffffff00 0%, #ffffff00 50%, #CF000E 100%);
  border-radius: 50%;
  animation-name: scalebig;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-duration: 4s;
}
.inside_serCon2 .mapBox .lightBox i {
  position: absolute;
  width: 0;
  height: 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;
}
.inside_serCon2 .mapBox .lightBox i::after {
  content: '';
  position: absolute;
  width: clamp(9.375rem, calc(((150 / 16) * 1rem) + (530 - 150) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 33.125rem);
  height: clamp(9.375rem, calc(((150 / 16) * 1rem) + (530 - 150) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 33.125rem);
  border: 1px dashed #CF000E;
  border-radius: 50%;
  opacity: 0.2;
  animation-name: rotatebg;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-duration: 3s;
}
.inside_serCon2 .mapBox .lightBox i::before {
  content: '';
  position: absolute;
  width: clamp(12.5rem, calc(((200 / 16) * 1rem) + (770 - 200) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 48.125rem);
  height: clamp(12.5rem, calc(((200 / 16) * 1rem) + (770 - 200) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 48.125rem);
  border: 1px dashed #CF000E;
  border-radius: 50%;
  opacity: 0.2;
  animation-name: rotatebg;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-duration: 4s;
}
@media (max-width:990px) {
  .inside_serCon2 .mapBox {
    width: 100% !important;
    min-width: unset !important;
    position: relative !important;
  }
}
@media (max-width:990px) {
  .inside_serCon2 {
    height: auto !important;
  }
}
.inside_serCon3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: clamp(3.125rem, calc(((50 / 16) * 1rem) + (60 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem) 0;
  position: relative;
}
.inside_serCon3 .imgboxBg {
  position: absolute;
  z-index: 1;
  width: 52.4479%;
  height: 100%;
  top: 0;
  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: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-right: 20px;
}
@media (max-width:990px) {
  .inside_serCon3 .imgboxBg {
    opacity: 0;
    display: none;
  }
}
.inside_serCon3 .w1440 {
  position: relative;
  z-index: 2;
}
.inside_serCon3 .centerBox {
  width: 100%;
  height: 100%;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_serCon3 .centerBox .leftBox {
  width: 46.5277%;
}
.inside_serCon3 .centerBox .leftBox .inside_sev {
  padding-top: clamp(10px, 1.04166667vw, 20px);
}
.inside_serCon3 .centerBox .leftBox .inside_sev .subtitle {
  max-width: clamp(25rem, calc(((400 / 16) * 1rem) + (530 - 400) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 33.125rem);
  color: #808080;
  font-weight: 300;
}
.inside_serCon3 .centerBox .leftBox .inside_sev .btu_box {
  width: 100%;
  height: auto;
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (60 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  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;
  gap: 20px;
}
.inside_serCon3 .centerBox .leftBox .inside_sev .idx_button {
  position: relative;
  width: fit-content;
  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;
}
.inside_serCon3 .centerBox .leftBox .inside_sev .idx_button .coreBox {
  position: absolute;
  z-index: 10;
  min-width: 110px;
  border: 1px solid #e5e5e5;
  top: calc(100% + 10px);
  border-radius: 4px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_serCon3 .centerBox .leftBox .inside_sev .idx_button .coreBox img {
  width: 100%;
}
.inside_serCon3 .centerBox .leftBox .inside_sev .idx_button:hover .coreBox {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.inside_serCon3 .centerBox .rightBox {
  width: 53.4723%;
  position: relative;
}
.inside_serCon3 .centerBox .rightBox .imgbox_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 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;
}
@media (max-width:990px) {
  .inside_serCon3 .centerBox .rightBox .imgbox_bg {
    opacity: 1;
  }
}
.inside_serCon3 .centerBox .rightBox .images {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}
@media (max-width:990px) {
  .inside_serCon3 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_serCon3 .centerBox .leftBox {
    width: 100%;
  }
  .inside_serCon3 .centerBox .leftBox .inside_sev .subtitle {
    max-width: unset !important;
  }
  .inside_serCon3 .centerBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
.inside_serCon4 {
  width: 100%;
  height: auto;
  padding: 0 20px;
  position: relative;
  z-index: 10;
}
.inside_serCon4 .content {
  background-image: url(../images/serve_7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (100 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  border-radius: clamp(10px, 1.04166667vw, 20px);
  padding-top: var(--header-height);
}
@media (max-width:480px) {
  .inside_serCon4 .content {
    padding: 20px 0 !important;
    padding-bottom: 40px !important;
  }
}
.inside_serCon4 .centerBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 40px;
}
@media (max-width:990px) {
  .inside_serCon4 .centerBox {
    margin-top: 20px;
  }
}
.inside_serCon4 .centerBox .leftBox {
  width: 46.527%;
  height: auto;
}
.inside_serCon4 .centerBox .leftBox .inside_sev {
  padding-top: clamp(10px, 1.04166667vw, 20px);
}
.inside_serCon4 .centerBox .leftBox .inside_sev .title {
  color: #fff;
}
.inside_serCon4 .centerBox .leftBox .inside_sev .subtitle {
  max-width: clamp(25rem, calc(((400 / 16) * 1rem) + (530 - 400) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 33.125rem);
  color: #ffffff81;
}
.inside_serCon4 .centerBox .leftBox .inside_sev .fontBox {
  margin-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (130 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.125rem);
}
.inside_serCon4 .centerBox .leftBox .inside_sev .fontBox .name {
  font-size: var(--font14);
  color: #ffffff81;
}
.inside_serCon4 .centerBox .leftBox .inside_sev .fontBox .number {
  font-weight: normal;
  font-size: var(--font30);
  color: #CF000E;
  margin-top: clamp(6px, 0.625vw, 12px);
}
@media (max-width:480px) {
  .inside_serCon4 .centerBox .leftBox .inside_sev .fontBox {
    margin-top: 20px !important;
  }
}
.inside_serCon4 .centerBox .rightBox {
  width: 50%;
}
.inside_serCon4 .centerBox .rightBox .layui-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 6px 0;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item {
  width: calc(50% - 15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0 10px;
  border-bottom: 1px solid #ffffff28;
  height: clamp(3.125rem, calc(((50 / 16) * 1rem) + (60 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_label {
  font-size: var(--font14);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_label span {
  color: #CF000E;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block {
  width: 100%;
  height: 100%;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-input,
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-textarea,
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-form-select {
  height: 100%;
  background: none !important;
  border: 0 !important;
  color: #fff;
  font-size: var(--font14);
  padding-left: 0 !important;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-form-select {
  font-size: var(--font14);
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-form-select dl {
  top: 100%;
  border-radius: clamp(8px, 0.83333333vw, 16px);
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-input:focus,
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-textarea:focus {
  box-shadow: unset !important;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-form-select dl dd {
  color: #1a1a1a;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-form-select dl dd.layui-this {
  color: #CF000E;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-form-select .layui-edge {
  border-top-color: #CF000E;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block input::-webkit-input-placeholder,
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block textarea::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block input:-moz-placeholder,
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block textarea:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block input::-moz-placeholder,
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block textarea::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block input:-ms-input-placeholder,
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block textarea:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item .layui_block .layui-select-title {
  height: 100%;
}
.inside_serCon4 .centerBox .rightBox .layui-form .layui_item.wi100 {
  width: 100% !important;
  height: auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.inside_serCon4 .centerBox .rightBox .buttonInfo {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
.inside_serCon4 .centerBox .rightBox .buttonInfo button {
  min-width: clamp(7.1875rem, calc(((115 / 16) * 1rem) + (134 - 115) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.375rem);
  width: fit-content;
  height: clamp(2.375rem, calc(((38 / 16) * 1rem) + (44 - 38) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.75rem);
  padding: 0 20px;
  color: #fff;
  border: 0;
  background: #CF000E;
  border-radius: clamp(6px, 0.625vw, 12px);
  font-size: var(--font14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.inside_serCon4 .centerBox .rightBox .buttonInfo button:hover {
  padding: 0 25px;
}
@media (max-width:990px) {
  .inside_serCon4 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_serCon4 .centerBox .leftBox {
    width: 100%;
  }
  .inside_serCon4 .centerBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
  .inside_serCon4 .centerBox .rightBox .layui-form .layui_item {
    width: 100% !important;
  }
}
.inside_serCon4.inside_contantCon2 {
  background: #f8f9fb;
  padding-bottom: 20px;
}
@media (max-width:990px) {
  .inside_serCon4 {
    padding-bottom: 20px;
  }
}
/* 内页 下载 */
.anchor_link {
  width: 100%;
  height: 0;
  position: relative;
  top: calc(-1 * var(--header-height));
}
.inside_downConBox {
  display: none;
}
.inside_downConBox.active {
  display: block !important;
}
.inside_downCon1 {
  width: 100%;
  height: auto;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (100 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (90 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
  position: relative;
  z-index: 2;
  background: #f8f9fb;
}
.inside_downCon1 .centerBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_downCon1 .centerBox .leftBox {
  width: 41.666%;
  height: auto;
}
.inside_downCon1 .centerBox .leftBox .titBox {
  width: 100%;
  height: auto;
}
.inside_downCon1 .centerBox .leftBox .titBox .title {
  font-size: var(--font36);
  color: #1a1a1a;
  line-height: 1.3;
}
.inside_downCon1 .centerBox .leftBox .titBox .title span {
  color: #CF000E;
}
.inside_downCon1 .centerBox .rightBox {
  width: 58.334%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 10px;
}
.inside_downCon1 .centerBox .rightBox .selectBox {
  min-width: clamp(11.25rem, calc(((180 / 16) * 1rem) + (250 - 180) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 15.625rem);
  width: fit-content;
  flex-shrink: 0;
  position: relative;
  z-index: 18;
}
.inside_downCon1 .centerBox .rightBox .selectBox .clickBox {
  width: 100%;
  height: 100%;
  padding: 0 clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: var(--font16);
  font-weight: 300;
  color: #1a1a1a;
  cursor: pointer;
  border: 1px solid #e6e7e9;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon1 .centerBox .rightBox .selectBox .clickBox img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon1 .centerBox .rightBox .selectBox .listBox {
  position: absolute;
  width: 100%;
  border: 1px solid #e6e7e9;
  border-bottom-left-radius: clamp(0.5rem, calc(((8 / 16) * 1rem) + (16 - 8) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1rem);
  border-bottom-right-radius: clamp(0.5rem, calc(((8 / 16) * 1rem) + (16 - 8) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1rem);
  padding: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (25 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5625rem) clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  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;
  grid-gap: clamp(8px, 0.83333333vw, 16px) clamp(0px, 0vw, 0px);
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  background: #fff;
}
.inside_downCon1 .centerBox .rightBox .selectBox .listBox li {
  width: 100%;
  height: auto;
}
.inside_downCon1 .centerBox .rightBox .selectBox .listBox li a {
  color: #808080;
  line-height: 1.5;
  font-size: var(--font14);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  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;
  width: 100%;
}
.inside_downCon1 .centerBox .rightBox .selectBox .listBox li:hover a,
.inside_downCon1 .centerBox .rightBox .selectBox .listBox li.active a {
  color: #CF000E;
}
.inside_downCon1 .centerBox .rightBox .selectBox.active .clickBox {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #00000000;
  background: #fff;
}
.inside_downCon1 .centerBox .rightBox .selectBox.active .clickBox img {
  transform: rotate(180deg);
}
.inside_downCon1 .centerBox .rightBox .selectBox.active .listBox {
  opacity: 1 !important;
  transform: translateY(0px);
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon1 .centerBox .rightBox .itemBox {
  width: 100%;
  padding: 10px;
  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;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  border: 1px solid #e6e7e9;
}
.inside_downCon1 .centerBox .rightBox .itemBox .item {
  flex: 1;
  position: relative;
  border-radius: clamp(6px, 0.625vw, 12px);
  overflow: hidden;
}
.inside_downCon1 .centerBox .rightBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: #CF000E;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon1 .centerBox .rightBox .itemBox .item a {
  width: 100%;
  height: clamp(2.1875rem, calc(((35 / 16) * 1rem) + (50 - 35) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  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(--font16);
  color: #1a1a1a;
  font-weight: 300;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon1 .centerBox .rightBox .itemBox .item a:hover {
  color: #CF000E;
}
.inside_downCon1 .centerBox .rightBox .itemBox .item.active::after {
  width: 100%;
  left: 0;
}
.inside_downCon1 .centerBox .rightBox .itemBox .item.active a {
  color: #fff !important;
}
@media (max-width:990px) {
  .inside_downCon1 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_downCon1 .centerBox .leftBox {
    width: 100%;
  }
  .inside_downCon1 .centerBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width:640px) {
  .inside_downCon1 .centerBox .rightBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_downCon1 .centerBox .rightBox .selectBox {
    width: 100% !important;
    height: 50px;
  }
  .inside_downCon1 .centerBox .rightBox .itemBox {
    margin-top: 20px;
    padding: 10px 0 ;
  }
}
@media (max-width:480px) {
  .inside_downCon1 .centerBox .rightBox .itemBox {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border: 0;
    grid-gap: 10px 0;
  }
  .inside_downCon1 .centerBox .rightBox .itemBox .item {
    flex: unset !important;
    padding: 0 20px;
    width: calc(50% - 5px);
    border: 1px solid #e6e7e9;
  }
}
@media (max-width:990px) {
  .inside_downCon1 {
    padding-bottom: 0;
  }
}
.inside_downCon1 .search_input {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 40px;
}
.inside_downCon1 .search_input .input_box {
  width: 100%;
  max-width: 360px;
  height: clamp(2.8125rem, calc(((45 / 16) * 1rem) + (55 - 45) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.4375rem);
  padding: 0 20px;
  border: 1px solid #e6e7e9;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_downCon1 .search_input .input_box input {
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  color: #888888;
  font-size: var(--font14);
}
.inside_downCon1 .search_input .input_box input::-webkit-input-placeholder,
.inside_downCon1 .search_input .input_box textarea::-webkit-input-placeholder {
  color: #888888;
  opacity: 1;
}
.inside_downCon1 .search_input .input_box input:-moz-placeholder,
.inside_downCon1 .search_input .input_box textarea:-moz-placeholder {
  color: #888888;
  opacity: 1;
}
.inside_downCon1 .search_input .input_box input::-moz-placeholder,
.inside_downCon1 .search_input .input_box textarea::-moz-placeholder {
  color: #888888;
  opacity: 1;
}
.inside_downCon1 .search_input .input_box input:-ms-input-placeholder,
.inside_downCon1 .search_input .input_box textarea:-ms-input-placeholder {
  color: #888888;
  opacity: 1;
}
.inside_downCon1 .search_input .input_box button {
  background: none;
  border: 0;
  cursor: pointer;
}
@media (max-width:990px) {
  .inside_downCon1 .search_input .input_box {
    max-width: 100%;
  }
}
.inside_downCon2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (100 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  position: relative;
  z-index: 1;
  background: #f8f9fb;
  padding: 20px;
}
.inside_downCon2 .centerInfo {
  background: #fff;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (90 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (90 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
}
@media (max-width:640px) {
  .inside_downCon2 .centerInfo {
    padding-top: 0px;
    padding-bottom: 0;
  }
  .inside_downCon2 .centerInfo .w1440 {
    padding: 20px 15px;
  }
}
.inside_downCon2 .centerBox .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(30px, 3.125vw, 60px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .inside_downCon2 .centerBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:640px) {
  .inside_downCon2 .centerBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px 10px;
  }
}
.inside_downCon2 .centerBox .itemBox .item {
  width: 100%;
  height: auto;
  border: 1px solid #e6e7e9;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: clamp(15px, 1.5625vw, 30px);
  padding-bottom: clamp(15px, 1.5625vw, 30px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
  padding-right: clamp(12.5px, 1.30208333vw, 25px);
  grid-gap: clamp(0px, 0vw, 0px) clamp(12px, 1.25vw, 24px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.inside_downCon2 .centerBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #cf000e 0%, #cf000e 100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon2 .centerBox .itemBox .item .leftBox {
  width: clamp(1.75rem, calc(((28 / 16) * 1rem) + (40 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.inside_downCon2 .centerBox .itemBox .item .leftBox img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon2 .centerBox .itemBox .item .rightBox {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.inside_downCon2 .centerBox .itemBox .item .rightBox .title {
  font-size: var(--font20);
  color: #1a1a1a;
  line-height: 1.3;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "sa_me", "sy_me";
}
.inside_downCon2 .centerBox .itemBox .item .rightBox .downBox {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.inside_downCon2 .centerBox .itemBox .item .rightBox .downBox a {
  min-width: clamp(5rem, calc(((80 / 16) * 1rem) + (100 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  width: fit-content;
  height: clamp(1.875rem, calc(((30 / 16) * 1rem) + (36 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.25rem);
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: clamp(4px, 0.41666667vw, 8px);
  font-size: var(--font14);
  color: #1a1a1a;
  background: #f2f3f5;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon2 .centerBox .itemBox .item:hover {
  border: 1px solid #CF000E;
}
.inside_downCon2 .centerBox .itemBox .item:hover::after {
  opacity: 1;
}
.inside_downCon2 .centerBox .itemBox .item:hover .leftBox img {
  filter: brightness(0) invert(1);
}
.inside_downCon2 .centerBox .itemBox .item:hover .rightBox .title {
  color: #fff;
}
.inside_downCon2 .centerBox .itemBox .item:hover .rightBox .downBox a {
  background: #ff8d39;
  color: #fff;
}
@media (max-width:480px) {
  .inside_downCon2 .centerBox .itemBox .item {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
  .inside_downCon2 .centerBox .itemBox .item .leftBox {
    width: auto;
    position: absolute;
    width: 20px;
    top: 18px;
  }
  .inside_downCon2 .centerBox .itemBox .item .rightBox {
    width: 100%;
  }
  .inside_downCon2 .centerBox .itemBox .item .rightBox .title {
    padding-left: 40px;
    font-size: 12px;
  }
  .inside_downCon2 .centerBox .itemBox .item .rightBox .downBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 30px;
  }
}
.inside_downCon3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: clamp(5rem, calc(((80 / 16) * 1rem) + (100 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  position: relative;
  z-index: 1;
  background: #f8f9fb;
  padding: 20px;
}
.inside_downCon3 .centerInfo {
  background: #fff;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (90 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (90 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
}
@media (max-width:640px) {
  .inside_downCon3 .centerInfo {
    padding-top: 20px;
  }
}
.inside_downCon3 .centerBox .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(30px, 3.125vw, 60px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .inside_downCon3 .centerBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .inside_downCon3 .centerBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.inside_downCon3 .centerBox .itemBox .item {
  width: 100%;
  height: auto;
  border: 1px solid #e6e7e9;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon3 .centerBox .itemBox .item .pb {
  padding-bottom: 56%;
}
.inside_downCon3 .centerBox .itemBox .item .pb .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;
  overflow: hidden;
}
.inside_downCon3 .centerBox .itemBox .item .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_downCon3 .centerBox .itemBox .item .pb .ab::after {
  content: '';
  position: absolute;
  bottom: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  left: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  width: clamp(1.125rem, calc(((18 / 16) * 1rem) + (28 - 18) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.75rem);
  height: clamp(0.6875rem, calc(((11 / 16) * 1rem) + (18 - 11) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.125rem);
  background: url(../images/icon_14.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.inside_downCon3 .centerBox .itemBox .item .fontBox {
  width: 100%;
  height: clamp(5rem, calc(((80 / 16) * 1rem) + (100 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  padding: 20px clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  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(--font20);
  color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "sa_me", "sy_me";
}
.inside_downCon3 .centerBox .itemBox .item:hover {
  background: #CF000E;
}
.inside_downCon3 .centerBox .itemBox .item:hover .pb .ab img {
  transform: scale(1.03);
}
.inside_downCon3 .centerBox .itemBox .item:hover .fontBox {
  color: #fff;
}
/* 内页 关于我们 */
.abtitBox .title {
  font-size: var(--font18);
  color: #CF000E;
  font-weight: 400;
}
.abtitBox .subtitle {
  font-size: var(--font30);
  color: #1a1a1a;
  line-height: 1.266;
}
.abtitBox .lelvtitle {
  font-size: var(--font16);
  color: #1a1a1a73;
  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;
  grid-gap: 20px 0;
  line-height: 1.5;
}
.abtitBox .lelvtitle .one {
  font-size: var(--font16);
  color: #1a1a1a;
  line-height: 1.5;
  font-weight: 300;
}
@media (max-width:990px) {
  .abtitBox .subtitle {
    line-height: 1.5;
    font-size: var(--font30);
  }
  .abtitBox .lelvtitle {
    grid-gap: 10px 0;
    margin-top: 30px !important;
  }
  .abtitBox .lelvtitle .one {
    line-height: 1.875;
    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;
    grid-gap: 10px 0;
  }
}
@media (max-width:480px) {
  .abtitBox .subtitle {
    font-size: 18px;
  }
  .abtitBox .lelvtitle .one {
    font-size: 13px;
  }
}
.inside_aboutCon1 {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inside_aboutCon1 .centerBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: 40px;
}
.inside_aboutCon1 .centerBox .leftBox {
  width: 25%;
  padding-right: 20px;
}
.inside_aboutCon1 .centerBox .rightBox {
  width: 75%;
}
.inside_aboutCon1 .centerBox .rightBox .abtitBox {
  max-width: 970px;
}
.inside_aboutCon1 .centerBox .rightBox .abtitBox .lelvtitle {
  margin-top: clamp(1.5625rem, calc(((25 / 16) * 1rem) + (60 - 25) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
@media (max-width:990px) {
  .inside_aboutCon1 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_aboutCon1 .centerBox .leftBox {
    width: 100%;
  }
  .inside_aboutCon1 .centerBox .rightBox {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width:768px) {
  .inside_aboutCon1 .centerBox {
    padding-top: 60px;
  }
}
.inside_aboutCon1 .images_bg {
  width: 100%;
  height: auto;
  padding: 0 20px;
  padding-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (90 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
}
.inside_aboutCon1 .images_bg .seatBox {
  width: 100%;
  min-height: clamp(20rem, calc(((320 / 16) * 1rem) + (660 - 320) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 41.25rem);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  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;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.inside_aboutCon1 .images_bg .seatBox .iconBox {
  width: clamp(2.5rem, calc(((40 / 16) * 1rem) + (66 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.125rem);
  height: clamp(2.5rem, calc(((40 / 16) * 1rem) + (66 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.125rem);
  position: absolute;
}
.inside_aboutCon1 .images_bg .seatBox .videoInfo video {
  display: block;
}
.inside_aboutCon1.active {
  padding-top: var(--header-height);
}
.inside_aboutCon1.active .centerBox .leftBox .abtitBox .title {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon1.active .centerBox .leftBox .abtitBox .title {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon1.active .centerBox .rightBox .abtitBox .subtitle {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon1.active .centerBox .rightBox .abtitBox .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon1.active .centerBox .rightBox .abtitBox .lelvtitle {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon1.active .centerBox .rightBox .abtitBox .lelvtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: var(--header-height);
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (80 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
}
.inside_aboutCon2 .centerBox {
  width: 100%;
  height: auto;
  margin-top: 40px;
}
.inside_aboutCon2 .centerBox .abtitBox {
  width: 100%;
  height: auto;
}
.inside_aboutCon2 .centerBox .abtitBox .title {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon2 .centerBox .abtitBox .title {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon2 .centerBox .abtitBox .subtitle {
  margin-top: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (25 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5625rem);
  font-size: var(--font36);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon2 .centerBox .abtitBox .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon2 .centerBox .contBox {
  width: 100%;
  height: auto;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (100 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon2 .centerBox .contBox {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon2 .centerBox .contBox .itemBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_aboutCon2 .centerBox .contBox .itemBox .item {
  flex: 1;
  cursor: pointer;
}
.inside_aboutCon2 .centerBox .contBox .itemBox .item .pb {
  padding-bottom: 55.9%;
  z-index: 1;
}
.inside_aboutCon2 .centerBox .contBox .itemBox .item .pb .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;
}
.inside_aboutCon2 .centerBox .contBox .itemBox .item .pb .ab img {
  width: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_aboutCon2 .centerBox .contBox .itemBox .item .number {
  border-top: 1px solid #ececec;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
  padding-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  margin-top: -30px;
}
.inside_aboutCon2 .centerBox .contBox .itemBox .item .number::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 0%;
  height: 1px;
  background: #CF000E;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.inside_aboutCon2 .centerBox .contBox .itemBox .item .number .numBobx {
  font-size: clamp(2.125rem, calc(((34 / 16) * 1rem) + (50 - 34) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  color: #CF000E;
  font-weight: normal;
  line-height: 1;
}
.inside_aboutCon2 .centerBox .contBox .itemBox .item .number .name {
  font-size: var(--font18);
  color: #1a1a1ae3;
  line-height: 1;
  margin-top: clamp(1rem, calc(((16 / 16) * 1rem) + (16 - 16) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1rem);
}
@media (max-width:768px) {
  .inside_aboutCon2 .centerBox .contBox .itemBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 20px;
  }
  .inside_aboutCon2 .centerBox .contBox .itemBox .item {
    width: 100%;
    flex: unset !important;
  }
  .inside_aboutCon2 .centerBox .contBox .itemBox .item .pb {
    opacity: 1;
    display: none;
  }
  .inside_aboutCon2 .centerBox .contBox .itemBox .item .number {
    margin-top: 0;
    padding-top: 30px;
  }
  .inside_aboutCon2 .centerBox .contBox .itemBox .item .number .name {
    margin-top: 10px;
  }
  .inside_aboutCon2 .centerBox .contBox .itemBox .item .number .numBobx {
    font-size: 26px;
  }
  .inside_aboutCon2 .centerBox .contBox .itemBox .item.active .number::after {
    width: 0% !important;
  }
}
@media (max-width:990px) {
  .inside_aboutCon2 .centerBox {
    margin-top: 0;
    padding-top: 30px;
  }
  .inside_aboutCon2 .centerBox .abtitBox .subtitle {
    margin-top: 10px;
  }
  .inside_aboutCon2 .centerBox .contBox {
    margin-top: 30px;
  }
}
.inside_aboutCon3 {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #182535;
  padding-top: var(--header-height);
}
.inside_aboutCon3 .centerBox {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: clamp(2.5rem, calc(((40 / 16) * 1rem) + (70 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem) 0;
}
.inside_aboutCon3 .centerBox .abtitBox .subtitle {
  font-size: var(--font40);
  text-align: center;
  color: #fff;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  font-weight: 300;
}
@media (max-width:990px) {
  .inside_aboutCon3 .centerBox .abtitBox .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon3 .centerBox .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex: 1;
}
.inside_aboutCon3 .centerBox .itemBox .item {
  flex: 1;
  border-right: 1px solid #ffffff0a;
  position: relative;
  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;
  opacity: 0.05;
  transition: all 0.3s linear;
}
.inside_aboutCon3 .centerBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  background: #ffffff0a;
  transform: translateY(-100%);
}
.inside_aboutCon3 .centerBox .itemBox .item .title {
  font-size: var(--font16);
  color: #CF000E;
  text-align: center;
}
.inside_aboutCon3 .centerBox .itemBox .item .subtitle {
  font-size: var(--font24);
  color: #fff;
  margin-top: 14px;
  text-align: center;
  font-weight: 300;
}
.inside_aboutCon3 .centerBox .itemBox .item .pb .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;
}
.inside_aboutCon3 .centerBox .itemBox .item .pb .ab img {
  width: 100%;
}
@media (max-width:990px) {
  .inside_aboutCon3 .centerBox .itemBox .item {
    opacity: 1 !important;
  }
}
@media (max-width:768px) {
  .inside_aboutCon3 .centerBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
  .inside_aboutCon3 .centerBox .itemBox .subtitle {
    line-height: 1.5;
    height: calc(2em * 1.5);
  }
}
@media (max-width:480px) {
  .inside_aboutCon3 .centerBox .itemBox {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 15px;
  }
  .inside_aboutCon3 .centerBox .itemBox .item .subtitle {
    margin-top: 4px;
    font-size: 12px;
    height: calc(2em * 1.4);
    line-height: 1.4;
  }
  .inside_aboutCon3 .centerBox .itemBox .item {
    border: 0 !important;
  }
  .inside_aboutCon3 .centerBox .itemBox .item::after {
    display: none;
  }
}
@media (max-width:990px) {
  .inside_aboutCon3 {
    height: auto !important;
  }
}
.inside_aboutCon4 {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-image: url(../images/about_9.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: var(--header-height);
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (187 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 11.6875rem);
}
.inside_aboutCon4 .centerBox {
  width: 100%;
  height: auto;
  margin-top: 40px;
}
.inside_aboutCon4 .centerBox .abtitBox .title {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon4 .centerBox .abtitBox .title {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon4 .centerBox .abtitBox .subtitle {
  margin-top: clamp(10px, 1.04166667vw, 20px);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  font-size: var(--font36);
}
@media (max-width:990px) {
  .inside_aboutCon4 .centerBox .abtitBox .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon4 .centerBox .swiperInfo {
  width: 100%;
  height: auto;
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (180 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 11.25rem);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  display: block !important;
}
@media (max-width:990px) {
  .inside_aboutCon4 .centerBox .swiperInfo {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox::after {
  content: '';
  position: absolute;
  bottom: 10px;
  right: 100%;
  width: 100%;
  height: 1px;
  background: #00000010;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox::before {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 100%;
  width: 100%;
  height: 1px;
  background: #00000010;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .swiper_time {
  width: calc(100% - clamp(4.375rem, calc(((70 / 16) * 1rem) + (100 - 70) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem));
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 5px;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .swiper_time ul li {
  width: 0;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .swiper_time ul li .centerInfo {
  font-weight: 500;
  font-size: var(--font16);
  color: #1a1a1a8c;
  line-height: 1;
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  position: relative;
  cursor: pointer;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .swiper_time ul li .centerInfo::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border: 2px solid #1a1a1a3d;
  border-radius: 50%;
  transform: translateY(50%);
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .swiper_time ul li .centerInfo::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 12px);
  height: 1px;
  background: #00000010;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .swiper_time ul li.active .centerInfo {
  color: #CF000E;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .swiper_time ul li.active .centerInfo::after {
  border: 2px solid #CF000E;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .pageerBox {
  width: clamp(4.375rem, calc(((70 / 16) * 1rem) + (100 - 70) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  height: clamp(2.5rem, calc(((40 / 16) * 1rem) + (50 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  flex-shrink: 0;
  border: 1px solid #00000025;
  border-radius: 100px;
  position: absolute;
  z-index: 2;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  bottom: 0;
  transform: translateY(calc(50% - 10px));
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .pageerBox .swiper_but {
  width: 50%;
  height: 100%;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .pageerBox .swiper_but img {
  filter: brightness(0) invert(0);
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .pageerBox .swiper_but:hover {
  background: #CF000E !important;
}
.inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox .pageerBox .swiper_but:hover img {
  filter: brightness(0) invert(1);
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (50 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  overflow: hidden;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .leftBox {
  width: 62.153%;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .leftBox .titc4Box .title {
  font-size: clamp(3.625rem, calc(((58 / 16) * 1rem) + (130 - 58) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.125rem);
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .leftBox .titc4Box .title .number {
  color: #1a1a1a21;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .leftBox .titc4Box .title .berBox {
  color: #CF000E;
}
@media (max-width:480px) {
  .inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .leftBox .titc4Box .title {
    font-size: 44px !important;
  }
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .leftBox .titc4Box .subtitle {
  font-size: var(--font20);
  color: #1a1a1a;
  font-weight: 500;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox {
  width: 37.847%;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox .itemBox {
  width: 100%;
  height: clamp(15rem, calc(((240 / 16) * 1rem) + (300 - 240) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 18.75rem);
  overflow: auto;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox .itemBox .item {
  width: 100%;
  height: clamp(3.125rem, calc(((50 / 16) * 1rem) + (75 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.6875rem);
  font-size: var(--font16);
  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;
  border-bottom: 1px solid #00000025;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox .itemBox .item .timeBox {
  font-size: var(--font16);
  color: #000000;
  max-width: clamp(3.125rem, calc(((50 / 16) * 1rem) + (70 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
  width: 100%;
  line-height: 1.45;
  font-weight: 500;
  line-height: 1;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox .itemBox .item .fontBox {
  font-size: var(--font16);
  color: #000000;
  line-height: 1.45;
  font-weight: 400;
}
@media (max-width:990px) {
  .inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox .itemBox {
    height: auto !important;
  }
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box .idxPageHide {
  margin-top: 10px;
}
.inside_aboutCon4 .centerBox .swiperInfo .swiper_Box .idxPageHide span {
  margin: 0 !important;
}
@media (max-width:768px) {
  .inside_aboutCon4 .centerBox .swiperInfo .timeSwiperBox {
    display: none;
  }
  .inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .leftBox {
    width: 100%;
  }
  .inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox {
    width: 100%;
    margin-top: 30px;
  }
}
.inside_aboutCon4 .centerBox .developBxo {
  width: 100%;
  height: auto;
  overflow: auto;
  padding-top: 40px;
  padding-left: 4px;
  display: none !important;
}
.inside_aboutCon4 .centerBox .developBxo .item {
  width: 100%;
  height: auto;
  font-size: var(--font16);
  padding: 20px 0;
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  position: relative;
}
.inside_aboutCon4 .centerBox .developBxo .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #CF000E;
  z-index: 1;
  opacity: 0.5;
}
.inside_aboutCon4 .centerBox .developBxo .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  background: #CF000E;
  transform: translateX(-45%);
  z-index: 2;
  border-radius: 50%;
}
.inside_aboutCon4 .centerBox .developBxo .item .timeBox {
  font-size: var(--font16);
  color: #1a1a1a;
  max-width: clamp(3.75rem, calc(((60 / 16) * 1rem) + (70 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
  width: 100%;
}
.inside_aboutCon4 .centerBox .developBxo .item .fontBox {
  font-size: var(--font16);
  color: #1a1a1a;
  line-height: 1.85;
}
@media (max-width:990px) {
  .inside_aboutCon4 {
    height: auto !important;
  }
  .inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox .itemBox {
    padding-left: 4px;
    overflow: hidden;
  }
  .inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox .itemBox .item {
    height: auto;
    padding: 0 0 20px 0;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    position: relative;
    padding-left: 10px;
    border: 0;
  }
  .inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox .itemBox .item::after {
    content: '';
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 1px;
    height: 100%;
    background: #CF000E;
    z-index: 1;
    opacity: 0.5;
  }
  .inside_aboutCon4 .centerBox .swiperInfo .swiper_Box ul li .centerInfo .rightBox .itemBox .item::before {
    content: '';
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 7px;
    height: 7px;
    background: #CF000E;
    transform: translateX(-45%);
    z-index: 2;
    border-radius: 50%;
  }
}
.inside_aboutCon5 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (140 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (120 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
  background-image: url(../images/about_7.jpg);
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
}
.inside_aboutCon5 .centerBox {
  width: 100%;
  height: auto;
}
.inside_aboutCon5 .centerBox .abtitleBox {
  width: 100%;
  height: auto;
  max-width: 620px;
}
.inside_aboutCon5 .centerBox .abtitleBox .title {
  font-size: var(--font40);
  color: #1a1a1a;
  line-height: 1;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon5 .centerBox .abtitleBox .title {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon5 .centerBox .abtitleBox .number {
  font-size: clamp(5rem, calc(((80 / 16) * 1rem) + (200 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 12.5rem);
  font-weight: 500;
  color: #1a1a1a;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.inside_aboutCon5 .centerBox .abtitleBox .number span {
  font-size: clamp(2.5rem, calc(((40 / 16) * 1rem) + (100 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  color: #CF000E;
}
@media (max-width:990px) {
  .inside_aboutCon5 .centerBox .abtitleBox .number {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
@media (max-width:990px) {
  .inside_aboutCon5 .centerBox .abtitleBox .number {
    margin: 30px 0;
    font-size: 48px;
  }
}
.inside_aboutCon5 .centerBox .swiperInfo {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (90 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
  position: relative;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon5 .centerBox .swiperInfo {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon5 .centerBox .swiperInfo .swiper_box {
  width: 100%;
  height: auto;
}
.inside_aboutCon5 .centerBox .swiperInfo .swiper_box ul {
  transition-timing-function: linear !important;
}
.inside_aboutCon5 .centerBox .swiperInfo .swiper_box ul li {
  width: 100%;
}
.inside_aboutCon5 .centerBox .swiperInfo .swiper_box ul li .centerInfo {
  width: 100%;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  overflow: hidden;
  cursor: pointer;
  background: #f8f9fb;
}
.inside_aboutCon5 .centerBox .swiperInfo .swiper_box ul li .centerInfo .pb {
  padding-bottom: 45.599999%;
}
.inside_aboutCon5 .centerBox .swiperInfo .swiper_box ul li .centerInfo .pb .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;
}
.inside_aboutCon5 .centerBox .swiperInfo .swiper_box ul li .centerInfo .pb .ab img {
  mix-blend-mode: multiply;
  max-width: 80%;
  max-height: 80%;
}
@media (max-width:990px) {
  .inside_aboutCon5 {
    background-image: none;
  }
}
.inside_aboutCon6 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px;
  padding-top: 0;
}
.inside_aboutCon6 .aboutCon6 {
  background: #e8e9eb;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  padding-top: var(--header-height);
}
.inside_aboutCon6 .aboutCon6 .centerBox {
  width: 100%;
  height: 100vh;
  position: relative;
}
.inside_aboutCon6 .aboutCon6 .centerBox .fontInfo {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  padding-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (40 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  padding-bottom: clamp(6.25rem, calc(((100 / 16) * 1rem) + (100 - 100) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  pointer-events: none;
}
.inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .abtitBox {
  width: 100%;
  height: 100%;
}
.inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .abtitBox .title {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .abtitBox .title {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .abtitBox .subtitle {
  margin-top: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (25 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5625rem);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  font-size: var(--font36);
  font-weight: 500;
}
@media (max-width:990px) {
  .inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .abtitBox .subtitle {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .numberBox {
  width: 100%;
  height: auto;
  max-width: 300px;
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .numberBox {
    transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
.inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .numberBox .number {
  font-size: clamp(2.5rem, calc(((40 / 16) * 1rem) + (160 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 10rem);
  color: #CF000E;
  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;
  line-height: 1;
  font-weight: normal;
}
.inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .numberBox .textBox {
  font-size: var(--font18);
  color: #808080;
  line-height: 1.4444;
  font-weight: 300;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .imagesBox {
  width: 100%;
  height: 100%;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .imagesBox img {
  width: 100%;
  object-fit: cover;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  display: none;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item {
  width: 0;
  height: 0;
  position: absolute;
  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;
  --wh: 24px;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #CF000E;
  z-index: 2;
}
@media (max-width:480px) {
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item::after {
    width: 2px;
    height: 2px;
  }
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item::before {
  content: '';
  position: absolute;
  width: var(--wh);
  height: var(--wh);
  border-radius: 50%;
  background: #CF000E;
  opacity: 0.2;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item.w80 {
  --wh: 80px;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item.w40 {
  --wh: 40px;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item.w30 {
  --wh: 30px;
}
@media (max-width:480px) {
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item {
    --wh: 15px;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item.w80 {
    --wh: 15px;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item.w40 {
    --wh: 15px;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item.w30 {
    --wh: 15px;
  }
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox {
  width: fit-content;
  position: absolute;
  left: calc((var(--wh) / 2) + 10px);
  height: auto;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .name {
  width: auto;
  height: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  background: #fff;
  border-radius: 50px;
  white-space: nowrap;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  border: 1px solid #CF000E;
  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(--font14);
  color: #CF000E;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .imagesBox {
  width: clamp(9rem, calc(((144 / 16) * 1rem) + (288 - 144) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 18rem);
  height: clamp(3.5625rem, calc(((57 / 16) * 1rem) + (114 - 57) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.125rem);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .imagesBox.pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .listBox {
  position: absolute;
  z-index: 99;
  white-space: nowrap;
  height: clamp(2.3125rem, calc(((37 / 16) * 1rem) + (40 - 37) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  background: #fff;
  top: calc(100% + 17px);
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  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: clamp(4px, 0.41666667vw, 8px);
  border: 1px solid #CF000E;
  font-size: var(--font14);
  color: #808080;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 10px;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .listBox .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 10px;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .listBox::after {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #CF000E;
  transform: rotate(45deg) translateY(-55%);
  z-index: 1;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .listBox::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 10px;
  background: #fff;
  top: 0;
  left: 20px;
  z-index: 3;
}
@media (max-width:990px) {
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox {
    display: none;
  }
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item:hover::after {
  background: #fff;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item:hover::before {
  opacity: 1;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item:hover .fontBox .name {
  background: #CF000E;
  color: #fff;
}
.inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item:hover .fontBox .listBox {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
@media (max-width:768px) {
  .inside_aboutCon6 .aboutCon6 .centerBox .fontInfo {
    position: relative;
    padding-bottom: 0;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .numberBox {
    margin-top: 20px;
    max-width: unset !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    grid-gap: 0 20px;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .fontInfo .numberBox .number {
    font-size: 40px;
    color: #1a1a1a;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox {
    left: unset !important;
    top: 10px;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .name {
    transform: scale(0.8);
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .imagesBox {
    width: 100px;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .images_bg .itemBox .item .fontBox .imagesBox img {
    width: 100%;
    object-fit: cover;
  }
}
@media (max-width:990px) {
  .inside_aboutCon6 .aboutCon6 {
    padding-bottom: 50px;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox {
    height: auto !important;
  }
  .inside_aboutCon6 .aboutCon6 .centerBox .fontInfo {
    padding-bottom: 40px !important;
  }
}
.inside_aboutCon6 .itemInfo {
  width: 100%;
  height: auto;
  padding: 0 20px;
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
.inside_aboutCon6 .itemInfo .item {
  width: 100%;
  height: auto;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.inside_aboutCon6 .itemInfo .item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inside_aboutCon6 .itemInfo .item a .centerAbout {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: clamp(20px, 2.08333333vw, 40px);
  padding-left: clamp(15px, 1.5625vw, 30px);
  padding-right: clamp(15px, 1.5625vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_aboutCon6 .itemInfo .item a .centerAbout .titBox {
  width: 100%;
}
.inside_aboutCon6 .itemInfo .item a .centerAbout .titBox .title {
  font-size: var(--font18);
  color: #1a1a1a;
  line-height: 1;
}
.inside_aboutCon6 .itemInfo .item a .centerAbout .titBox .subtitle {
  font-size: var(--font30);
  color: #1a1a1a;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
.inside_aboutCon6 .itemInfo .item a .centerAbout .titBox .subtitle span {
  color: #CF000E;
}
.inside_aboutCon6 .itemInfo .item a .centerAbout .images_bg {
  width: clamp(4.375rem, calc(((70 / 16) * 1rem) + (219 - 70) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 13.6875rem);
}
.inside_aboutCon6 .itemInfo .item .imagesBox {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.inside_aboutCon6 .itemInfo .item.itBgW {
  background: #f2f1ed;
}
.inside_aboutCon6 .itemInfo .item.itBgY {
  background: #cf000e;
}
.inside_aboutCon6 .itemInfo .item.itBgY .centerAbout .subtitle span {
  color: #fff !important;
}
.inside_aboutCon6 .itemInfo .item:hover .imagesBox {
  transform: translateX(10px);
}
@media (max-width:768px) {
  .inside_aboutCon6 .itemInfo {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 50px;
  }
  .inside_aboutCon6 .itemInfo .centerAbout .title {
    display: none;
  }
  .inside_aboutCon6 .itemInfo .centerAbout .subtitle {
    font-size: 16px !important;
    margin-top: 0 !important;
  }
  .inside_aboutCon6 .itemInfo .centerAbout .subtitle span {
    display: block;
    margin-top: 5px;
  }
}
.inside_aboutCon7 {
  width: 100%;
  height: auto;
  display: none;
}
@media (max-width:990px) {
  .inside_aboutCon7 {
    display: block !important;
  }
}
.inside_aboutCon7 .aboutCon7Box {
  width: 100%;
  height: auto;
  border-radius: clamp(8px, 0.83333333vw, 16px);
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px 0;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item {
  width: 100%;
  height: auto;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item a .centerAbout {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: clamp(20px, 2.08333333vw, 40px);
  padding-left: clamp(15px, 1.5625vw, 30px);
  padding-right: clamp(15px, 1.5625vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item a .centerAbout .titBox {
  width: 100%;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item a .centerAbout .titBox .title {
  font-size: var(--font18);
  color: #1a1a1a;
  line-height: 1;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item a .centerAbout .titBox .subtitle {
  font-size: var(--font30);
  color: #1a1a1a;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item a .centerAbout .titBox .subtitle span {
  color: #CF000E;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item a .centerAbout .images_bg {
  width: clamp(4.375rem, calc(((70 / 16) * 1rem) + (219 - 70) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 13.6875rem);
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item .imagesBox {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item.itBgW {
  background: #f2f1ed;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item.itBgY {
  background: #ff7a01;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item.itBgY .centerAbout .subtitle span {
  color: #fff !important;
}
.inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .item:hover .imagesBox {
  transform: translateX(10px);
}
@media (max-width:768px) {
  .inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 0px;
  }
  .inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .centerAbout .title {
    display: none;
  }
  .inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .centerAbout .subtitle {
    font-size: 16px !important;
    margin-top: 0 !important;
  }
  .inside_aboutCon7 .aboutCon7Box .centerBox .itemInfo .centerAbout .subtitle span {
    display: block;
    margin-top: 5px;
  }
}
/* 内页 荣誉资质 */
.inside_honorCon1 {
  width: 100%;
  height: auto;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (100 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (60 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  position: relative;
  z-index: 2;
  background: #f8f9fb;
}
.inside_honorCon1 .centerBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_honorCon1 .centerBox .leftBox {
  width: 41.666%;
  height: auto;
}
.inside_honorCon1 .centerBox .leftBox .titBox {
  width: 100%;
  height: auto;
}
.inside_honorCon1 .centerBox .leftBox .titBox .title {
  font-size: var(--font36);
  color: #1a1a1a;
  line-height: 1.3;
}
.inside_honorCon1 .centerBox .leftBox .titBox .title span {
  color: #CF000E;
}
.inside_honorCon1 .centerBox .rightBox {
  width: 58.334%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  grid-gap: 0 10px;
}
.inside_honorCon1 .centerBox .rightBox .itemBox {
  width: fit-content;
  padding: 10px;
  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;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  border: 1px solid #e6e7e9;
  overflow: hidden;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item {
  min-width: clamp(6.25rem, calc(((100 / 16) * 1rem) + (180 - 100) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 11.25rem);
  padding: 0 15px;
  position: relative;
  border-radius: clamp(6px, 0.625vw, 12px);
  overflow: hidden;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: #CF000E;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item a {
  width: 100%;
  height: clamp(3.125rem, calc(((50 / 16) * 1rem) + (80 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  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-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(--font16);
  color: #1a1a1a;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item a .number {
  font-size: var(--font24);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 500;
  line-height: 1;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item a .name {
  font-size: var(--font16);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 300;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item a:hover {
  color: #CF000E;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item a:hover .number {
  color: #CF000E;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item a:hover .name {
  color: #CF000E;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item.active::after {
  width: 100%;
  left: 0;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item.active a {
  color: #fff !important;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item.active a .number {
  color: #fff !important;
}
.inside_honorCon1 .centerBox .rightBox .itemBox .item.active a .name {
  color: #fff !important;
}
@media (max-width:990px) {
  .inside_honorCon1 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_honorCon1 .centerBox .leftBox {
    width: 100%;
  }
  .inside_honorCon1 .centerBox .rightBox {
    width: 100%;
    margin-top: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .inside_honorCon1 .centerBox .rightBox .itemBox {
    width: 100% !important;
  }
  .inside_honorCon1 .centerBox .rightBox .itemBox .item {
    min-width: unset !important;
    flex: 1;
  }
}
.inside_honorCon2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #f8f9fb;
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (120 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
}
.inside_honorCon2 .centerBox {
  width: 100%;
  height: auto;
  background: #fff;
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: clamp(10px, 1.04166667vw, 20px);
}
.inside_honorCon2 .centerBox .leftBox {
  width: 36.3%;
}
.inside_honorCon2 .centerBox .leftBox .contBox {
  width: 100%;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.inside_honorCon2 .centerBox .leftBox .contBox .pb {
  padding-bottom: 115.8%;
  background: #e8e9eb;
}
.inside_honorCon2 .centerBox .leftBox .contBox .pb .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;
  padding: 20px;
}
.inside_honorCon2 .centerBox .leftBox .contBox .pb .ab img {
  width: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_honorCon2 .centerBox .leftBox .contBox .name {
  background: #2b3a53;
  min-height: clamp(3.75rem, calc(((60 / 16) * 1rem) + (80 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  padding: 20px;
  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: #fff;
}
.inside_honorCon2 .centerBox .rightBox {
  width: 57.14%;
}
.inside_honorCon2 .centerBox .rightBox .titBOx .title {
  font-size: var(--font30);
  color: #1a1a1a;
}
.inside_honorCon2 .centerBox .rightBox .itemBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
  max-height: 520px;
  overflow: auto;
  padding-right: clamp(17.5px, 1.82291667vw, 35px);
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
}
@media (max-width:990px) {
  .inside_honorCon2 .centerBox .rightBox .itemBox {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width:480px) {
  .inside_honorCon2 .centerBox .rightBox .itemBox {
    grid-template-columns: repeat(3, 1fr);
  }
}
.inside_honorCon2 .centerBox .rightBox .itemBox .item {
  border: 2px solid #ededed;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.inside_honorCon2 .centerBox .rightBox .itemBox .item .pb {
  padding-bottom: 64.5%;
}
.inside_honorCon2 .centerBox .rightBox .itemBox .item .pb .ab {
  padding: 10px 0;
}
.inside_honorCon2 .centerBox .rightBox .itemBox .item .pb .ab img {
  width: auto;
}
.inside_honorCon2 .centerBox .rightBox .itemBox .item:hover,
.inside_honorCon2 .centerBox .rightBox .itemBox .item.active {
  border: 2px solid #CF000E;
}
@media (max-width:990px) {
  .inside_honorCon2 .centerBox .leftBox {
    display: none !important;
  }
  .inside_honorCon2 .centerBox .rightBox {
    width: 100% !important;
  }
  .inside_honorCon2 .centerBox .rightBox .itemBox {
    max-height: unset !important;
    grid-template-columns: repeat(3, 1fr);
  }
  .inside_honorCon2 .centerBox .rightBox .itemBox .item .pb {
    padding-bottom: 100% !important;
  }
}
@media (max-width:480px) {
  .inside_honorCon2 .centerBox .rightBox {
    width: 100% !important;
  }
  .inside_honorCon2 .centerBox .rightBox .itemBox {
    max-height: unset !important;
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 内页 联系我们 */
.inside_contantCon1 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #f8f9fb;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (115 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.1875rem);
  padding-bottom: clamp(3.125rem, calc(((50 / 16) * 1rem) + (130 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.125rem);
}
.inside_contantCon1 .centerBox {
  width: 100%;
  height: auto;
}
.inside_contantCon1 .centerBox .tantitBxo {
  width: 100%;
  height: auto;
}
.inside_contantCon1 .centerBox .tantitBxo .title {
  font-size: var(--font40);
  color: #1a1a1a;
  line-height: 1;
  padding-bottom: clamp(17.5px, 1.82291667vw, 35px);
  border-bottom: 1px solid #dfe0e1;
}
.inside_contantCon1 .centerBox .tantitBxo .subtitle {
  min-width: 95px;
  width: fit-content;
  height: 28px;
  margin-top: 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;
  background: #CF000E;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  font-size: var(--font14);
  color: #fff;
}
.inside_contantCon1 .centerBox .tantitBxo .levtitle {
  width: 100%;
  height: auto;
  margin-top: 10px;
  font-size: var(--font40);
  color: #CF000E;
  font-weight: normal;
}
.inside_contantCon1 .centerBox .contBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 35px;
  grid-gap: 0 20px;
}
.inside_contantCon1 .centerBox .contBox .leftBox {
  width: 50%;
  height: auto;
}
.inside_contantCon1 .centerBox .contBox .leftBox .itemBox {
  max-width: 540px;
  width: 100%;
  height: auto;
  padding: 10px 30px 0 30px;
  background: #fff;
  border-radius: clamp(8px, 0.83333333vw, 16px);
}
.inside_contantCon1 .centerBox .contBox .leftBox .itemBox .item {
  width: 100%;
  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;
  border-bottom: 1px solid #dfe0e1;
}
.inside_contantCon1 .centerBox .contBox .leftBox .itemBox .item .left {
  max-width: 90px;
  width: 100%;
  height: auto;
  padding: 0 10px;
  flex-shrink: 0;
  font-size: var(--font14);
  color: #808080;
  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: 0 8px;
}
.inside_contantCon1 .centerBox .contBox .leftBox .itemBox .item .right {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-weight: 500;
  line-height: 1;
  font-size: var(--font14);
  color: #1a1a1a;
  grid-gap: 0 20px;
}
.inside_contantCon1 .centerBox .contBox .leftBox .itemBox .item .right .list {
  position: relative;
  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;
}
.inside_contantCon1 .centerBox .contBox .leftBox .itemBox .item .right .list a {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inside_contantCon1 .centerBox .contBox .leftBox .itemBox .item .right .list .imageBox {
  position: absolute;
  top: calc(100% + 10px);
  width: 120px;
  height: 120px;
  border: 1px solid #e5e5e5;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  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;
}
.inside_contantCon1 .centerBox .contBox .leftBox .itemBox .item .right .list:hover .imageBox {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: translateY(0px);
}
.inside_contantCon1 .centerBox .contBox .leftBox .itemBox .item:last-child {
  border-bottom: 0;
}
.inside_contantCon1 .centerBox .contBox .rightBox {
  width: 50%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
.inside_contantCon1 .centerBox .contBox .rightBox .item {
  width: 100%;
  height: auto;
  padding: 30px;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item .fontBxo .title {
  font-size: var(--font24);
  color: #1a1a1a;
  font-weight: 500;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item .fontBxo .Boxtitle {
  font-size: var(--font16);
  color: #1a1a1a;
  filter: opacity(0.5);
  line-height: 1.3;
  margin-top: 25px;
  max-width: 280px;
  min-height: 110px;
  font-weight: 300;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item .lookBox {
  width: 100%;
  height: auto;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item .lookBox a {
  width: fit-content;
  font-size: var(--font14);
  color: #1a1a1a;
  filter: opacity(0.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;
  grid-gap: 0 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 300;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item .lookBox a img {
  filter: brightness(0) invert(0);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item .lookBox a:hover {
  color: #CF000E;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item .lookBox a:hover img {
  filter: unset !important;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item.colorBgW {
  background: #f3f0e9;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item.colorBgB {
  background: #dfe6f5;
}
.inside_contantCon1 .centerBox .contBox .rightBox .item:hover {
  transform: translateY(-10px);
}
@media (max-width:990px) {
  .inside_contantCon1 .centerBox .contBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_contantCon1 .centerBox .contBox .leftBox {
    width: 100%;
  }
  .inside_contantCon1 .centerBox .contBox .leftBox .itemBox {
    max-width: 100%;
    padding: 12px !important;
  }
  .inside_contantCon1 .centerBox .contBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
  .inside_contantCon1 .centerBox .contBox .rightBox .item {
    padding: 20px !important;
  }
}
@media (max-width:480px) {
  .inside_contantCon1 .centerBox .contBox .rightBox {
    grid-template-columns: repeat(1, 1fr);
  }
  .inside_contantCon1 .centerBox .contBox .rightBox .Boxtitle {
    min-height: unset !important;
    margin-top: 15px !important;
  }
}
.inside_contantCon3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #f8f9fb;
  padding-bottom: clamp(2.5rem, calc(((40 / 16) * 1rem) + (130 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.125rem);
}
.inside_contantCon3 .centerBox {
  width: 100%;
  height: auto;
}
.inside_contantCon3 .centerBox .tantitBxo {
  width: 100%;
  height: auto;
}
.inside_contantCon3 .centerBox .tantitBxo .title {
  font-size: var(--font40);
  color: #1a1a1a;
  line-height: 1;
  padding-bottom: clamp(17.5px, 1.82291667vw, 35px);
  border-bottom: 1px solid #dfe0e1;
}
.inside_contantCon3 .centerBox .menu_box {
  width: 100%;
  height: auto;
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.inside_contantCon3 .centerBox .menu_box .item {
  width: 100%;
  height: auto;
  padding: 30px;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.inside_contantCon3 .centerBox .menu_box .item .title {
  font-size: var(--font24);
  color: #1a1a1a;
}
.inside_contantCon3 .centerBox .menu_box .item .list {
  margin-top: 20px;
}
.inside_contantCon3 .centerBox .menu_box .item .list .one {
  font-size: var(--font18);
  color: #1a1a1a;
  font-weight: 500;
  line-height: 1;
  line-height: 1.7;
  padding-left: 15px;
  position: relative;
}
.inside_contantCon3 .centerBox .menu_box .item .list .one span {
  font-weight: 300;
}
.inside_contantCon3 .centerBox .menu_box .item .list .one::after {
  content: '';
  position: absolute;
  top: calc(0.45em * 1.7);
  left: 0;
  width: 8px;
  height: 3px;
  background: #CF000E;
}
.inside_contantCon3 .centerBox .menu_box .item .Boxtitle {
  font-size: var(--font16);
  color: #1a1a1a7c;
  line-height: 1.3;
  margin-top: 30px;
  max-width: 320px;
}
.inside_contantCon3 .centerBox .menu_box .item.colorBgW {
  background: #f3f0e9;
}
.inside_contantCon3 .centerBox .menu_box .item.colorBgB {
  background: #dfe6f5;
}
.inside_contantCon3 .centerBox .menu_box .item:hover {
  transform: translateY(-10px);
}
@media (max-width:990px) {
  .inside_contantCon3 .centerBox .menu_box {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tXtime {
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .tXtime {
    transform: translateY(0) !important;
  }
}
/* 内页 技术及应用 */
.inside_techtCon1 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: var(--header-height);
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (140 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
}
.inside_techtCon1 .centerBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (70 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
}
.inside_techtCon1 .centerBox .leftBox {
  width: 25%;
  padding-right: 20px;
}
.inside_techtCon1 .centerBox .leftBox .title {
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_techtCon1 .centerBox .leftBox .title {
    transform: translateY(0) !important;
  }
}
.inside_techtCon1 .centerBox .rightBox {
  width: 75%;
}
.inside_techtCon1 .centerBox .rightBox .abtitBox {
  max-width: 970px;
}
.inside_techtCon1 .centerBox .rightBox .abtitBox .subtitle {
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_techtCon1 .centerBox .rightBox .abtitBox .subtitle {
    transform: translateY(0) !important;
  }
}
.inside_techtCon1 .centerBox .rightBox .abtitBox .lelvtitle {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (35 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.1875rem);
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_techtCon1 .centerBox .rightBox .abtitBox .lelvtitle {
    transform: translateY(0) !important;
  }
}
@media (max-width:990px) {
  .inside_techtCon1 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_techtCon1 .centerBox .leftBox {
    width: 100%;
  }
  .inside_techtCon1 .centerBox .rightBox {
    width: 100%;
    margin-top: 10px;
  }
}
.inside_techtCon1 .images_bg {
  width: 100%;
  height: auto;
  padding: 0 20px;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (90 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
}
.inside_techtCon1 .images_bg .seatBox {
  width: 100%;
  height: clamp(20rem, calc(((320 / 16) * 1rem) + (660 - 320) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 41.25rem);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  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;
  cursor: pointer;
}
.inside_techtCon1 .images_bg .seatBox .iconBox {
  width: clamp(2.5rem, calc(((40 / 16) * 1rem) + (66 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.125rem);
  height: clamp(2.5rem, calc(((40 / 16) * 1rem) + (66 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.125rem);
}
@keyframes center_circle {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes center_circle {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.inside_techtCon2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #e8e9eb;
  padding-top: var(--header-height);
  padding-bottom: clamp(2.5rem, calc(((40 / 16) * 1rem) + (100 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
}
.inside_techtCon2 .centerBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 40px;
}
.inside_techtCon2 .centerBox .leftBox {
  width: 29%;
}
.inside_techtCon2 .centerBox .leftBox .title {
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_techtCon2 .centerBox .leftBox .title {
    transform: translateY(0) !important;
  }
}
.inside_techtCon2 .centerBox .leftBox .subtitle {
  margin-top: 25px;
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_techtCon2 .centerBox .leftBox .subtitle {
    margin-top: 10px;
  }
}
@media (max-width:990px) {
  .inside_techtCon2 .centerBox .leftBox .subtitle {
    transform: translateY(0) !important;
  }
}
.inside_techtCon2 .centerBox .rightBox {
  width: 63.1944%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 0 60px;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo {
  flex-shrink: 0;
  overflow: hidden;
  width: clamp(18.75rem, calc(((300 / 16) * 1rem) + (380 - 300) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 23.75rem);
  height: clamp(18.75rem, calc(((300 / 16) * 1rem) + (380 - 300) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 23.75rem);
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box {
  width: 100%;
  height: auto;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox {
  width: clamp(17.5rem, calc(((280 / 16) * 1rem) + (380 - 280) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 23.75rem);
  height: clamp(17.5rem, calc(((280 / 16) * 1rem) + (380 - 280) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 23.75rem);
  background: url(../images/tech_1.png) no-repeat center center;
  background-size: 100% 100%;
  border-radius: 50%;
  position: relative;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox .bg_img {
  width: 100%;
  height: 100%;
  background: url(../images/tech_2.png) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox .bg_line {
  width: 100%;
  height: 100%;
  background: url(../images/tech_3.png) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox .rouTitBox {
  width: 100%;
  height: 100%;
  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-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;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox .rouTitBox .title {
  font-size: var(--font16);
  color: #CF000E;
  line-height: 1.3;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox .rouTitBox .number {
  font-size: clamp(4.375rem, calc(((70 / 16) * 1rem) + (140 - 70) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
  font-family: "Samsung-Sharp-Sans", "di_li";
  font-weight: 500;
  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;
  line-height: 1;
  margin-top: 30px;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox .rouTitBox .number span {
  font-size: var(--font34);
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox .rouTitBox .numText {
  font-size: var(--font48);
  color: #1a1a1a;
  max-width: 70%;
  text-align: center;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox .rouTitBox .numText:first-child {
  padding-top: 30px;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li .roundBox .rouTitBox .subtitle {
  font-size: var(--font16);
  color: #1a1a1a;
  margin-top: 10px;
}
.inside_techtCon2 .centerBox .rightBox .swiperInfo .swiper_box ul li.swiper-slide-active .roundBox .bg_line {
  transform: rotate(360deg);
  transition: all 5s linear;
}
.inside_techtCon2 .centerBox .rightBox .itemBox {
  width: 100%;
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item {
  width: 100%;
  border-bottom: 1px solid #d8d9da;
  padding-left: 40px;
  position: relative;
  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;
  overflow: hidden;
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item .cricleBg {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  transform: rotate(-90deg);
  transform-origin: left bottom;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item .cricleBg img {
  height: 100%;
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 4px;
  height: 0%;
  background: #CF000E;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item .title {
  width: 100%;
  height: clamp(3.125rem, calc(((50 / 16) * 1rem) + (80 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  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(--font20);
  color: #1a1a1a;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  z-index: 2;
  font-weight: 500;
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item .title img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item .subtitle {
  font-size: var(--font16);
  font-weight: 300;
  color: #808080;
  padding-bottom: 40px;
  line-height: 1.5;
  position: relative;
  z-index: 2;
  padding-right: 60px;
  display: none;
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item.active::after {
  height: 100%;
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item.active .cricleBg {
  transform: rotate(0deg);
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item.active .title img {
  transform: rotate(180deg);
}
.inside_techtCon2 .centerBox .rightBox .itemBox .item:first-child .subtitle {
  display: block;
}
@media (max-width:990px) {
  .inside_techtCon2 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_techtCon2 .centerBox .leftBox {
    width: 100%;
  }
  .inside_techtCon2 .centerBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width:768px) {
  .inside_techtCon2 .centerBox .rightBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .inside_techtCon2 .centerBox .rightBox .itemBox {
    margin-top: 10px;
  }
}
.inside_techtCon3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #e8e9eb;
  padding: 20px;
}
.inside_techtCon3 .techtCon3 {
  width: 100%;
  height: auto;
  background: #fff;
  padding-top: var(--header-height);
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (125 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.8125rem);
  border-radius: clamp(8px, 0.83333333vw, 16px);
}
.inside_techtCon3 .techtCon3 .centerBox {
  width: 100%;
  height: auto;
  margin-top: 40px;
}
.inside_techtCon3 .techtCon3 .centerBox .tetitBox {
  width: 100%;
  height: auto;
}
.inside_techtCon3 .techtCon3 .centerBox .tetitBox .title {
  font-size: var(--font36);
  color: #1a1a1a;
  line-height: 1.222;
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  font-weight: 400;
}
@media (max-width:990px) {
  .inside_techtCon3 .techtCon3 .centerBox .tetitBox .title {
    transform: translateY(0) !important;
  }
}
.inside_techtCon3 .techtCon3 .centerBox .tetitBox .subtitle {
  font-size: var(--font36);
  color: #CF000E;
  line-height: 1.222;
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  font-weight: 400;
}
@media (max-width:990px) {
  .inside_techtCon3 .techtCon3 .centerBox .tetitBox .subtitle {
    transform: translateY(0) !important;
  }
}
@media (max-width:480px) {
  .inside_techtCon3 .techtCon3 .centerBox .tetitBox .title {
    font-size: 18px;
    line-height: 1.875;
  }
  .inside_techtCon3 .techtCon3 .centerBox .tetitBox .subtitle {
    font-size: 18px;
  }
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox {
  width: 100%;
  height: auto;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (75 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.6875rem);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .inside_techtCon3 .techtCon3 .centerBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .inside_techtCon3 .techtCon3 .centerBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 30px;
  }
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item {
  padding: 30px;
  border: 1px solid #e5e5e5;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #cf000e 0%, #cf000e 100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item .iconBox {
  width: clamp(1.5625rem, calc(((25 / 16) * 1rem) + (34 - 25) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.125rem);
  position: relative;
  z-index: 2;
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item .iconBox img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item .title {
  width: 100%;
  height: auto;
  font-size: var(--font22);
  color: #1a1a1a;
  margin-top: 22px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 500;
}
@media (max-width:480px) {
  .inside_techtCon3 .techtCon3 .centerBox .itemBox .item .title {
    font-size: 15px;
  }
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item .contBox {
  width: 100%;
  font-size: var(--font16);
  font-weight: 300;
  color: #1a1a1a;
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (85 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.3125rem);
  line-height: 1.5;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item:hover {
  border: 1px solid #CF000E;
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item:hover::after {
  opacity: 1;
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item:hover .iconBox img {
  filter: brightness(0) invert(1);
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item:hover .title {
  color: #fff;
}
.inside_techtCon3 .techtCon3 .centerBox .itemBox .item:hover .contBox {
  color: #fff;
}
@media (max-width:990px) {
  .inside_techtCon3 .techtCon3 .centerBox .itemBox .item {
    padding: 15px;
  }
  .inside_techtCon3 .techtCon3 .centerBox .itemBox .item .iconBox {
    position: absolute;
  }
  .inside_techtCon3 .techtCon3 .centerBox .itemBox .item .title {
    margin-top: 0  !important;
    padding-left: 40px;
  }
  .inside_techtCon3 .techtCon3 .centerBox .itemBox .item .contBox {
    margin-top: 20px;
    line-height: 1.875;
  }
}
@media (max-width:990px) {
  .inside_techtCon3 {
    padding: 0;
  }
  .inside_techtCon3 .techtCon3 {
    padding: 20px 0 !important;
    padding-bottom: 40px !important;
  }
}
.solutionFCC .inside_techtCon3 .techtCon3 .centerBox .tetitBox .title {
  transform: translateY(0) !important;
}
.solutionFCC .inside_techtCon3 .techtCon3 .centerBox .tetitBox .subtitle {
  transform: translateY(0) !important;
}
.inside_techtCon4 {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: #e8e9eb;
  padding-top: var(--header-height);
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (125 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.8125rem);
  background-image: url(../images/tech_5.jpg);
  background-position: top right;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  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;
}
@media (max-width:990px) {
  .inside_techtCon4 {
    min-height: unset !important;
  }
}
.inside_techtCon4 .centerBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 40px;
}
.inside_techtCon4 .centerBox .leftBox {
  width: 36.8%;
  height: auto;
}
.inside_techtCon4 .centerBox .leftBox .abtitBox {
  max-width: 380px;
  width: 100%;
}
.inside_techtCon4 .centerBox .leftBox .abtitBox .title {
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_techtCon4 .centerBox .leftBox .abtitBox .title {
    transform: translateY(0) !important;
  }
}
.inside_techtCon4 .centerBox .leftBox .abtitBox .subtitle {
  color: #fff;
  margin-top: 25px;
  font-size: var(--font36);
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media (max-width:990px) {
  .inside_techtCon4 .centerBox .leftBox .abtitBox .subtitle {
    transform: translateY(0) !important;
  }
}
@media (max-width:480px) {
  .inside_techtCon4 .centerBox .leftBox .abtitBox .subtitle {
    font-size: 18px;
    margin-top: 10px;
  }
}
.inside_techtCon4 .centerBox .rightBox {
  width: 49.3055%;
  height: auto;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item {
  border-top: 1px solid #ffffff1e;
  position: relative;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item::after {
  content: '';
  position: absolute;
  top: -1px;
  width: 100%;
  height: 1px;
  background: #CF000E;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item .topBox {
  height: clamp(3.75rem, calc(((60 / 16) * 1rem) + (90 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
  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;
  cursor: pointer;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item .topBox .iconBox {
  width: 50px;
  flex-shrink: 0;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item .topBox .iconBox img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: clamp(1.25rem, calc(((20 / 16) * 1rem) + (28 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.75rem);
  filter: brightness(0) invert(1);
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item .topBox .title {
  width: 100%;
  font-size: var(--font20);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item .topBox .title img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width:480px) {
  .inside_techtCon4 .centerBox .rightBox .itemBox .item .topBox .title {
    font-size: 15px;
  }
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item .botBox {
  font-size: var(--font16);
  color: #fff;
  line-height: 1.5;
  padding-left: 50px;
  opacity: 0.9;
  display: none;
  padding-bottom: 30px;
  font-weight: 300;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item:last-child {
  border-bottom: 1px solid #ffffff1e;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item:first-child .botBox {
  display: block;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item.active .topBox .iconBox img {
  filter: unset !important;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item.active::after {
  width: 100%;
  opacity: 1;
}
.inside_techtCon4 .centerBox .rightBox .itemBox .item.active .topBox .title img {
  transform: rotate(180deg);
}
@media (max-width:990px) {
  .inside_techtCon4 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_techtCon4 .centerBox .leftBox {
    width: 100%;
  }
  .inside_techtCon4 .centerBox .rightBox {
    width: 100%;
    margin-top: 30px;
  }
  .inside_techtCon4 .centerBox .rightBox .itemBox .iconBox {
    width: 35px !important;
  }
  .inside_techtCon4 .centerBox .rightBox .itemBox .item .botBox {
    padding-left: 35px !important;
  }
}
.inside_techtCon5 {
  width: 100%;
  min-height: 100vh;
  height: auto;
  overflow: hidden;
  background: #f8f9fb;
  padding-top: var(--header-height);
  padding-bottom: var(--header-height);
  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;
}
@media (max-width:990px) {
  .inside_techtCon5 {
    min-height: unset !important;
  }
}
.inside_techtCon5 .centerBox {
  width: 100%;
  margin-top: 40px;
}
.inside_techtCon5 .centerBox .topBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_techtCon5 .centerBox .topBox .leftBox {
  width: 36.8%;
  height: auto;
}
.inside_techtCon5 .centerBox .topBox .leftBox .teTitBox .title {
  font-size: var(--font40);
  color: #1a1a1a;
}
@media (max-width:480px) {
  .inside_techtCon5 .centerBox .topBox .leftBox .teTitBox .title {
    font-size: 20px;
  }
}
.inside_techtCon5 .centerBox .topBox .rightBox {
  width: 49.3055%;
  height: auto;
  padding-bottom: 20px;
}
.inside_techtCon5 .centerBox .topBox .rightBox .itemBox {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
}
.inside_techtCon5 .centerBox .topBox .rightBox .itemBox .item {
  height: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 20px;
  position: relative;
  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;
  line-height: 1.2;
}
.inside_techtCon5 .centerBox .topBox .rightBox .itemBox .item::after {
  content: '';
  position: absolute;
  left: 0;
  width: 6px;
  height: 3px;
  background: #CF000E;
  top: 0.6em;
  margin-top: -1px;
}
@media (max-width:1560px) {
  .inside_techtCon5 .centerBox .topBox .rightBox .itemBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:990px) {
  .inside_techtCon5 .centerBox .topBox .rightBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
  }
  .inside_techtCon5 .centerBox .topBox .rightBox .itemBox .item {
    padding-bottom: 15px;
  }
}
@media (max-width:990px) {
  .inside_techtCon5 .centerBox .topBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_techtCon5 .centerBox .topBox .leftBox {
    width: 100%;
  }
  .inside_techtCon5 .centerBox .topBox .rightBox {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 0;
  }
}
.inside_techtCon5 .centerBox .botBox {
  margin-top: 40px;
}
.inside_techtCon5 .centerBox .botBox .itemBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .inside_techtCon5 .centerBox .botBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
.inside_techtCon5 .centerBox .botBox .itemBox .item {
  background: #ffffff;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.inside_techtCon5 .centerBox .botBox .itemBox .item .pb {
  padding-bottom: 67%;
}
.inside_techtCon5 .centerBox .botBox .itemBox .item .pb .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;
}
.inside_techtCon5 .centerBox .botBox .itemBox .item .pb .ab img {
  width: 100%;
}
.inside_techtCon5 .centerBox .botBox .itemBox .item .fontBox {
  height: 80px;
  padding-left: 30px;
  position: relative;
  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;
}
.inside_techtCon5 .centerBox .botBox .itemBox .item .fontBox .iconfont {
  position: absolute;
  top: 0;
  right: 30px;
  background: #CF000E;
  width: clamp(1.875rem, calc(((30 / 16) * 1rem) + (50 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  height: clamp(1.875rem, calc(((30 / 16) * 1rem) + (50 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  border-radius: 50%;
  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%);
}
@media (max-width:990px) {
  .inside_techtCon5 .centerBox .botBox .itemBox .item .fontBox .iconfont {
    right: 15px;
  }
  .inside_techtCon5 .centerBox .botBox .itemBox .item .fontBox .iconfont img {
    width: 15px;
  }
}
.inside_techtCon5 .centerBox .botBox .itemBox .item .fontBox .title {
  font-size: var(--font20);
  color: #1a1a1a;
  font-weight: 500;
}
@media (max-width:990px) {
  .inside_techtCon5 .centerBox .botBox .itemBox .item .fontBox .title {
    font-size: 16px;
    font-weight: 800;
  }
}
@media (max-width:990px) {
  .inside_techtCon5 .centerBox .botBox .itemBox .item .fontBox {
    height: 50px;
    padding-left: 15px;
  }
  .inside_techtCon5 .centerBox .botBox .itemBox .item .fontBox .title {
    font-size: 14px;
  }
}
@media (max-width:990px) {
  .inside_techtCon5 .centerBox .botBox {
    margin-top: 30px;
  }
}
.inside_techtCon6 {
  width: 100%;
  min-height: 100vh;
  height: auto;
  overflow: hidden;
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (100 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  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;
  padding-top: var(--header-height);
}
@media (max-width:990px) {
  .inside_techtCon6 {
    min-height: unset !important;
  }
}
.inside_techtCon6 .centerBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 40px;
}
.inside_techtCon6 .centerBox .leftBox {
  width: 25%;
  height: auto;
}
.inside_techtCon6 .centerBox .leftBox .teTitBox .title {
  font-size: var(--font40);
  color: #1a1a1a;
}
.inside_techtCon6 .centerBox .rightBox {
  width: 75%;
  height: auto;
}
.inside_techtCon6 .centerBox .rightBox .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
.inside_techtCon6 .centerBox .rightBox .itemBox .item {
  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: 0 30px;
  border: 1px solid #ededed;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.inside_techtCon6 .centerBox .rightBox .itemBox .item .imagebox {
  max-width: 160px;
  width: 100%;
  flex-shrink: 0;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.inside_techtCon6 .centerBox .rightBox .itemBox .item .imagebox .pb .ab img {
  width: 100%;
}
.inside_techtCon6 .centerBox .rightBox .itemBox .item .fontBox .number {
  font-size: var(--font16);
  color: #CF000E;
  font-weight: normal;
}
.inside_techtCon6 .centerBox .rightBox .itemBox .item .fontBox .name {
  font-size: var(--font20);
  color: #1a1a1a;
  margin-top: 10px;
  line-height: 1;
}
@media (max-width:990px) {
  .inside_techtCon6 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_techtCon6 .centerBox .leftBox {
    width: 100%;
  }
  .inside_techtCon6 .centerBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
  .inside_techtCon6 .centerBox .rightBox .itemBox {
    grid-template-columns: repeat(4, 1fr);
  }
  .inside_techtCon6 .centerBox .rightBox .itemBox .item {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_techtCon6 .centerBox .rightBox .itemBox .item .imagebox {
    max-width: unset !important;
  }
  .inside_techtCon6 .centerBox .rightBox .itemBox .item .fontBox {
    padding: 20px 10px;
    width: 100%;
  }
}
@media (max-width:990px) and (max-width:768px) {
  .inside_techtCon6 .centerBox .rightBox .itemBox {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width:990px) and (max-width:640px) {
  .inside_techtCon6 .centerBox .rightBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
  .inside_techtCon6 .centerBox .rightBox .itemBox .fontBox {
    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: 0 10px;
  }
  .inside_techtCon6 .centerBox .rightBox .itemBox .fontBox .number {
    margin-top: 4px;
  }
  .inside_techtCon6 .centerBox .rightBox .itemBox .fontBox .name {
    margin-top: 0 !important;
  }
}
/* 内页 新闻 */
.inside_newCon1 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px;
  padding-top: clamp(3.75rem, calc(((60 / 16) * 1rem) + (80 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
}
.inside_newCon1 .newTitle {
  width: 100%;
  height: auto;
  padding-bottom: clamp(1.875rem, calc(((30 / 16) * 1rem) + (50 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
}
.inside_newCon1 .newTitle .title {
  font-size: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.inside_newCon1 .centerBox {
  width: 100%;
  height: auto;
  background: #f8f9fb;
  border-radius: clamp(8px, 0.83333333vw, 16px);
}
.inside_newCon1 .centerBox .contentBox {
  width: 100%;
  height: auto;
  padding-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (97 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.0625rem);
  padding-bottom: clamp(2.5rem, calc(((40 / 16) * 1rem) + (97 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.0625rem);
}
@media (max-width:990px) {
  .inside_newCon1 .centerBox .contentBox {
    padding-top: 0;
  }
}
.inside_newCon1 .centerBox .contentBox .timeBox {
  width: fit-content;
  padding: 0 16px;
  height: 28px;
  border: 1px solid #0000001f;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 12px;
  color: #808080;
}
.inside_newCon1 .centerBox .contentBox .botBox {
  width: 100%;
  height: auto;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.inside_newCon1 .centerBox .contentBox .botBox .more {
  width: fit-content;
  font-size: var(--font14);
  color: #1a1a1a7c;
  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: 0 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .botBox .more img {
  filter: brightness(0) invert(0);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon1 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: clamp(0px, 0vw, 0px) clamp(20px, 2.08333333vw, 40px);
}
.inside_newCon1 .centerBox .contentBox .newCon1 .leftBox {
  width: 66.25%;
  height: auto;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .leftBox a {
  width: 100%;
  height: 100%;
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (60 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem) clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem) clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem) clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  background: #e8e9eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
  position: relative;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .leftBox a .fontBox {
  width: 100%;
  height: auto;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .leftBox a .fontBox .title {
  width: 100%;
  max-width: 740px;
  height: auto;
  font-size: var(--font36);
  color: #1a1a1a;
  line-height: 1.22;
  margin-top: 25px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "sa_me", "sy_me";
}
.inside_newCon1 .centerBox .contentBox .newCon1 .leftBox a:hover .fontBox .title {
  color: #CF000E;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .leftBox a:hover .botBox .more {
  color: #CF000E;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .leftBox a:hover .botBox .more img {
  filter: unset !important;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox {
  width: 29.58%;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a {
  width: 100%;
  height: clamp(25rem, calc(((400 / 16) * 1rem) + (512 - 400) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 32rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 30px;
  position: relative;
  padding: 20px 20px 30px  20px;
  border-radius: clamp(6px, 0.625vw, 12px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/new_bg.png) no-repeat bottom right;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a .topBox {
  position: relative;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a .topBox .imagesBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  border-radius: clamp(6px, 0.625vw, 12px);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a .topBox .imagesBox .pb {
  padding-bottom: 56.5%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a .topBox .imagesBox .pb .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;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a .topBox .imagesBox .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a .topBox .timeInfo {
  margin-top: 30px;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a .topBox .timeInfo .pb {
  padding-bottom: 56.5%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a .topBox .title {
  font-size: var(--font20);
  color: #1a1a1a;
  line-height: 1.3;
  margin-top: 15px;
  max-width: 350px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 800;
  font-family: "sa_me", "sy_me";
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a .botBox {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (80 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a:hover {
  background: #e8e9eb;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a:hover::after {
  opacity: 1;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a:hover .topBox .imagesBox {
  top: -500px;
}
.inside_newCon1 .centerBox .contentBox .newCon1 .rightBox a:hover .topBox .timeInfo .pb {
  padding-bottom: 0;
}
@media (max-width:990px) {
  .inside_newCon1 .centerBox .contentBox .newCon1 {
    display: none;
  }
}
.inside_newCon1 .centerBox .contentBox .newCon2 {
  width: 100%;
  height: auto;
  margin-top: 60px;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(40px, 4.16666667vw, 80px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .inside_newCon1 .centerBox .contentBox .newCon2 .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .inside_newCon1 .centerBox .contentBox .newCon2 .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item {
  width: 100%;
  height: auto;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a {
  width: 100%;
  height: clamp(26.25rem, calc(((420 / 16) * 1rem) + (512 - 420) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 32rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 30px;
  position: relative;
  padding: 20px 20px 30px  20px;
  border-radius: clamp(6px, 0.625vw, 12px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/new_bg.png) no-repeat bottom right;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .topBox {
  position: relative;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .topBox .imagesBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  border-radius: clamp(6px, 0.625vw, 12px);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .topBox .imagesBox .pb {
  padding-bottom: 56.5%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .topBox .imagesBox .pb .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;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .topBox .imagesBox .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .topBox .timeInfo {
  margin-top: 30px;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .topBox .timeInfo .pb {
  padding-bottom: 56.5%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .topBox .title {
  font-size: var(--font20);
  color: #1a1a1a;
  line-height: 1.3;
  height: calc(2em * 1.3);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 15px;
  max-width: 350px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 800;
  font-family: "sa_me", "sy_me";
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .botBox {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (80 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a:hover {
  background: #e8e9eb;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a:hover::after {
  opacity: 1;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a:hover .topBox .imagesBox {
  top: -500px;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a:hover .topBox .timeInfo .pb {
  padding-bottom: 0;
}
.inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a:hover .topBox .title {
  height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
}
@media (max-width:990px) {
  .inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a {
    min-height: 450px;
    height: auto;
    padding-bottom: 20px;
  }
}
@media (max-width:640px) {
  .inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a {
    background: none !important;
    min-height: unset !important;
    height: auto !important;
    padding: 20px 0;
  }
  .inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a::after {
    opacity: 0 !important;
  }
  .inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .imagesBox {
    top: 0px !important;
    position: relative !important;
  }
  .inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item a .timeInfo .pb {
    padding-bottom: 0;
    display: none !important;
  }
}
@media (max-width:990px) {
  .inside_newCon1 .centerBox .contentBox .newCon2 {
    margin-top: 0;
  }
  .inside_newCon1 .centerBox .contentBox .newCon2 .itemBox .item {
    border-bottom: 1px solid #e5e5e5;
  }
}
.inside_newCon1 .centerBox .contentBox .pagingBox .layui-laypage-next,
.inside_newCon1 .centerBox .contentBox .pagingBox .layui-laypage-prev {
  background: #fff !important;
}
.inside_newCon1 .centerBox .contentBox .pagingBox .layui-laypage-next:hover,
.inside_newCon1 .centerBox .contentBox .pagingBox .layui-laypage-prev:hover {
  background: #CF000E !important;
}
@media (max-width:990px) {
  .inside_newCon1 {
    padding: 10px 8px;
  }
}
/* 内页 新闻详情 */
.inside_newListCon1 {
  padding-bottom: 30px;
  margin-top: clamp(3.75rem, calc(((60 / 16) * 1rem) + (175 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 10.9375rem);
  position: relative;
  z-index: 3;
}
.inside_newListCon1 .centerBox .newtitle {
  width: calc(100% - clamp(17.5rem, calc(((280 / 16) * 1rem) + (360 - 280) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 22.5rem));
}
@media (max-width:990px) {
  .inside_newListCon1 .centerBox .newtitle {
    width: 100% !important;
  }
}
.inside_newListCon1 .centerBox .newtitle .title {
  font-size: var(--font36);
  color: #1a1a1a;
  line-height: 1.45;
  font-family: "sa_me", "sy_me";
}
.inside_newListCon1 .centerBox .newtitle .subtitle {
  width: 100%;
  height: auto;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_newListCon1 .centerBox .newtitle .subtitle .timeBox {
  width: fit-content;
  padding: 0 16px;
  height: 28px;
  border: 1px solid #e5e5e5;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 12px;
  color: #808080;
}
.inside_newListCon1 .centerBox .newtitle .subtitle .listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 20px;
}
.inside_newListCon1 .centerBox .newtitle .subtitle .listBox .list {
  position: relative;
  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;
}
.inside_newListCon1 .centerBox .newtitle .subtitle .listBox .list .iconBox {
  width: fit-content;
  height: auto;
}
.inside_newListCon1 .centerBox .newtitle .subtitle .listBox .list .iconBox a {
  width: clamp(1.75rem, calc(((28 / 16) * 1rem) + (32 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2rem);
  height: clamp(1.75rem, calc(((28 / 16) * 1rem) + (32 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2rem);
  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: #80878d;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newListCon1 .centerBox .newtitle .subtitle .listBox .list .iconBox a img {
  filter: brightness(0) invert(1);
}
.inside_newListCon1 .centerBox .newtitle .subtitle .listBox .list .iconBox a:hover {
  background: #CF000E;
}
.inside_newListCon1 .centerBox .newtitle .subtitle .listBox .list .imagesBox {
  position: absolute;
  top: calc(100% + 10px);
  width: 120px;
  height: 120px;
  border: 1px solid #e5e5e5;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  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;
}
.inside_newListCon1 .centerBox .newtitle .subtitle .listBox .list:hover .imagesBox {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: translateY(0px);
}
@media (max-width:768px) {
  .inside_newListCon1 .centerBox .newtitle .subtitle .listBox {
    display: none;
  }
}
@media (max-width:990px) {
  .inside_newListCon1 {
    margin-top: 20px;
  }
}
.inside_newListCon2 {
  width: 100%;
  height: auto;
  background: #f8f9fb;
  position: relative;
  z-index: 1;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (50 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (120 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
}
.inside_newListCon2 .centerBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_newListCon2 .centerBox .leftBox {
  width: 100%;
  height: auto;
}
.inside_newListCon2 .centerBox .leftBox .contentBox {
  font-size: var(--font18);
  color: #1a1a1ad8;
  line-height: 1.666;
}
.inside_newListCon2 .centerBox .leftBox .contentBox p {
  margin-bottom: 20px;
}
.inside_newListCon2 .centerBox .leftBox .contentBox p:last-child {
  margin-bottom: 0;
}
.inside_newListCon2 .centerBox .leftBox .contentBox img {
  margin-bottom: 20px;
}
.inside_newListCon2 .centerBox .leftBox .contentBox img:last-child {
  margin-bottom: 0;
}
.inside_newListCon2 .centerBox .leftBox .contentBox h3 {
  margin-bottom: 20px;
  font-size: var(--font22);
}
.inside_newListCon2 .centerBox .leftBox .contentBox h3:last-child {
  margin-bottom: 0;
}
.inside_newListCon2 .centerBox .leftBox .pagerNew {
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #fff;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  padding-left: clamp(15px, 1.5625vw, 30px);
  padding-right: clamp(15px, 1.5625vw, 30px);
  grid-gap: 0 20px;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (80 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
}
.inside_newListCon2 .centerBox .leftBox .pagerNew .left {
  width: 50%;
}
.inside_newListCon2 .centerBox .leftBox .pagerNew .left a {
  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: 0 15px;
  font-size: var(--font16);
  color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newListCon2 .centerBox .leftBox .pagerNew .left a img {
  filter: brightness(0) invert(0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: rotate(180deg);
}
.inside_newListCon2 .centerBox .leftBox .pagerNew .left a:hover {
  color: #CF000E;
}
.inside_newListCon2 .centerBox .leftBox .pagerNew .left a:hover img {
  filter: unset !important;
}
.inside_newListCon2 .centerBox .leftBox .pagerNew .left:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inside_newListCon2 .centerBox .leftBox .pagerNew .left:last-child img {
  transform: rotate(0deg);
}
.inside_newListCon2 .centerBox .leftBox .pagerNew .center {
  width: 20px;
  flex-shrink: 0;
}
@media (max-width:990px) {
  .inside_newListCon2 .centerBox .leftBox .pagerNew {
    display: none !important;
  }
}
.inside_newListCon2 .centerBox .rightBox {
  width: clamp(17.5rem, calc(((280 / 16) * 1rem) + (360 - 280) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 22.5rem);
  flex-shrink: 0;
  position: sticky;
  top: 80px;
  height: 100%;
  padding-left: clamp(20px, 2.08333333vw, 40px);
}
.inside_newListCon2 .centerBox .rightBox .title {
  font-size: var(--font18);
  color: #1a1a1a;
  font-weight: 500;
  padding-bottom: 20px;
  border-bottom: 2px solid #000;
}
.inside_newListCon2 .centerBox .rightBox .itemBox {
  width: 100%;
  height: auto;
}
.inside_newListCon2 .centerBox .rightBox .itemBox .item {
  width: 100%;
  height: auto;
}
.inside_newListCon2 .centerBox .rightBox .itemBox .item a {
  width: 100%;
  height: auto;
  padding: 30px 0;
  border-bottom: 1px solid #e6e7e9;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newListCon2 .centerBox .rightBox .itemBox .item a .tiemBox {
  font-size: 12px;
  color: #808080;
}
.inside_newListCon2 .centerBox .rightBox .itemBox .item a .name {
  margin-top: 15px;
  font-size: var(--font18);
  color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_newListCon2 .centerBox .rightBox .itemBox .item a:hover {
  border-bottom: 1px solid #CF000E;
}
.inside_newListCon2 .centerBox .rightBox .itemBox .item a:hover .name {
  color: #CF000E;
}
@media (max-width:990px) {
  .inside_newListCon2 .centerBox .rightBox {
    display: none !important;
  }
}
.solutitBox .title {
  font-size: var(--font40);
  color: #1a1a1a;
  line-height: 1;
  font-weight: 500;
}
.solusubBox .title {
  font-size: var(--font30);
  color: #1a1a1a;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: clamp(0px, 0vw, 0px) clamp(7.5px, 0.78125vw, 15px);
  font-weight: 500;
}
.solusubBox .title img {
  width: 0.5em;
}
.location {
  width: 100%;
  height: 0;
  transform: translateY(-70px);
}
.location.SoluCon {
  transform: translateY(-20px);
}
.location.SoluCon:first-child {
  transform: translateY(-80px) !important;
}
.wBr {
  white-space: break-spaces;
}
@media (max-width:990px) {
  .wBr {
    white-space: unset !important;
  }
}
/* 内页 解决方案 */
.inside_soluCon1 {
  background: #f8f9fb;
  padding-top: clamp(3.75rem, calc(((60 / 16) * 1rem) + (140 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (140 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
}
.inside_soluCon1 .centerBox {
  padding-top: 0;
}
.inside_soluCon1 .abtitBox .lelvtitle {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (35 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.1875rem) !important;
}
@media (max-width:768px) {
  .inside_soluCon1 {
    padding-bottom: 40px;
  }
}
.inside_soluCon2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px;
}
.inside_soluCon2 .soluCon2 {
  background: url(../images/solu_10.jpg) no-repeat top left;
  background-size: cover;
  padding-top: clamp(11.25rem, calc(((180 / 16) * 1rem) + (250 - 180) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 15.625rem);
  padding-bottom: 50px;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  position: relative;
}
.inside_soluCon2 .soluCon2 .centerBox .contentBox {
  width: 37.5%;
}
.inside_soluCon2 .soluCon2 .centerBox .contentBox .box {
  width: 100%;
}
.inside_soluCon2 .soluCon2 .centerBox .contentBox .box .centerInfo .number {
  font-weight: normal;
  font-size: var(--font24);
  color: #CF000E;
}
.inside_soluCon2 .soluCon2 .centerBox .contentBox .box .centerInfo .title {
  margin-top: 20px;
  font-size: var(--font40);
  color: #fff;
  line-height: 1;
}
.inside_soluCon2 .soluCon2 .centerBox .contentBox .box .centerInfo .subtitle {
  margin-top: 12px;
  font-size: var(--font24);
  color: #fff;
  font-weight: 300;
  padding-bottom: 25px;
  border-bottom: 1px solid #ffffff18;
  position: relative;
}
.inside_soluCon2 .soluCon2 .centerBox .contentBox .box .centerInfo .subtitle::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #CF000E 0%, #ffffff18 40%, #ffffff18 100%);
}
.inside_soluCon2 .soluCon2 .centerBox .contentBox .box .centerInfo .levtitle {
  margin-top: 25px;
  font-size: var(--font16);
  color: #ffffffbd;
  font-weight: 300;
}
.inside_soluCon2 .soluCon2 .centerBox .contentBox .box .centerInfo .idx_button {
  margin-top: 45px;
}
.inside_soluCon2 .soluCon2 .centerBox .contentBox .box .centerInfo .idx_button a {
  background: #fc6f1e2c;
  color: #CF000E;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperInfo {
  width: 37.5%;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo .number {
  font-weight: normal;
  font-size: var(--font24);
  color: #CF000E;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo .title {
  margin-top: 20px;
  font-size: var(--font40);
  color: #fff;
  line-height: 1;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo .subtitle {
  margin-top: 12px;
  font-size: var(--font24);
  color: #fff;
  font-weight: 300;
  padding-bottom: 25px;
  border-bottom: 1px solid #ffffff18;
  position: relative;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo .subtitle::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #CF000E 0%, #ffffff18 40%, #ffffff18 100%);
}
.inside_soluCon2 .soluCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo .levtitle {
  margin-top: 25px;
  font-size: var(--font16);
  color: #ffffffbd;
  font-weight: 300;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo .idx_button {
  margin-top: 45px;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo .idx_button a {
  background: #fc6f1e2c;
  color: #CF000E;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperButBox {
  margin-top: clamp(6.25rem, calc(((100 / 16) * 1rem) + (185 - 100) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 11.5625rem);
  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;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperButBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #ffffff18;
  padding: 10px;
  border-radius: clamp(10px, 1.04166667vw, 20px);
}
.inside_soluCon2 .soluCon2 .centerBox .swiperButBox .itemBox .item {
  color: #fff;
  width: 140px;
  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;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: clamp(6px, 0.625vw, 12px);
}
.inside_soluCon2 .soluCon2 .centerBox .swiperButBox .itemBox .item.active {
  background: #CF000E !important;
  color: #fff !important;
}
.inside_soluCon2 .soluCon2 .centerBox .swiperButBox .itemBox .item:hover {
  color: #CF000E;
}
.inside_soluCon2 .soluCon2 .swiperimgBox {
  position: absolute;
  width: 63.67%;
  height: 100%;
  top: 0;
  right: 0px;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 20px;
  border: 1px solid red;
}
.inside_soluCon2 .soluCon2 .swiperimgBox .item {
  width: fit-content;
  height: auto;
}
.inside_soluCon2 .soluCon2 .swiperimgBox .item .listBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@keyframes slideX {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
  }
  6% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
  }
  94% {
    transform: translateX(calc(-100% + 100vw));
    -webkit-transform: translateX(calc(-100% + 100vw));
    -moz-transform: translateX(calc(-100% + 100vw));
    -o-transform: translateX(calc(-100% + 100vw));
    -ms-transform: translateX(calc(-100% + 100vw));
  }
  100% {
    transform: translateX(calc(-100% + 100vw));
    -webkit-transform: translateX(calc(-100% + 100vw));
    -moz-transform: translateX(calc(-100% + 100vw));
    -o-transform: translateX(calc(-100% + 100vw));
    -ms-transform: translateX(calc(-100% + 100vw));
  }
}
.inside_soluCon3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px;
}
.inside_soluCon3 .soluCon2 {
  background: url(../images/solu_10.jpg) no-repeat top left;
  background-size: cover;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  position: relative;
  padding-bottom: 50px;
}
.inside_soluCon3 .soluCon2 .swiperInfo {
  width: 100%;
  height: auto;
  white-space: nowrap;
  animation-name: slideX;
  animation-timing-function: linear;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox {
  width: 100vw;
  height: auto;
  position: relative;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 {
  width: 100%;
  height: auto;
  padding-top: clamp(11.25rem, calc(((180 / 16) * 1rem) + (250 - 180) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 15.625rem);
  padding-bottom: clamp(11.25rem, calc(((180 / 16) * 1rem) + (250 - 180) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 15.625rem);
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .centerInfo {
  width: 37.5%;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .centerInfo .number {
  font-weight: normal;
  font-size: var(--font24);
  color: #CF000E;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .centerInfo .title {
  margin-top: 20px;
  font-size: var(--font40);
  color: #fff;
  line-height: 1;
  white-space: normal;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .centerInfo .subtitle {
  margin-top: 12px;
  font-size: var(--font24);
  color: #fff;
  font-weight: 300;
  padding-bottom: 25px;
  border-bottom: 1px solid #ffffff18;
  position: relative;
  white-space: normal;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .centerInfo .subtitle::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #CF000E 0%, #ffffff18 40%, #ffffff18 100%);
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .centerInfo .levtitle {
  margin-top: 25px;
  font-size: var(--font16);
  color: #ffffffbd;
  font-weight: 300;
  white-space: normal;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .centerInfo .idx_button {
  margin-top: 45px;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .centerInfo .idx_button a {
  background: #fc6f1e2c;
  color: #CF000E;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .swiperimgBox {
  position: absolute;
  width: 63.67%;
  height: 100%;
  top: 0;
  right: 0px;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .swiperimgBox .item {
  width: fit-content;
  height: auto;
  position: relative;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .swiperimgBox .item .listBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .swiperimgBox .item .listBox .list {
  position: absolute;
  color: #fff;
}
.inside_soluCon3 .soluCon2 .swiperInfo .swiBox .swiBoxCon1 .swiperimgBox .item .imagebox {
  width: 100%;
}
.inside_soluCon3 .soluCon2 .swiperButBox {
  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;
}
.inside_soluCon3 .soluCon2 .swiperButBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #ffffff18;
  padding: 10px;
  border-radius: clamp(10px, 1.04166667vw, 20px);
}
.inside_soluCon3 .soluCon2 .swiperButBox .itemBox .item {
  color: #fff;
  width: 140px;
  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;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: clamp(6px, 0.625vw, 12px);
}
.inside_soluCon3 .soluCon2 .swiperButBox .itemBox .item.active {
  background: #CF000E !important;
  color: #fff !important;
}
.inside_soluCon3 .soluCon2 .swiperButBox .itemBox .item:hover {
  color: #CF000E;
}
.inside_soluCon4 {
  width: 100% !important;
  max-width: unset !important;
  height: auto;
  overflow: hidden;
  padding: 20px;
  background: #f8f9fb;
}
.inside_soluCon4 .soluCon4Box {
  width: 100%;
  height: auto;
  background: url(../images/solu_10.jpg) no-repeat top left;
  background-size: cover;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  position: relative;
  overflow: hidden;
}
.inside_soluCon4 .soluCon4Box .swiper_box {
  width: 100%;
  height: 100%;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li {
  width: 100%;
  height: auto;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo {
  width: 100%;
  height: 100%;
  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;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .fontBox {
  width: 37.5%;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .fontBox .number {
  font-weight: normal;
  font-size: var(--font24);
  color: #CF000E;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .fontBox .title {
  margin-top: 20px;
  font-size: var(--font40);
  color: #fff;
  line-height: 1;
  white-space: normal;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .fontBox .subtitle {
  margin-top: 12px;
  font-size: var(--font24);
  color: #fff;
  font-weight: 300;
  padding-bottom: 25px;
  border-bottom: 1px solid #ffffff18;
  position: relative;
  white-space: normal;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .fontBox .subtitle::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #CF000E 0%, #ffffff18 40%, #ffffff18 100%);
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .fontBox .levtitle {
  margin-top: 25px;
  font-size: var(--font16);
  color: #ffffffbd;
  font-weight: 300;
  white-space: normal;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .fontBox .idx_button {
  margin-top: 45px;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .fontBox .idx_button a {
  background: #fc6f1e2c;
  color: #CF000E;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .swiperimgBox {
  position: relative;
  width: 63.67%;
  height: 100%;
  top: 0;
  right: 0px;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .swiperimgBox .item {
  width: fit-content;
  height: auto;
  position: relative;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .swiperimgBox .item .listBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .swiperimgBox .item .listBox .list {
  position: absolute;
  color: #fff;
}
.inside_soluCon4 .soluCon4Box .swiper_box ul li .centerInfo .swiperimgBox .item .imagebox {
  width: 100%;
}
.inside_soluCon4 .soluCon4Box .swiperButBox {
  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;
  position: absolute;
  bottom: 50px;
}
.inside_soluCon4 .soluCon4Box .swiperButBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #ffffff18;
  padding: 10px;
  border-radius: clamp(10px, 1.04166667vw, 20px);
}
.inside_soluCon4 .soluCon4Box .swiperButBox .itemBox .item {
  color: #fff;
  width: 140px;
  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;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: clamp(6px, 0.625vw, 12px);
}
.inside_soluCon4 .soluCon4Box .swiperButBox .itemBox .item.active {
  background: #CF000E !important;
  color: #fff !important;
}
.inside_soluCon4 .soluCon4Box .swiperButBox .itemBox .item:hover {
  color: #CF000E;
}
.inside_soluCon5 {
  width: 100% !important;
  max-width: unset !important;
  height: 100vh;
  overflow: hidden;
  padding: 20px;
  background: #f8f9fb;
}
.inside_soluCon5 .soluCon5 {
  width: 100%;
  height: 100%;
  background: url(../images/solu_10.jpg) no-repeat top left;
  background-attachment: fixed;
  background-size: cover;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  position: relative;
  overflow: hidden;
  padding: clamp(1.25rem, calc(-1.25rem + 3.13vw), 2.5rem) 0 clamp(2.5rem, calc(-2.5rem + 6.25vw), 5rem);
  padding-bottom: 0;
}
@media (max-width:768px) {
  .inside_soluCon5 .soluCon5 {
    padding-bottom: 10px;
  }
}
.inside_soluCon5 .soluCon5 .soluCon5_main {
  width: 100%;
  height: 100%;
  flex: 1;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo {
  width: 100%;
  height: 100%;
  padding-top: clamp(40px, 4.16666667vw, 80px);
}
@media (max-width:640px) {
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo {
    padding-bottom: 0;
  }
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box {
  width: 100%;
  height: 100%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li {
  height: 100% !important;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo {
  width: 100%;
  height: 100%;
  position: relative;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .w1440 {
  height: 100%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox {
  width: 37.5%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox .number {
  font-weight: normal;
  font-size: var(--font24);
  color: #CF000E;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox .title {
  margin-top: 20px;
  font-size: var(--font40);
  color: #fff;
  line-height: 1;
  white-space: normal;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox .subtitle {
  margin-top: 12px;
  font-size: var(--font24);
  color: #fff;
  font-weight: 300;
  padding-bottom: 25px;
  position: relative;
  white-space: normal;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox .subtitle::before {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #ffffff18;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox .subtitle::after {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #CF000E 0%, #ffffff18 40%, #ffffff18 100%);
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox .levtitle {
  margin-top: 25px;
  font-size: var(--font16);
  color: #ffffffbd;
  font-weight: 300;
  white-space: normal;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox .idx_button {
  margin-top: 45px;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox .idx_button a {
  background: #fc6f1e2c;
  color: #CF000E;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox {
  width: 50%;
  position: relative;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .pb {
  padding-bottom: 78%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .pb .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;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .itemBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .itemBox .item {
  position: absolute;
  color: #CF000E;
  width: 0;
  height: 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;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .itemBox .item::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff;
  z-index: 2;
  border-radius: 50%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .itemBox .item::before {
  content: '';
  position: absolute;
  width: clamp(1.125rem, calc(((18 / 16) * 1rem) + (24 - 18) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5rem);
  height: clamp(1.125rem, calc(((18 / 16) * 1rem) + (24 - 18) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5rem);
  background: #CF000E;
  z-index: 1;
  border-radius: 50%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .itemBox .item span {
  opacity: 1;
  white-space: nowrap;
  background: #fe5d001a;
  position: absolute;
  left: calc(100% + 20px);
  padding: 10px 20px;
  border-radius: 50px;
  font-size: var(--font14);
}
@media (max-width:768px) {
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .itemBox .item::after {
    width: 2px;
    height: 2px;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .itemBox .item::before {
    width: 9px;
    height: 9px;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox .itemBox .item span {
    display: none;
  }
}
@media (max-width:990px) {
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .leftBox {
    width: 100%;
    padding-bottom: 0 !important;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .center_box .rightBox {
    width: 100%;
    margin-top: 10px;
  }
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox {
  position: absolute;
  right: 0;
  width: 65.268%;
  top: 0;
  display: none;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .pb {
  padding-bottom: 63.328%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .pb .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;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox .item {
  position: absolute;
  color: #CF000E;
  width: 0;
  height: 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;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox .item::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff;
  z-index: 2;
  border-radius: 50%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox .item::before {
  content: '';
  position: absolute;
  width: clamp(1.125rem, calc(((18 / 16) * 1rem) + (24 - 18) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5rem);
  height: clamp(1.125rem, calc(((18 / 16) * 1rem) + (24 - 18) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5rem);
  background: #CF000E;
  z-index: 1;
  border-radius: 50%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox .item span {
  opacity: 1;
  white-space: nowrap;
  background: #fe5d001a;
  position: absolute;
  left: calc(100% + 20px);
  padding: 10px 20px;
  border-radius: 50px;
  font-size: var(--font14);
}
@media (max-width:768px) {
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox .item::after {
    width: 2px;
    height: 2px;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox .item::before {
    width: 9px;
    height: 9px;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox .item span {
    display: none;
  }
}
@media (max-width:990px) {
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox {
    position: relative;
    width: 100%;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox .item span {
    padding: 5px 10px;
    font-size: 12px;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiperInfo .swiper_box ul li .centerInfo .imageBox .itemBox .item.right span {
    left: calc(100% + 20px);
    right: unset !important;
  }
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images {
  width: 63.82978723%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images ul li.active {
  pointer-events: inherit !important;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox .img {
  width: auto;
  height: auto;
  font-size: 0;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox .itemBox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox .itemBox .item {
  position: absolute;
  color: #CF000E;
  width: 0;
  height: 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;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox .itemBox .item::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff;
  z-index: 2;
  border-radius: 50%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox .itemBox .item::before {
  content: '';
  position: absolute;
  width: clamp(1.125rem, calc(((18 / 16) * 1rem) + (24 - 18) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5rem);
  height: clamp(1.125rem, calc(((18 / 16) * 1rem) + (24 - 18) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5rem);
  background: #CF000E;
  z-index: 1;
  border-radius: 50%;
}
.inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox .itemBox .item span {
  opacity: 1;
  white-space: nowrap;
  background: #fc6f1e2c;
  position: absolute;
  left: calc(100% + 20px);
  padding: 10px 20px;
  border-radius: 50px;
  font-size: var(--font14);
}
@media (max-width:768px) {
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox .itemBox .item::after {
    width: 2px;
    height: 2px;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox .itemBox .item::before {
    width: 9px;
    height: 9px;
  }
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images .center_box .imageBox .itemBox .item span {
    display: none;
  }
}
@media (max-width:990px) {
  .inside_soluCon5 .soluCon5 .soluCon5_main .swiper_images {
    width: 100%;
    height: auto;
    position: relative;
  }
}
.inside_soluCon5 .soluCon5 .swiperButBox {
  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;
  position: absolute;
  left: 0;
  top: clamp(2.5rem, calc(-2.5rem + 6.25vw), 5rem);
  z-index: 10;
  padding: 0 20px;
}
.inside_soluCon5 .soluCon5 .swiperButBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #ffffff18;
  padding: 10px;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 10px 0;
}
.inside_soluCon5 .soluCon5 .swiperButBox .itemBox .item {
  color: #fff;
  min-width: clamp(6.25rem, calc(1.25rem + 6.25vw), 8.75rem);
  width: fit-content;
  height: clamp(2.5rem, calc(1.25rem + 1.56vw), 3.125rem);
  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;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: clamp(6px, 0.625vw, 12px);
  padding: 0 10px;
  font-weight: 300;
}
.inside_soluCon5 .soluCon5 .swiperButBox .itemBox .item.active {
  background: #CF000E !important;
  color: #fff !important;
}
.inside_soluCon5 .soluCon5 .swiperButBox .itemBox .item:hover {
  color: #CF000E;
}
@media (max-width:990px) {
  .inside_soluCon5 .soluCon5 .swiperButBox .itemBox {
    border: 0;
    grid-gap: 10px;
    padding: 0px !important;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    height: 55px;
    border-radius: 0 !important;
    margin-top: 30px;
  }
  .inside_soluCon5 .soluCon5 .swiperButBox .itemBox .item {
    border: 1px solid #ffffff18;
  }
}
@media (max-width:990px) {
  .inside_soluCon5 .soluCon5 .swiperButBox {
    position: relative;
    bottom: 0;
    top: unset !important;
  }
}
@media (max-width:990px) {
  .inside_soluCon5 {
    height: auto;
  }
}
@media (max-width:768px) {
  .inside_soluCon5 {
    padding-top: 0px;
  }
}
/* 内页 解决方案详情 */
.inside_solutionCon1 {
  width: 100%;
  height: auto;
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (120 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
  position: relative;
}
.inside_solutionCon1 .w1440 {
  position: relative;
  z-index: 2;
}
.inside_solutionCon1 .centerBox {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: clamp(3.75rem, calc(((60 / 16) * 1rem) + (90 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5.625rem);
}
.inside_solutionCon1 .centerBox::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 75%;
  height: clamp(8.125rem, calc(((130 / 16) * 1rem) + (300 - 130) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 18.75rem);
  background: #f8f9fb;
  border-top-left-radius: clamp(0px, 0vw, 0px);
  border-top-right-radius: clamp(0px, 0vw, 0px);
  border-bottom-left-radius: clamp(10px, 1.04166667vw, 20px);
  border-bottom-right-radius: clamp(0px, 0vw, 0px);
}
@media (max-width:990px) {
  .inside_solutionCon1 .centerBox::after {
    display: none;
  }
}
.inside_solutionCon1 .centerBox::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 75%;
  height: clamp(8.125rem, calc(((130 / 16) * 1rem) + (300 - 130) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 18.75rem);
  background: #f8f9fb;
  border-top-left-radius: clamp(0px, 0vw, 0px);
  border-top-right-radius: clamp(0px, 0vw, 0px);
  border-bottom-left-radius: clamp(10px, 1.04166667vw, 20px);
  border-bottom-right-radius: clamp(0px, 0vw, 0px);
  transform: translateX(100%);
}
@media (max-width:990px) {
  .inside_solutionCon1 .centerBox::before {
    display: none;
  }
}
.inside_solutionCon1 .centerBox .solutitBox {
  position: relative;
  z-index: 2;
}
.inside_solutionCon1 .centerBox .solutitBox .title {
  padding-bottom: clamp(17.5px, 1.82291667vw, 35px);
  border-bottom: 1px solid #e5e5e5;
}
.inside_solutionCon1 .centerBox .solutitBox .fontBox .subtitle {
  font-size: var(--font24);
  color: #1a1a1a;
  line-height: 1.5;
  max-width: 830px;
  font-weight: 300;
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (60 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.inside_solutionCon1 .centerBox .solutitBox .fontBox .levtitle {
  font-size: var(--font16);
  color: #1a1a1a;
  line-height: 1.5;
  max-width: 910px;
  font-weight: 300;
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (70 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
}
.inside_solutionCon1 .centerBox .contentBox1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (80 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  position: relative;
  z-index: 2;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox {
  width: 75%;
  position: relative;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 {
  position: relative;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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-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;
  z-index: 2;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center .title {
  font-size: var(--font30);
  color: #fff;
  line-height: 1.3;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center .itemBox {
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (30 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 0;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center .itemBox .item {
  width: clamp(11.25rem, calc(((180 / 16) * 1rem) + (240 - 180) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 15rem);
  height: clamp(3.4375rem, calc(((55 / 16) * 1rem) + (80 - 55) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #ffffffcb;
  font-size: var(--font18);
  color: #1a1a1a;
  border-radius: 100px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  animation-name: unset !important;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center .itemBox .item:nth-child(1) {
  transform: translateX(20px);
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center .itemBox .item:nth-child(2) {
  z-index: 3;
  color: #fff;
  background: #CF000E;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center .itemBox .item:nth-child(3) {
  transform: translateX(-20px);
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .images_bg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .images_bg img {
  min-height: 300px;
  width: 100%;
}
@media (max-width:990px) {
  .inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center {
    padding: 30px 20px;
    position: relative;
  }
  .inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center .itemBox {
    width: 100%;
    flex-wrap: wrap;
    grid-gap: 10px 10px;
    grid-template-columns: repeat(1, 1fr);
  }
  .inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .center .itemBox .item {
    margin: 0 !important;
    width: 100%;
    height: 45px;
    background: #ffffffcb;
    font-size: 13px;
    transform: translateX(0) !important;
    background: #ffffffcb !important;
    color: #1a1a1a !important;
  }
  .inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .images_bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
  .inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon1 .images_bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon2 {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (70 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon2 .solusubBox {
  margin-top: 30px;
}
.inside_solutionCon1 .centerBox .contentBox1 .leftBox .coSoCon2 .imagebox {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (40 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
}
.inside_solutionCon1 .centerBox .contentBox1 .rightBox {
  width: 22.22%;
  height: 100%;
  position: sticky;
  top: 100px;
}
.inside_solutionCon1 .centerBox .contentBox1 .rightBox .pb {
  padding-bottom: 62.6%;
  background: #f2f2f2;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.inside_solutionCon1 .centerBox .contentBox1 .rightBox .pb .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;
}
.inside_solutionCon1 .centerBox .contentBox1 .rightBox .pb .ab img {
  mix-blend-mode: multiply;
}
.inside_solutionCon1 .centerBox .contentBox1 .rightBox .sotitle {
  font-size: var(--font24);
  color: #1a1a1a;
  line-height: 1.25;
  margin-top: clamp(1.5625rem, calc(((25 / 16) * 1rem) + (25 - 25) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5625rem);
}
.inside_solutionCon1 .centerBox .contentBox1 .rightBox .sosubtitle {
  font-size: var(--font14);
  color: #1a1a1a;
  line-height: 1.57;
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (35 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.1875rem);
}
.inside_solutionCon1 .centerBox .contentBox1 .rightBox .moreBox {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (35 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.1875rem);
}
.inside_solutionCon1 .centerBox .contentBox1 .rightBox .moreBox a {
  min-width: clamp(5rem, calc(((80 / 16) * 1rem) + (140 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
  width: fit-content;
  height: clamp(1.875rem, calc(((30 / 16) * 1rem) + (38 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.375rem);
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: var(--font14);
  color: #CF000E;
  background: #ffefe5;
  border-radius: 50px;
  grid-gap: 0 22px;
}
@media (max-width:990px) {
  .inside_solutionCon1 .centerBox .contentBox1 {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_solutionCon1 .centerBox .contentBox1 .leftBox {
    width: 100%;
  }
  .inside_solutionCon1 .centerBox .contentBox1 .rightBox {
    width: 100%;
    margin-top: 20px;
    position: relative !important;
    top: unset !important;
    display: none !important;
  }
}
@keyframes left_right {
  0% {
    transform: translateY(50%) translateX(-100%);
  }
  100% {
    transform: translateY(50%) translateX(100%);
  }
}
.inside_solutionCon2 {
  width: 100%;
  height: auto;
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (115 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.1875rem);
  /* 解决方案  两三级标题 */
}
.inside_solutionCon2 .solulevBox .subtitle {
  font-size: var(--font24);
  color: #CF000E;
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}
.inside_solutionCon2 .solulevBox .subtitle span {
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  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;
  width: fit-content;
  position: relative;
}
.inside_solutionCon2 .solulevBox .subtitle span::after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 100%;
  height: 1px;
  background: #CF000E;
}
.inside_solutionCon2 .solulevBox .subtitle span::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 7px;
  background: url(../images/icon_40.png) no-repeat right center;
  transform: translateY(50%);
}
.inside_solutionCon2 .template_1 {
  width: 100%;
  height: auto;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (45 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.8125rem);
}
.inside_solutionCon2 .template_1 .itemBox {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (40 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(20px, 2.08333333vw, 40px);
}
.inside_solutionCon2 .template_1 .itemBox .item {
  background: #f8f9fb;
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  padding-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (50 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  border-radius: clamp(8px, 0.83333333vw, 16px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  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;
}
.inside_solutionCon2 .template_1 .itemBox .item .title {
  font-size: var(--font24);
  color: #1a1a1a;
  line-height: 1.2;
  font-weight: 600;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: calc(1em * 1.2);
}
.inside_solutionCon2 .template_1 .itemBox .item .subtitle {
  font-size: var(--font20);
  color: #1a1a1a;
  font-weight: 300;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: clamp(0.9375rem, calc(((15 / 16) * 1rem) + (30 - 15) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  flex: 1;
}
@media (max-width:768px) {
  .inside_solutionCon2 .template_1 .itemBox .item .subtitle {
    font-size: 14px !important;
  }
}
.inside_solutionCon2 .template_1 .itemBox .item .levtitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: clamp(1.5625rem, calc(((25 / 16) * 1rem) + (25 - 25) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.5625rem);
}
.inside_solutionCon2 .template_1 .itemBox .item .levtitle img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon2 .template_1 .itemBox .item:hover {
  background: #CF000E;
}
.inside_solutionCon2 .template_1 .itemBox .item:hover .title {
  color: #fff;
}
.inside_solutionCon2 .template_1 .itemBox .item:hover .subtitle {
  color: #fff;
}
.inside_solutionCon2 .template_1 .itemBox .item:hover .levtitle img {
  filter: brightness(0) invert(1);
}
@media (max-width:990px) {
  .inside_solutionCon2 .template_1 .itemBox {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px 10px;
  }
  .inside_solutionCon2 .template_1 .itemBox .item {
    position: relative;
  }
  .inside_solutionCon2 .template_1 .itemBox .item .title {
    padding-left: 35px;
    height: 20px;
    font-weight: 400 !important;
  }
  .inside_solutionCon2 .template_1 .itemBox .item .subtitle {
    font-size: 16px;
    line-height: 1.5;
  }
  .inside_solutionCon2 .template_1 .itemBox .item .levtitle {
    position: absolute;
    width: 20px;
    top: 20px;
    left: 20px;
    margin-top: 0;
  }
}
.inside_solutionCon2 .template_1.lastW100 .itemBox {
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.inside_solutionCon2 .template_1.lastW100 .itemBox .item {
  width: 48%;
}
.inside_solutionCon2 .template_1.lastW100 .itemBox .itw100 {
  width: 100% !important;
}
@media (max-width:990px) {
  .inside_solutionCon2 .template_1.lastW100 .itemBox .item {
    width: 100%;
  }
}
.inside_solutionCon2 .template_2 {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.inside_solutionCon2 .template_2 .itemBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (40 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
.inside_solutionCon2 .template_2 .itemBox .item {
  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: 0 20px;
}
.inside_solutionCon2 .template_2 .itemBox .item .iconBox {
  width: clamp(1.875rem, calc(((30 / 16) * 1rem) + (64 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4rem);
}
.inside_solutionCon2 .template_2 .itemBox .item .name {
  width: 100%;
  height: auto;
  flex: 1;
  font-size: var(--font20);
  color: #1a1a1a;
  font-weight: 500;
}
@media (max-width:990px) {
  .inside_solutionCon2 .template_2 .itemBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 10px !important;
  }
  .inside_solutionCon2 .template_2 .itemBox .item {
    grid-gap: 0 10px;
  }
  .inside_solutionCon2 .template_2 .itemBox .name {
    font-weight: 400 !important;
    font-size: 14px;
  }
}
.inside_solutionCon2 .template_3 .itemBox {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (40 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  background: #f8f9fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: clamp(8px, 0.83333333vw, 16px);
}
.inside_solutionCon2 .template_3 .itemBox .item {
  width: 25%;
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
}
.inside_solutionCon2 .template_3 .itemBox .item .title {
  font-size: var(--font20);
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1;
}
.inside_solutionCon2 .template_3 .itemBox .item .subtitle {
  font-size: var(--font24);
  color: #1a1a1a;
  font-weight: 300;
  line-height: 1.2;
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (35 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.1875rem);
  height: 120px;
}
.inside_solutionCon2 .template_3 .itemBox .item .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (35 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.1875rem);
}
.inside_solutionCon2 .template_3 .itemBox .item .list .left {
  width: 50%;
}
.inside_solutionCon2 .template_3 .itemBox .item .list .left .name {
  font-size: var(--font14);
  color: #1a1a1a;
  font-weight: 300;
}
.inside_solutionCon2 .template_3 .itemBox .item .list .left .number {
  font-size: var(--font30);
  color: #1a1a1a;
  font-weight: 700;
  margin-top: 12px;
}
.inside_solutionCon2 .template_3 .itemBox .item .list .left .number span {
  font-size: var(--font16);
}
.inside_solutionCon2 .template_3 .itemBox .item:last-child {
  width: 50%;
}
.inside_solutionCon2 .template_3 .itemBox .item:nth-child(2) {
  background: #f2f4f5;
}
@media (max-width:990px) {
  .inside_solutionCon2 .template_3 .itemBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_solutionCon2 .template_3 .itemBox .item {
    width: 100% !important;
    padding: 30px 20px;
  }
  .inside_solutionCon2 .template_3 .itemBox .item .title {
    font-weight: 400 !important;
    font-size: 16px;
  }
  .inside_solutionCon2 .template_3 .itemBox .item .subtitle {
    height: auto;
    font-size: 14px;
  }
  .inside_solutionCon2 .template_3 .itemBox .item .list .left .number {
    height: 0.8em;
  }
}
.inside_solutionCon2 .centerBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_solutionCon2 .centerBox .leftBox {
  width: 75%;
  height: auto;
}
.inside_solutionCon2 .centerBox .leftBox .solutitBox .title {
  padding-bottom: clamp(17.5px, 1.82291667vw, 35px);
  border-bottom: 1px solid #e5e5e5;
}
.inside_solutionCon2 .centerBox .leftBox .SoluCon1 {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.inside_solutionCon2 .centerBox .leftBox .SoluCon1 .template_2 .itemBox .item {
  width: fit-content;
}
.inside_solutionCon2 .centerBox .leftBox .SoluCon2 {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (120 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
}
.inside_solutionCon2 .centerBox .leftBox .SoluCon2 .imagebox {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  width: 100%;
}
.inside_solutionCon2 .centerBox .leftBox .SoluCon2 .imagebox img {
  width: 100%;
  min-height: 250px;
  object-fit: cover;
}
.inside_solutionCon2 .centerBox .leftBox .SoluCon2 .template_2 .itemBox .item {
  width: fit-content;
}
@media (max-width:990px) {
  .inside_solutionCon2 .centerBox .leftBox .SoluCon2 .template_2 .itemBox {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.inside_solutionCon2 .centerBox .leftBox .SoluCon2 .template_3 {
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (60 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.inside_solutionCon2 .centerBox .leftBox .SoluCon3 {
  margin-top: clamp(3.75rem, calc(((60 / 16) * 1rem) + (140 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
}
.inside_solutionCon2 .centerBox .leftBox .SoluCon4 {
  margin-top: clamp(3.75rem, calc(((60 / 16) * 1rem) + (120 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
}
.inside_solutionCon2 .centerBox .rightBox {
  min-width: 80px;
  max-height: 80vh;
  height: auto;
  position: sticky;
  top: 0px;
  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;
  flex-shrink: 0;
}
.inside_solutionCon2 .centerBox .rightBox .itemBox {
  transform: translateX(80px);
}
.inside_solutionCon2 .centerBox .rightBox .itemBox .item {
  height: clamp(5rem, calc(((80 / 16) * 1rem) + (120 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
  position: relative;
  font-size: var(--font16);
  color: #1a1a1a60;
  padding-left: 13px;
  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;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon2 .centerBox .rightBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #eeeeee;
  z-index: 1;
}
.inside_solutionCon2 .centerBox .rightBox .itemBox .item::before {
  content: '';
  position: absolute;
  left: 0;
  width: 2px;
  height: 0%;
  background: #000000;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon2 .centerBox .rightBox .itemBox .item:hover,
.inside_solutionCon2 .centerBox .rightBox .itemBox .item.active {
  color: #1a1a1a;
}
.inside_solutionCon2 .centerBox .rightBox .itemBox .item:hover::before,
.inside_solutionCon2 .centerBox .rightBox .itemBox .item.active::before {
  height: 100%;
}
@media (max-width:1680px) {
  .inside_solutionCon2 .centerBox .rightBox .itemBox {
    transform: translateX(0px);
  }
}
@media (max-width:990px) {
  .inside_solutionCon2 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_solutionCon2 .centerBox .leftBox {
    width: 100%;
  }
  .inside_solutionCon2 .centerBox .rightBox {
    display: none;
  }
}
.inside_solutionCon3 {
  width: 100%;
  height: auto;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (100 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (110 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.875rem);
  background: url(../images/solu_9.jpg) no-repeat bottom right;
  background-attachment: fixed;
  background-size: cover;
}
.inside_solutionCon3 .centerBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_solutionCon3 .centerBox .titOnfo {
  width: 50%;
}
.inside_solutionCon3 .centerBox .titOnfo .title {
  font-size: var(--font36);
  color: #fff;
  line-height: 1;
  font-weight: 500;
}
.inside_solutionCon3 .centerBox .swiperInfo {
  width: 47.5%;
  background: #cf000e;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem) clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem) 0 clamp(1.25rem, calc(((20 / 16) * 1rem) + (60 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  padding-bottom: clamp(1.25rem, calc(((20 / 16) * 1rem) + (100 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
}
.inside_solutionCon3 .centerBox .swiperInfo .swiper_box {
  width: 100%;
  overflow: hidden;
}
.inside_solutionCon3 .centerBox .swiperInfo .swiper_box ul li .centerInfo .number {
  font-weight: 500;
  line-height: 1;
  font-size: var(--font30);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.inside_solutionCon3 .centerBox .swiperInfo .swiper_box ul li .centerInfo .title {
  font-size: var(--font30);
  color: #fff;
  font-weight: 600;
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (55 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.4375rem);
  font-weight: 300;
}
.inside_solutionCon3 .centerBox .swiperInfo .swiper_box ul li .centerInfo .subtitle {
  font-size: var(--font16);
  color: #ffffff;
  font-weight: 300;
  line-height: 1.5;
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  max-width: 550px;
}
.inside_solutionCon3 .centerBox .swiperInfo .idxPageShow {
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (60 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  grid-gap: 0 14px;
}
.inside_solutionCon3 .centerBox .swiperInfo .idxPageShow .swiper-pagination-bullet-active {
  background: #fff !important;
  opacity: 1 !important;
}
.inside_solutionCon3 .centerBox .swiperInfo .idxPageShow .swiper-pagination-bullet {
  border: 1px solid #fff;
  background: none;
}
@media (max-width:990px) {
  .inside_solutionCon3 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_solutionCon3 .centerBox .titOnfo {
    width: 100%;
  }
  .inside_solutionCon3 .centerBox .swiperInfo {
    width: 100%;
    margin-top: 40px;
  }
}
.inside_solutionCon4 {
  width: 100%;
  height: auto;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (80 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (80 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  background: #f8f9fb;
}
.inside_solutionCon4 .centerBox {
  width: 100%;
  height: auto;
}
.inside_solutionCon4 .centerBox .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (50 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
}
@media (max-width:990px) {
  .inside_solutionCon4 .centerBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px !important;
  }
}
@media (max-width:480px) {
  .inside_solutionCon4 .centerBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.inside_solutionCon4 .centerBox .itemBox .item {
  background: #ffffff;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  overflow: hidden;
}
.inside_solutionCon4 .centerBox .itemBox .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
}
.inside_solutionCon4 .centerBox .itemBox .item a::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #cf000e 0%, #cf000e 100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon4 .centerBox .itemBox .item a .leftBox {
  position: relative;
  z-index: 2;
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inside_solutionCon4 .centerBox .itemBox .item a .leftBox .fontBox .title {
  font-size: var(--font14);
  color: #1a1a1a;
  font-weight: 500;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon4 .centerBox .itemBox .item a .leftBox .fontBox .subtitle {
  font-weight: 500;
  font-size: var(--font24);
  color: #1a1a1a;
  line-height: 1;
  margin-top: 15px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon4 .centerBox .itemBox .item a .leftBox .moreBox {
  font-size: 13px;
  color: #CF000E;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  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: 0 10px;
}
.inside_solutionCon4 .centerBox .itemBox .item a .leftBox .moreBox img {
  width: clamp(0.3125rem, calc(((5 / 16) * 1rem) + (7 - 5) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.4375rem);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon4 .centerBox .itemBox .item a .rightBox {
  position: relative;
  z-index: 2;
  width: 42.88%;
  flex-shrink: 0;
  background: #e8e9eb;
}
.inside_solutionCon4 .centerBox .itemBox .item a .rightBox .pb {
  padding-bottom: 130%;
}
.inside_solutionCon4 .centerBox .itemBox .item a .rightBox .pb .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;
}
.inside_solutionCon4 .centerBox .itemBox .item a .rightBox .pb .ab img {
  max-width: 85%;
  max-height: 85%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width:990px) {
  .inside_solutionCon4 .centerBox .itemBox .item a {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inside_solutionCon4 .centerBox .itemBox .item a .leftBox {
    width: 100%;
  }
  .inside_solutionCon4 .centerBox .itemBox .item a .leftBox .moreBox {
    margin-top: 12px;
  }
  .inside_solutionCon4 .centerBox .itemBox .item a .rightBox {
    width: 100%;
  }
  .inside_solutionCon4 .centerBox .itemBox .item a .rightBox .pb {
    padding-bottom: 50%;
  }
}
.inside_solutionCon4 .centerBox .itemBox .item a:hover::after {
  opacity: 1;
}
.inside_solutionCon4 .centerBox .itemBox .item a:hover .leftBox .fontBox .title {
  color: #fff;
}
.inside_solutionCon4 .centerBox .itemBox .item a:hover .leftBox .fontBox .subtitle {
  color: #fff;
}
.inside_solutionCon4 .centerBox .itemBox .item a:hover .moreBox {
  color: #fff;
}
.inside_solutionCon4 .centerBox .itemBox .item a:hover .moreBox img {
  filter: brightness(0) invert(1);
}
.inside_solutionCon4 .centerBox .itemBox .item a:hover .rightBox .pb .ab img {
  transform: scale(1.03);
}
.inside_solutionCon5 {
  width: 100%;
  height: auto;
  padding-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (80 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  padding-bottom: clamp(3.75rem, calc(((60 / 16) * 1rem) + (80 - 60) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
  background: #f8f9fb;
}
.inside_solutionCon5 .centerBox {
  width: 100%;
  height: auto;
}
.inside_solutionCon5 .centerBox .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(30px, 3.125vw, 60px) clamp(10px, 1.04166667vw, 20px);
  margin-top: clamp(1.875rem, calc(((30 / 16) * 1rem) + (60 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
@media (max-width:990px) {
  .inside_solutionCon5 .centerBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
  }
}
@media (max-width:480px) {
  .inside_solutionCon5 .centerBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.inside_solutionCon5 .centerBox .itemBox .item {
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: clamp(15px, 1.5625vw, 30px);
  padding-bottom: clamp(15px, 1.5625vw, 30px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
  padding-right: clamp(12.5px, 1.30208333vw, 25px);
  grid-gap: clamp(0px, 0vw, 0px) clamp(12px, 1.25vw, 24px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width:990px) {
  .inside_solutionCon5 .centerBox .itemBox .item {
    padding: 20px;
  }
}
.inside_solutionCon5 .centerBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #cf000e 0%, #cf000e 100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon5 .centerBox .itemBox .item .leftBox {
  width: clamp(1.75rem, calc(((28 / 16) * 1rem) + (40 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
@media (max-width:990px) {
  .inside_solutionCon5 .centerBox .itemBox .item .leftBox {
    width: 20px;
  }
}
.inside_solutionCon5 .centerBox .itemBox .item .leftBox img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon5 .centerBox .itemBox .item .rightBox {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.inside_solutionCon5 .centerBox .itemBox .item .rightBox .title {
  font-size: var(--font20);
  color: #1a1a1a;
  line-height: 1.3;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 600;
}
@media (max-width:990px) {
  .inside_solutionCon5 .centerBox .itemBox .item .rightBox .title {
    font-weight: 400;
  }
}
.inside_solutionCon5 .centerBox .itemBox .item .rightBox .downBox {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.inside_solutionCon5 .centerBox .itemBox .item .rightBox .downBox a {
  min-width: clamp(5rem, calc(((80 / 16) * 1rem) + (100 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  width: fit-content;
  height: clamp(1.875rem, calc(((30 / 16) * 1rem) + (36 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.25rem);
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: clamp(4px, 0.41666667vw, 8px);
  font-size: var(--font14);
  color: #1a1a1a;
  background: #f2f3f5;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inside_solutionCon5 .centerBox .itemBox .item:hover::after {
  opacity: 1;
}
.inside_solutionCon5 .centerBox .itemBox .item:hover .leftBox img {
  filter: brightness(0) invert(1);
}
.inside_solutionCon5 .centerBox .itemBox .item:hover .rightBox .title {
  color: #fff;
}
.inside_solutionCon5 .centerBox .itemBox .item:hover .rightBox .downBox a {
  background: #ff8d39;
  color: #fff;
}
.inside_solutionCon6 {
  width: 100%;
  height: auto;
  padding-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (60 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  background: #f8f9fb;
}
@media (max-width:768px) {
  .inside_solutionCon6 {
    padding-top: 20px;
  }
}
.r_searchCon1 {
  padding-top: clamp(50px, 5.20833333vw, 100px);
  background: #e8e9eb;
}
.r_searchCon1 .centerBox .inputBox {
  width: 100%;
  background: #fff;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.r_searchCon1 .centerBox .inputBox .input {
  height: 70px;
  width: 100%;
}
@media (max-width:990px) {
  .r_searchCon1 .centerBox .inputBox .input {
    height: 50px;
  }
}
.r_searchCon1 .centerBox .inputBox .input input {
  width: 100%;
  height: 100%;
  border: 0;
  background: none;
  padding-left: 30px;
}
.r_searchCon1 .centerBox .inputBox .icon {
  width: 70px;
  height: 70px;
  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;
  flex-shrink: 0;
  cursor: pointer;
}
@media (max-width:990px) {
  .r_searchCon1 .centerBox .inputBox .icon {
    height: 50px;
  }
}
.r_searchCon1 .centerBox .choseBox {
  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;
  margin-top: 40px;
}
.r_searchCon1 .centerBox .choseBox .itemBox {
  width: auto;
  padding: 10px;
  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;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  border: 1px solid #d9dadc;
}
.r_searchCon1 .centerBox .choseBox .itemBox .item {
  min-width: clamp(7.5rem, calc(((120 / 16) * 1rem) + (140 - 120) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.75rem);
  position: relative;
  border-radius: clamp(6px, 0.625vw, 12px);
  overflow: hidden;
}
.r_searchCon1 .centerBox .choseBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: #CF000E;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.r_searchCon1 .centerBox .choseBox .itemBox .item a {
  width: 100%;
  height: clamp(2.5rem, calc(((40 / 16) * 1rem) + (50 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  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(--font16);
  color: #1a1a1a;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.r_searchCon1 .centerBox .choseBox .itemBox .item a:hover {
  color: #CF000E;
}
.r_searchCon1 .centerBox .choseBox .itemBox .item.active::after {
  width: 100%;
  left: 0;
}
.r_searchCon1 .centerBox .choseBox .itemBox .item.active a {
  color: #fff !important;
}
@media (max-width:990px) {
  .r_searchCon1 .centerBox .choseBox .itemBox {
    border: 0;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 14px 14px;
  }
  .r_searchCon1 .centerBox .choseBox .itemBox .item {
    width: calc(50% - 7px);
    border: 1px solid #d9dadc;
  }
}
.r_searchCon2 {
  background: #e8e9eb;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px;
  padding-top: 40px;
}
.r_searchCon2 .searchCon2 {
  background: #fff;
  min-height: 500px;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
}
.profcc {
  width: 100%;
  height: auto;
}
.profcc .centerBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .profcc .centerBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .profcc .centerBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.profcc .centerBox .item a {
  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;
  padding: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #ffffff;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  border: 1px solid #e5e5e5b2;
}
.profcc .centerBox .item a .fontBox {
  position: relative;
  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;
}
.profcc .centerBox .item a .fontBox .title {
  font-weight: 500;
  line-height: 1;
  font-size: var(--font24);
  color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profcc .centerBox .item a .fontBox .subtitle {
  font-size: var(--font16);
  color: #808080;
  margin-top: 10px;
}
.profcc .centerBox .item a .fontBox .arrowBox {
  position: absolute;
  right: 0;
  width: clamp(1.875rem, calc(((30 / 16) * 1rem) + (36 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.25rem);
  height: clamp(1.875rem, calc(((30 / 16) * 1rem) + (36 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.25rem);
  border-radius: 50%;
  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: #ffefe5;
  transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profcc .centerBox .item a .listBox {
  margin-top: clamp(0.75rem, calc(((12 / 16) * 1rem) + (30 - 12) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
}
.profcc .centerBox .item a .listBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 8px;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.profcc .centerBox .item a .listBox ul li {
  width: fit-content;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  height: clamp(1.75rem, calc(((28 / 16) * 1rem) + (32 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2rem);
  background: #f5f6f7;
  font-size: var(--font14);
  color: #1a1a1a;
  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: 100px;
}
.profcc .centerBox .item a .imagesBox {
  margin-top: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
}
.profcc .centerBox .item a .imagesBox .pb {
  padding-bottom: 77%;
}
.profcc .centerBox .item a .imagesBox .pb .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;
}
.profcc .centerBox .item a .imagesBox .pb .ab img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profcc .centerBox .item a:hover {
  box-shadow: 0px 20px 120px 0px rgba(0, 0, 0, 0.1);
  /* .imagesBox .pb .ab img{transform: scale(1.02);} */
}
.profcc .centerBox .item a:hover .fontBox .title {
  color: #CF000E;
}
.profcc .centerBox .item a:hover .fontBox .arrowBox {
  transform: translateX(0);
  opacity: 1;
}
.newsfcc .newCon2 {
  width: 100%;
  height: auto;
}
.newsfcc .newCon2 .itemBox {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(40px, 4.16666667vw, 80px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .newsfcc .newCon2 .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .newsfcc .newCon2 .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.newsfcc .newCon2 .itemBox .item {
  width: 100%;
  height: auto;
}
.newsfcc .newCon2 .itemBox .item a {
  width: 100%;
  height: clamp(26.25rem, calc(((420 / 16) * 1rem) + (512 - 420) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 32rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 30px;
  position: relative;
  padding: 20px 20px 30px  20px;
  border-radius: clamp(6px, 0.625vw, 12px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.newsfcc .newCon2 .itemBox .item a::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/new_bg.png) no-repeat bottom right;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.newsfcc .newCon2 .itemBox .item a .topBox {
  position: relative;
}
.newsfcc .newCon2 .itemBox .item a .topBox .imagesBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  border-radius: clamp(6px, 0.625vw, 12px);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.newsfcc .newCon2 .itemBox .item a .topBox .imagesBox .pb {
  padding-bottom: 56.5%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.newsfcc .newCon2 .itemBox .item a .topBox .imagesBox .pb .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;
}
.newsfcc .newCon2 .itemBox .item a .topBox .imagesBox .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.newsfcc .newCon2 .itemBox .item a .topBox .timeInfo {
  margin-top: 30px;
}
.newsfcc .newCon2 .itemBox .item a .topBox .timeInfo .pb {
  padding-bottom: 56.5%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.newsfcc .newCon2 .itemBox .item a .topBox .title {
  font-size: var(--font20);
  color: #1a1a1a;
  line-height: 1.3;
  margin-top: 15px;
  max-width: 350px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 800;
}
.newsfcc .newCon2 .itemBox .item a .botBox {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (80 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 5rem);
}
.newsfcc .newCon2 .itemBox .item a:hover {
  background: #e8e9eb;
}
.newsfcc .newCon2 .itemBox .item a:hover::after {
  opacity: 1;
}
.newsfcc .newCon2 .itemBox .item a:hover .topBox .imagesBox {
  top: -500px;
}
.newsfcc .newCon2 .itemBox .item a:hover .topBox .timeInfo .pb {
  padding-bottom: 0;
}
@media (max-width:990px) {
  .newsfcc .newCon2 .itemBox .item a {
    min-height: 450px;
    height: auto;
    padding-bottom: 20px;
  }
}
@media (max-width:640px) {
  .newsfcc .newCon2 .itemBox .item a {
    background: none !important;
    min-height: unset !important;
    height: auto !important;
    padding: 20px 0;
  }
  .newsfcc .newCon2 .itemBox .item a::after {
    opacity: 0 !important;
  }
  .newsfcc .newCon2 .itemBox .item a .imagesBox {
    top: 0px !important;
    position: relative !important;
  }
  .newsfcc .newCon2 .itemBox .item a .timeInfo .pb {
    padding-bottom: 0;
    display: none !important;
  }
}
.downfcc .centerBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(30px, 3.125vw, 60px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .downfcc .centerBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:640px) {
  .downfcc .centerBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.downfcc .centerBox .item {
  width: 100%;
  height: auto;
  border: 1px solid #e6e7e9;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: clamp(15px, 1.5625vw, 30px);
  padding-bottom: clamp(15px, 1.5625vw, 30px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
  padding-right: clamp(12.5px, 1.30208333vw, 25px);
  grid-gap: clamp(0px, 0vw, 0px) clamp(12px, 1.25vw, 24px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.downfcc .centerBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #cf000e 0%, #cf000e 100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.downfcc .centerBox .item .leftBox {
  width: clamp(1.75rem, calc(((28 / 16) * 1rem) + (40 - 28) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.downfcc .centerBox .item .leftBox img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.downfcc .centerBox .item .rightBox {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.downfcc .centerBox .item .rightBox .title {
  font-size: var(--font20);
  color: #1a1a1a;
  line-height: 1.3;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.downfcc .centerBox .item .rightBox .downBox {
  margin-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.downfcc .centerBox .item .rightBox .downBox a {
  min-width: clamp(5rem, calc(((80 / 16) * 1rem) + (100 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
  width: fit-content;
  height: clamp(1.875rem, calc(((30 / 16) * 1rem) + (36 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.25rem);
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: clamp(4px, 0.41666667vw, 8px);
  font-size: var(--font14);
  color: #1a1a1a;
  background: #f2f3f5;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.downfcc .centerBox .item:hover {
  border: 1px solid #CF000E;
}
.downfcc .centerBox .item:hover::after {
  opacity: 1;
}
.downfcc .centerBox .item:hover .leftBox img {
  filter: brightness(0) invert(1);
}
.downfcc .centerBox .item:hover .rightBox .title {
  color: #fff;
}
.downfcc .centerBox .item:hover .rightBox .downBox a {
  background: #ff8d39;
  color: #fff;
}
.pendantBox {
  position: fixed;
  bottom: 40px;
  right: clamp(0.3125rem, calc(((5 / 16) * 1rem) + (40 - 5) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
  z-index: 888;
  display: none;
}
.pendantBox .itemBox {
  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;
  grid-gap: 20px 0;
}
.pendantBox .itemBox .item {
  position: relative;
  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;
}
.pendantBox .itemBox .item .iconBox {
  width: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  height: clamp(2.5rem, calc(((40 / 16) * 1rem) + (60 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
  background: #CF000E;
  border-radius: 50%;
  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;
  cursor: pointer;
}
.pendantBox .itemBox .item .contShow {
  position: absolute;
  right: calc(100% + 20px);
  bottom: 0px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
  background: #ffffff;
  padding: 20px;
  border-radius: clamp(8px, 0.83333333vw, 16px);
  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-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  min-width: 202px;
}
.pendantBox .itemBox .item .contShow .closBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.pendantBox .itemBox .item .contShow .closBox .imgiBox {
  width: 40px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.pendantBox .itemBox .item .contShow .title {
  font-size: var(--font14);
  color: #808080;
  text-align: center;
  margin-top: 12px;
  line-height: 1;
}
.pendantBox .itemBox .item .contShow .subtitle {
  font-weight: 500;
  font-size: var(--font24);
  color: #CF000E;
  margin-top: 15px;
  line-height: 1;
}
.pendantBox .itemBox .item .contShow .imgBox {
  border: 1px solid #e5e5e5;
  width: fit-content;
  margin-top: 12px;
}
.pendantBox .itemBox .item .contShow .butBox {
  width: 100%;
  margin-top: 10px;
}
.pendantBox .itemBox .item .contShow .butBox a {
  font-size: var(--font14);
  color: #1a1a1a;
  height: clamp(2.5rem, calc(((40 / 16) * 1rem) + (50 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.125rem);
  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;
  width: 100%;
  border: 1px solid #ededed;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  grid-gap: 0 5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pendantBox .itemBox .item .contShow .butBox a:hover {
  background: #CF000E;
  color: #fff;
  border: 1px solid #CF000E;
}
.pendantBox .itemBox .item .contShow .butBox.bgColor {
  margin-top: 20px;
}
.pendantBox .itemBox .item .contShow .butBox.bgColor a {
  background: #CF000E;
  border: 1px solid #CF000E;
  color: #fff;
}
.pendantBox .itemBox .item .contShow .butBox.bgColor a img {
  filter: brightness(0) invert(1);
}
.pendantBox .itemBox .item .contShow.active {
  opacity: 1;
  visibility: visible;
}
.pendantBox .itemBox .item:last-child .iconBox {
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width:990px) {
  .pendantBox {
    display: none !important;
  }
}
.messageBox {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999999;
  top: 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;
  background: #00000028;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.messageBox .contentBox {
  max-width: 90%;
  max-height: 90vh;
  width: 1000px;
  height: auto;
  position: relative;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
}
.messageBox .contentBox .closeMess {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  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;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.messageBox .contentBox .closeMess i {
  width: 20px;
  height: 2px;
  position: absolute;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.messageBox .contentBox .closeMess i:first-child {
  transform: rotate(45deg);
}
.messageBox .contentBox .closeMess:hover {
  transform: rotate(360deg);
}
.messageBox .contentBox .closeMess:hover i {
  background: #CF000E;
}
.messageBox .contentBox .layui-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 6px 0;
}
.messageBox .contentBox .layui-form .layui_item {
  width: calc(50% - 15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0 10px;
  border-bottom: 1px solid #00000028;
  height: clamp(3.125rem, calc(((50 / 16) * 1rem) + (60 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.75rem);
}
.messageBox .contentBox .layui-form .layui_item .layui_label {
  font-size: var(--font14);
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
}
.messageBox .contentBox .layui-form .layui_item .layui_label span {
  color: #CF000E;
}
.messageBox .contentBox .layui-form .layui_item .layui_block {
  width: 100%;
  height: 100%;
}
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-input,
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-textarea,
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-form-select {
  height: 100%;
  background: none !important;
  border: 0 !important;
  color: #000;
  font-size: var(--font14);
  padding-left: 0 !important;
}
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-form-select {
  font-size: var(--font14);
}
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-form-select dl {
  top: 100%;
  border-radius: clamp(8px, 0.83333333vw, 16px);
}
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-input:focus,
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-textarea:focus {
  box-shadow: unset !important;
}
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-form-select dl dd {
  color: #1a1a1a;
}
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-form-select dl dd.layui-this {
  color: #CF000E;
}
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-form-select .layui-edge {
  border-top-color: #CF000E;
}
.messageBox .contentBox .layui-form .layui_item .layui_block input::-webkit-input-placeholder,
.messageBox .contentBox .layui-form .layui_item .layui_block textarea::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}
.messageBox .contentBox .layui-form .layui_item .layui_block input:-moz-placeholder,
.messageBox .contentBox .layui-form .layui_item .layui_block textarea:-moz-placeholder {
  color: #000;
  opacity: 1;
}
.messageBox .contentBox .layui-form .layui_item .layui_block input::-moz-placeholder,
.messageBox .contentBox .layui-form .layui_item .layui_block textarea::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.messageBox .contentBox .layui-form .layui_item .layui_block input:-ms-input-placeholder,
.messageBox .contentBox .layui-form .layui_item .layui_block textarea:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}
.messageBox .contentBox .layui-form .layui_item .layui_block .layui-select-title {
  height: 100%;
}
@media (max-width:990px) {
  .messageBox .contentBox .layui-form .layui_item {
    width: 100% !important;
  }
}
.messageBox .contentBox .layui-form .layui_item.wi100 {
  width: 100% !important;
  height: auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.messageBox .contentBox .buttonInfo {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
.messageBox .contentBox .buttonInfo button {
  min-width: clamp(7.1875rem, calc(((115 / 16) * 1rem) + (134 - 115) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.375rem);
  width: fit-content;
  height: clamp(2.375rem, calc(((38 / 16) * 1rem) + (44 - 38) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.75rem);
  padding: 0 20px;
  color: #fff;
  border: 0;
  background: #CF000E;
  border-radius: clamp(6px, 0.625vw, 12px);
  font-size: var(--font14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.messageBox .contentBox .buttonInfo button:hover {
  padding: 0 25px;
}
.messageBox.active {
  opacity: 1;
  visibility: visible;
}
/* 客服挂件 */
.kefu_box {
  width: auto;
  height: auto;
  position: fixed;
  bottom: 50px;
  right: 0;
  z-index: 19;
  /*transform: translateY(-25%);*/
}
.kefu_box .item {
  width: 54px;
  height: 54px;
  background: #ededed;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.kefu_box .item:first-child {
  border-radius: 8px 0 0 0;
}
.kefu_box .item:last-child {
  border-radius: 0 0 0 8px;
}
.kefu_box .item .images {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.kefu_box .item .images .img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kefu_box .item .images .img img {
  max-width: 40%;
  max-height: 40%;
}
.kefu_box .item .images .icon_hot {
  width: 50%;
  height: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kefu_box .item .images .icon_hot i {
  background: #ffbb48;
}
.kefu_box .item .info {
  width: auto;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  transform: translateX(25%);
  background: #CF000E;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 8px 0 0 8px;
}
.kefu_box .item .info a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 54px 10px 15px;
  font-size: 14px;
  color: #fff;
}
.kefu_box .item.last {
  background: #CF000E;
}
.kefu_box .item:hover .images .img {
  filter: brightness(0) invert(1);
}
.kefu_box .item:hover .images .icon_hot {
  opacity: 0.6;
}
.kefu_box .item:hover .info {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
@media (max-width:1024px) {
  .kefu_box .item {
    width: 48px;
    height: 48px;
  }
  .kefu_box .item .info a {
    padding: 8px 48px 8px 10px;
  }
}
.kefu_box .contrast {
  width: 54px;
  height: auto;
  margin-top: 54px;
}
.kefu_box .contrast .number {
  width: 100%;
  height: auto;
}
@media (max-width:1024px) {
  .kefu_box {
    display: none;
  }
}
.section.active .idx_solution .idx_title .title,
.section.active .idx_solution .idx_title .subtitle,
.section.active .idx_solution .botBox .leftBox,
.section.active .idx_solution .botBox .rightBox {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .idx_solution .idx_title .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .idx_solution .botBox .leftBox,
.section.active .idx_solution .botBox .rightBox {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .idx_power .idx_title .title,
.section.active .idx_power .idx_title .subtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .idx_power .idx_title .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .idx_service .idx_title .title,
.section.active .idx_service .idx_title .subtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .idx_service .idx_title .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .idx_about .idx_title .title,
.section.active .idx_about .idx_title .subtitle,
.section.active .idx_about .idx_title .levtitle,
.section.active .idx_about .idx_button {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .idx_about .idx_title .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .idx_about .idx_title .levtitle {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .idx_about .idx_button {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.section.active .idx_partner .idx_title .title,
.section.active .idx_partner .idx_title .subtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .idx_partner .idx_title .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_serCon1 .titBox .title,
.section.active .inside_serCon1 .itemBox,
.section.active .inside_serCon1 .swiperInfo {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_serCon1 .itemBox {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_serCon1 .swiperInfo {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .inside_serCon2 .inside_sev .title,
.section.active .inside_serCon2 .inside_sev .subtitle,
.section.active .inside_serCon2 .cardBox {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_serCon2 .inside_sev .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_serCon2 .cardBox {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .inside_aboutCon1 .leftBox .abtitBox .title,
.section.active .inside_aboutCon1 .rightBox .abtitBox .subtitle,
.section.active .inside_aboutCon1 .rightBox .abtitBox .lelvtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_aboutCon1 .rightBox .abtitBox .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_aboutCon1 .rightBox .abtitBox .lelvtitle {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .inside_aboutCon2 .contBox,
.section.active .inside_aboutCon2 .abtitBox .title,
.section.active .inside_aboutCon2 .abtitBox .subtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_aboutCon2 .abtitBox .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_aboutCon2 .contBox {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .inside_aboutCon3 .abtitBox .subtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_aboutCon3 .itemBox .item {
  opacity: 1 !important;
}
.section.active .inside_aboutCon3 .itemBox .item:first-child {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_aboutCon3 .itemBox .item:nth-child(2) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .inside_aboutCon3 .itemBox .item:nth-child(3) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.section.active .inside_aboutCon4 .abtitBox .title,
.section.active .inside_aboutCon4 .abtitBox .subtitle,
.section.active .inside_aboutCon4 .swiperInfo {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_aboutCon4 .abtitBox .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_aboutCon4 .swiperInfo {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .inside_aboutCon5 .abtitleBox .title,
.section.active .inside_aboutCon5 .abtitleBox .number,
.section.active .inside_aboutCon5 .swiperInfo {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_aboutCon5 .abtitleBox .number {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_aboutCon5 .swiperInfo {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .inside_aboutCon6 .aboutCon6 .centerBox .abtitBox .title,
.section.active .inside_aboutCon6 .aboutCon6 .centerBox .abtitBox .subtitle,
.section.active .inside_aboutCon6 .aboutCon6 .centerBox .numberBox {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_aboutCon6 .aboutCon6 .centerBox .abtitBox .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_aboutCon6 .aboutCon6 .centerBox .numberBox {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.section.active .inside_techtCon1 .abtitBox .title,
.section.active .inside_techtCon1 .abtitBox .subtitle,
.section.active .inside_techtCon1 .abtitBox .lelvtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_techtCon1 .abtitBox .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_techtCon1 .abtitBox .lelvtitle {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.section.active .inside_techtCon2 .abtitBox .title,
.section.active .inside_techtCon2 .abtitBox .subtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_techtCon2 .abtitBox .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_techtCon3 .tetitBox .title,
.section.active .inside_techtCon3 .tetitBox .subtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_techtCon3 .tetitBox .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.section.active .inside_techtCon4 .abtitBox .title,
.section.active .inside_techtCon4 .abtitBox .subtitle,
.section.active .inside_techtCon4 .abtitBox .lelvtitle {
  transform: translateY(0px);
  opacity: 1;
}
.section.active .inside_techtCon4 .abtitBox .subtitle {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}