@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 linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.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;
}
.w1500 {
  width: 100%;
  max-width: 1500px;
  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;
}
/* ----------------------------------------------------------字体 */
.font240 {
  font-size: 240px;
}
@media (max-width:1600px) {
  .font240 {
    font-size: 226px;
  }
}
@media (max-width:1560px) {
  .font240 {
    font-size: 214px;
  }
}
@media (max-width:1440px) {
  .font240 {
    font-size: 192px;
  }
}
@media (max-width:1366px) {
  .font240 {
    font-size: 170px;
  }
}
@media (max-width:1200px) {
  .font240 {
    font-size: 148px;
  }
}
@media (max-width:1024px) {
  .font240 {
    font-size: 126px;
  }
}
@media (max-width:768px) {
  .font240 {
    font-size: 104px;
  }
}
@media (max-width:480px) {
  .font240 {
    font-size: 82px;
  }
}
@media (max-width:360px) {
  .font240 {
    font-size: 60px;
  }
}
.font220 {
  font-size: 220px;
}
@media (max-width:1600px) {
  .font220 {
    font-size: 226px;
  }
}
@media (max-width:1560px) {
  .font220 {
    font-size: 214px;
  }
}
@media (max-width:1440px) {
  .font220 {
    font-size: 192px;
  }
}
@media (max-width:1366px) {
  .font220 {
    font-size: 170px;
  }
}
@media (max-width:1200px) {
  .font220 {
    font-size: 148px;
  }
}
@media (max-width:1024px) {
  .font220 {
    font-size: 126px;
  }
}
@media (max-width:768px) {
  .font220 {
    font-size: 104px;
  }
}
@media (max-width:480px) {
  .font220 {
    font-size: 82px;
  }
}
@media (max-width:360px) {
  .font220 {
    font-size: 60px;
  }
}
.font105 {
  font-size: 105px;
}
@media (max-width:1600px) {
  .font105 {
    font-size: 90px;
  }
}
@media (max-width:1560px) {
  .font105 {
    font-size: 80px;
  }
}
@media (max-width:1440px) {
  .font105 {
    font-size: 70px;
  }
}
@media (max-width:1366px) {
  .font105 {
    font-size: 60px;
  }
}
@media (max-width:1200px) {
  .font105 {
    font-size: 50px;
  }
}
@media (max-width:1024px) {
  .font105 {
    font-size: 40px;
  }
}
@media (max-width:768px) {
  .font105 {
    font-size: 45px;
  }
}
@media (max-width:480px) {
  .font105 {
    font-size: 40px;
  }
}
@media (max-width:360px) {
  .font105 {
    font-size: 30px;
  }
}
.font86 {
  font-size: 86px;
}
@media (max-width:1600px) {
  .font86 {
    font-size: 70px;
  }
}
@media (max-width:1366px) {
  .font86 {
    font-size: 62px;
  }
}
@media (max-width:1024px) {
  .font86 {
    font-size: 50px;
  }
}
@media (max-width:768px) {
  .font86 {
    font-size: 40px;
  }
}
@media (max-width:480px) {
  .font86 {
    font-size: 35px;
  }
}
@media (max-width:360px) {
  .font86 {
    font-size: 30px;
  }
}
.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;
}
/* ----------------------------------------------------------  内外边距 */
/* 间距 */
@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,
  .w1500,
  .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,
  .w1500,
  .w1400,
  .w1350,
  .wrap,
  .w1440,
  .w1600,
  .w1280,
  .w1200,
  .w1310,
  .w1200 .w1040,
  .w1194 {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .w1800,
  .w1720,
  .w1680,
  .w1560,
  .w1500,
  .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%;
}
/* ----------------------------------------------------------    字体 */
@font-face {
  font-family: "sy_me";
  src: url(../fonts/SourceHanSansCN-Medium.ttf);
}
.sy_me {
  font-family: "sy_me";
}
@font-face {
  font-family: "sy_bo";
  src: url(../fonts/SourceHanSansCN-Bold.ttf);
}
.sy_bo {
  font-family: "sy_bo";
}
@font-face {
  font-family: "sy_re";
  src: url(../fonts/SourceHanSansCN-Regular.ttf);
}
.sy_re {
  font-family: "sy_re";
}
@font-face {
  font-family: "sy_li";
  src: url(../fonts/SourceHanSansCN-Light.ttf);
}
.sy_li {
  font-family: "sy_li";
}
@font-face {
  font-family: "sy_ex";
  src: url(../fonts/SourceHanSans-ExtraLight.ttf);
}
.sy_ex {
  font-family: "sy_ex";
}
@font-face {
  font-family: "sy_he";
  src: url(../fonts/SourceHanSansCN-Heavy.ttf);
}
.sy_he {
  font-family: "sy_he";
}
@font-face {
  font-family: "pi_re";
  src: url(../fonts/PingFang-Regular.ttf);
}
.pi_re {
  font-family: "pi_re";
}
@font-face {
  font-family: "or_re";
  src: url(../fonts/Orbitron-Regular.ttf);
}
.or_re {
  font-family: "or_re";
}
@font-face {
  font-family: "or_me";
  src: url(../fonts/Orbitron-Medium.ttf);
}
.or_me {
  font-family: "or_me";
}
@font-face {
  font-family: "or_bo";
  src: url(../fonts/Orbitron-Bold.ttf);
}
.or_bo {
  font-family: "or_bo";
}
@font-face {
  font-family: "po_re";
  src: url(../fonts/Orbitron-Regular.ttf);
}
.po_re {
  font-family: "po_re";
}
/* ----------------------------------------------------------    主题色 */
/* ----------------------------------------------------------   视频弹窗 */
.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: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.videobox .close:hover {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  background: #d42d24;
  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;
  }
}
.hideBox {
  display: none !important;
}
/* ----------------------------------------------------------    手机端导航 */
.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 a {
  font-family: "sy_re";
}
.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;
}
.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 linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.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: #d42d24;
}
.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: #d42d24;
}
.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 linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  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 linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.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 linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.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 linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  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 linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.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: #d42d24;
}
.m_header_box .header_body .menu_nav ul li .one.active .icon {
  color: #d42d24;
}
.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 #d42d24;
  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: #d42d24;
}
.m_header_box .header_body .menu_nav ul li ul li a.active .icon {
  color: #d42d24;
}
.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: #d42d24;
}
.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: #d42d24;
}
.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: #d42d24;
  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;
  }
}
@keyframes scaletop {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes xuanZhuan {
  0% {
    transform: rotate(0deg) scale(0.95);
  }
  50% {
    transform: rotate(360deg) scale(1.05);
  }
  100% {
    transform: rotate(0deg) scale(0.95);
  }
}
@keyframes big_tr {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
/* PC端导航 */
.productNav .header_box {
  background: none;
  box-shadow: none;
}
.productNav.isactive .header_box {
  background: #fff !important;
}
.header_box {
  height: 65px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
  transition: all 0.5s;
  background: #ffffff;
  padding-left: clamp(20px, 2.08333333vw, 40px);
  padding-right: clamp(20px, 2.08333333vw, 40px);
}
.header_box.hideBanner {
  transform: translateY(-100%);
}
.header_box a {
  font-family: "sy_re";
}
.header_box .w1600 {
  height: 100%;
}
.header_box .header_main {
  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;
  padding: 0 !important;
}
.header_box .header_main .logo {
  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;
  max-width: 163px;
}
.header_box .header_main .nav_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  grid-gap: clamp(0px, 0vw, 0px) clamp(19.5px, 2.03125vw, 39px);
}
.header_box .header_main .nav_item > .item {
  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;
}
.header_box .header_main .nav_item > .item > 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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  font-size: 14px;
  color: #000000;
  position: relative;
  transition: all 0.3s;
}
@media (max-width:1366px) {
  .header_box .header_main .nav_item > .item > a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .nav_item > .item > a {
    font-size: 12px;
  }
}
.header_box .header_main .nav_item > .item > a:hover {
  color: #d42d24;
}
.header_box .header_main .nav_item > .item.active a {
  color: #d42d24;
}
.header_box .header_main .nav_item > .item .boxNavSub {
  padding-top: 10px;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 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;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox {
  width: 960px;
  height: auto;
  background: #fff;
  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);
  border-radius: clamp(10px, 1.04166667vw, 20px);
  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.12);
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox {
  padding-left: clamp(15px, 1.5625vw, 30px);
  padding-right: clamp(15px, 1.5625vw, 30px);
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox .itemBox {
  width: 100%;
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox .itemBox .item {
  width: 100%;
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox .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;
  width: 100%;
  font-family: "sy_re";
  font-size: 14px;
  color: #808080;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox .itemBox .item a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox .itemBox .item a {
    font-size: 12px;
  }
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox .itemBox .item:hover a,
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox .itemBox .item.active a {
  color: #d42d24;
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox.leftn {
  width: 30.3333%;
  border-right: 1px solid #f7f6f5;
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox.centn {
  width: 30.3333%;
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox.centn .itemBox {
  display: none;
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox.centn .itemBox.active {
  display: block;
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox.righn {
  width: 36.3333%;
  padding-left: clamp(5px, 0.52083333vw, 10px);
  padding-right: clamp(5px, 0.52083333vw, 10px);
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox.righn .itemBox .item {
  background: #f7f6f5;
  border-radius: clamp(9px, 0.9375vw, 18px);
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox.righn .itemBox .item a .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;
}
.header_box .header_main .nav_item > .item .boxNavSub .subNavBox .nBox.righn .itemBox .item a .pb .ab img {
  max-width: 80%;
  max-height: 80%;
}
.header_box .header_main .nav_item > .item .nav_list {
  width: 200px;
  position: absolute;
  top: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  padding-top: 10px;
}
.header_box .header_main .nav_item > .item .nav_list .itemBx {
  width: 200px;
  height: auto;
  background: #fff;
  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.12);
  padding-left: clamp(15px, 1.5625vw, 30px);
  padding-right: clamp(15px, 1.5625vw, 30px);
  border-radius: clamp(10px, 1.04166667vw, 20px);
  padding-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: 20px 0;
  padding-bottom: clamp(15px, 1.5625vw, 30px);
}
.header_box .header_main .nav_item > .item .nav_list .itemBx .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;
  width: 100%;
  font-family: "sy_re";
  font-size: 14px;
  color: #808080;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .header_box .header_main .nav_item > .item .nav_list .itemBx .item a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .nav_item > .item .nav_list .itemBx .item a {
    font-size: 12px;
  }
}
.header_box .header_main .nav_item > .item .nav_list .itemBx .item:hover a,
.header_box .header_main .nav_item > .item .nav_list .itemBx .item.active a {
  color: #d42d24;
}
.header_box .header_main .nav_item > .item:hover .nav_list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.3s;
}
.header_box .header_main .nav_item > .item:hover .nav_listsol {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.3s;
}
.header_box .header_main .nav_item > .item:hover .boxNavSub {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header_box .header_main .nav_item > .item .nav_listsol {
  position: absolute;
  width: 100vw;
  right: 0;
  background: #f6f7f8;
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
}
.header_box .header_main .nav_item > .item .nav_listsol .swiperInfo {
  padding-top: clamp(25px, 2.60416667vw, 50px);
  padding-bottom: clamp(25px, 2.60416667vw, 50px);
}
.header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box {
  overflow: hidden;
}
.header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li {
  width: 0;
}
.header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li > .item .pb {
  padding-bottom: 80%;
  border: 1px solid #e5e5e5;
}
.header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li > .item .pb .ab {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li > .item .pb .ab img {
  width: 70%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li > .item .title {
  font-family: "sy_re";
  font-size: 16px;
  color: #666666;
  line-height: 1.2;
  margin-top: clamp(7.5px, 0.78125vw, 15px);
  text-align: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li > .item .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li > .item .title {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li > .item .title {
    font-size: 12px;
  }
}
.header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li > .item:hover .pb .ab img {
  transform: scale(1.02);
}
.header_box .header_main .nav_item > .item .nav_listsol .swiperInfo .swiper_box ul li > .item:hover .title {
  color: #000000;
}
.header_box .header_main .search_box {
  width: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-width: 163px;
}
.header_box .header_main .search_box .search {
  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;
  cursor: pointer;
  position: relative;
  width: auto;
}
.header_box .header_main .search_box .search .images {
  width: auto;
  border-right: 1px solid #e6e6e6;
  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-right: 16px;
}
.header_box .header_main .search_box .search .search_input {
  position: absolute;
  height: 45px;
  border-radius: 8px;
  right: 0;
  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;
  background: white;
  width: 0;
  overflow: hidden;
  border: 0;
  transition: all 0.8s;
}
.header_box .header_main .search_box .search .search_input input {
  width: 100%;
  border: 0;
  padding-left: 10px;
}
.header_box .header_main .search_box .search .search_input i {
  width: 45px;
  height: 45px;
  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;
  font-size: 18px;
}
.header_box .header_main .search_box .search:hover .search_input {
  width: 250px;
  border: 1px solid rgba(177, 177, 177, 0.5);
}
.header_box .header_main .search_box .language {
  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;
  cursor: pointer;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
}
.header_box .header_main .search_box .language .images {
  width: auto;
  padding-left: 16px;
  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;
}
.header_box .header_main .search_box .language .box_list {
  position: absolute;
  top: 70%;
  width: 100px;
  box-shadow: 0 0 10px 1px #9b9b9b;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
.header_box .header_main .search_box .language .box_list .item {
  width: 100%;
  transition: all 0.3s;
}
.header_box .header_main .search_box .language .box_list .item a {
  width: 100%;
  padding: 8px 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;
  border-top: 1px solid #e5e5e58e;
  transition: all 0.3s;
  font-size: 16px;
  color: #d42d24;
}
@media (max-width:1366px) {
  .header_box .header_main .search_box .language .box_list .item a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .search_box .language .box_list .item a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .search_box .language .box_list .item a {
    font-size: 12px;
  }
}
.header_box .header_main .search_box .language .box_list .item:hover {
  background: #d42d24;
}
.header_box .header_main .search_box .language .box_list .item:hover a {
  color: #ffffff;
}
.header_box .header_main .search_box .language:hover .box_list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.3s;
}
@media (max-width:1280px) {
  .header_box {
    height: 80px;
  }
  .header_box .header_main .logo img {
    width: 70% !important;
  }
}
@media (max-width:990px) {
  .header_box {
    display: none;
  }
}
.header_nbsp {
  width: 100%;
  height: 65px;
  display: block;
}
@media (max-width:1280px) {
  .header_nbsp {
    height: 65px;
  }
}
@media (max-width:990px) {
  .header_nbsp {
    display: none;
  }
}
.footer .footContent {
  background-image: url(../images/footer.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.footer .footContent .centerBox .itemBox {
  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(22.5px, 2.34375vw, 45px);
  padding-bottom: clamp(35px, 3.64583333vw, 70px);
  border-bottom: 1px solid #ffffff17;
}
.footer .footContent .centerBox .itemBox .item .font {
  margin-bottom: 12px;
}
.footer .footContent .centerBox .itemBox .item .font a {
  color: #ffffff8e;
  font-family: "sy_re";
  font-size: 14px;
  line-height: 1.2;
}
@media (max-width:1366px) {
  .footer .footContent .centerBox .itemBox .item .font a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .centerBox .itemBox .item .font a {
    font-size: 12px;
  }
}
.footer .footContent .centerBox .itemBox .item .font:first-child {
  margin-bottom: 24px;
}
.footer .footContent .centerBox .itemBox .item .font:first-child a {
  font-family: "sy_me";
  font-size: 20px;
  color: #fff;
}
@media (max-width:1600px) {
  .footer .footContent .centerBox .itemBox .item .font:first-child a {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .footer .footContent .centerBox .itemBox .item .font:first-child a {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .centerBox .itemBox .item .font:first-child a {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .footer .footContent .centerBox .itemBox .item .font:first-child a {
    font-size: 13px;
  }
}
@media (max-width:990px) {
  .footer .footContent .centerBox .itemBox {
    display: none;
  }
}
.footer .footContent .centerBox .footerBot {
  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-bottom: clamp(17.5px, 1.82291667vw, 35px);
  padding-top: clamp(17.5px, 1.82291667vw, 35px);
}
.footer .footContent .centerBox .footerBot .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.footer .footContent .centerBox .footerBot .left .logo {
  max-width: 260px;
}
@media (max-width:990px) {
  .footer .footContent .centerBox .footerBot .left .logo {
    max-width: 200px;
  }
}
.footer .footContent .centerBox .footerBot .left .fontBox {
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
}
.footer .footContent .centerBox .footerBot .left .fontBox .con {
  color: #fff;
  font-family: "sy_re";
  font-size: 14px;
  line-height: 1.71428;
}
@media (max-width:1366px) {
  .footer .footContent .centerBox .footerBot .left .fontBox .con {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .centerBox .footerBot .left .fontBox .con {
    font-size: 12px;
  }
}
.footer .footContent .centerBox .footerBot .right {
  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: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.footer .footContent .centerBox .footerBot .right .title {
  font-family: "sy_re";
  color: #ffffffaf;
  font-size: 16px;
  line-height: 1.2;
}
@media (max-width:1366px) {
  .footer .footContent .centerBox .footerBot .right .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .centerBox .footerBot .right .title {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .footer .footContent .centerBox .footerBot .right .title {
    font-size: 12px;
  }
}
.footer .footContent .centerBox .footerBot .right .subtitle {
  font-family: "po_re";
  font-size: 34px;
  color: #fff;
  margin-top: clamp(5px, 0.52083333vw, 10px);
}
@media (max-width:1680px) {
  .footer .footContent .centerBox .footerBot .right .subtitle {
    font-size: 29.75px;
  }
}
@media (max-width:1440px) {
  .footer .footContent .centerBox .footerBot .right .subtitle {
    font-size: 25.5px;
  }
}
@media (max-width:1280px) {
  .footer .footContent .centerBox .footerBot .right .subtitle {
    font-size: 22.66666667px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .centerBox .footerBot .right .subtitle {
    font-size: 18.13333333px;
  }
}
.footer .footContent .centerBox .footerBot .right .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 420px;
  height: 56px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
.footer .footContent .centerBox .footerBot .right .input input {
  width: 100%;
  height: 100%;
  border: none;
  padding-left: 20px;
  font-family: "sy_re";
  font-size: 14px;
}
@media (max-width:1366px) {
  .footer .footContent .centerBox .footerBot .right .input input {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .centerBox .footerBot .right .input input {
    font-size: 12px;
  }
}
.footer .footContent .centerBox .footerBot .right .input input::-webkit-input-placeholder {
  color: #000000de;
  opacity: 0.8;
}
.footer .footContent .centerBox .footerBot .right .input input:-moz-placeholder {
  color: #000000de;
  opacity: 0.8;
}
.footer .footContent .centerBox .footerBot .right .input input::-moz-placeholder {
  color: #000000de;
  opacity: 0.8;
}
.footer .footContent .centerBox .footerBot .right .input input:-ms-input-placeholder {
  color: #000000de;
  opacity: 0.8;
}
.footer .footContent .centerBox .footerBot .right .input .images {
  width: 56px;
  height: 56px;
  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:1200px) {
  .footer .footContent .centerBox .footerBot .right .input {
    width: 320px;
    height: 45px;
  }
}
@media (max-width:990px) and (max-width:990px) {
  .footer .footContent .centerBox .footerBot {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .footer .footContent .centerBox .footerBot .left {
    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-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .footer .footContent .centerBox .footerBot .left .fontBox .con {
    text-align: center;
  }
  .footer .footContent .centerBox .footerBot .right {
    width: 100%;
    margin-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: none;
  }
}
.footer .filings {
  background: #262626;
}
.footer .filings .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;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer .filings .centerBox .box {
  color: #fff;
  font-family: "sy_re";
  color: #999999;
  font-size: 12px;
}
.footer .filings .centerBox .box a {
  color: #fff;
  font-family: "sy_re";
  color: #999999;
  font-size: 12px;
}
.footer .filings .centerBox .box.tow a:first-child {
  padding-right: 4px;
  position: relative;
}
.footer .filings .centerBox .box.tow a:first-child::after {
  content: '';
  position: absolute;
  top: 4px;
  right: -2px;
  width: 1px;
  height: 10px;
  background: #999999;
}
.footer .filings .centerBox .box.tow a:last-child {
  padding-left: 4px;
}
@media (max-width:990px) {
  .footer .filings .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 10px 0;
  }
}
.suspension {
  width: 50px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 15px;
  z-index: 19;
  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;
}
.suspension .topBox a {
  background: #d42d24;
  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;
  width: 100%;
  padding: 15px 0;
  border-top-left-radius: clamp(6px, 0.625vw, 12px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(6px, 0.625vw, 12px);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}
.suspension .topBox a .title {
  writing-mode: tb;
  font-family: "sy_re";
  font-size: 14px;
  color: #fff;
  line-height: 1;
  margin-top: 10px;
  letter-spacing: 3px;
}
@media (max-width:1366px) {
  .suspension .topBox a .title {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .suspension .topBox a .title {
    font-size: 12px;
  }
}
.suspension .itemBox {
  border-top-left-radius: clamp(6px, 0.625vw, 12px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(6px, 0.625vw, 12px);
  width: 100%;
  height: fit-content;
  background: #fff;
  padding: 5px 3px;
  margin-top: clamp(5px, 0.52083333vw, 10px);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}
.suspension .itemBox .item {
  width: 100%;
  height: 44px;
  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;
  cursor: pointer;
  border-top-left-radius: clamp(6px, 0.625vw, 12px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(6px, 0.625vw, 12px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.suspension .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 1px;
  background: #dfdfdf;
  transition: all 0.5s;
}
.suspension .itemBox .item:hover {
  background: #d42d24;
}
.suspension .itemBox .item:hover .images {
  filter: brightness(0) invert(1);
}
.suspension .itemBox .item:hover .conTBox {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.suspension .itemBox .item:last-child::after {
  opacity: 0;
}
.suspension .itemBox .item .images {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.suspension .itemBox .item .conTBox {
  position: absolute;
  right: 100%;
  padding-right: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  transform: translateY(10px);
  width: 300px;
  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;
}
.suspension .itemBox .item .conTBox .Box {
  width: fit-content;
  padding: 20px;
  background: #fff;
  border-top-left-radius: clamp(6px, 0.625vw, 12px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(6px, 0.625vw, 12px);
  font-family: "or_re";
  font-size: 16px;
  color: #1a1a1a;
  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;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width:1366px) {
  .suspension .itemBox .item .conTBox .Box {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .suspension .itemBox .item .conTBox .Box {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .suspension .itemBox .item .conTBox .Box {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .suspension {
    display: none;
  }
}
/* 公共 */
.idxMore {
  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;
}
.idxMore .more,
.idxMore a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #fff;
  width: fit-content;
  padding-left: clamp(25px, 2.60416667vw, 50px);
  padding-right: clamp(12.5px, 1.30208333vw, 25px);
  padding-top: clamp(6px, 0.625vw, 12px);
  padding-bottom: clamp(6px, 0.625vw, 12px);
  background-color: #d42d24;
  border-top-left-radius: clamp(9px, 0.9375vw, 18px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(9px, 0.9375vw, 18px);
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  overflow: hidden;
}
.idxMore .more i,
.idxMore a i {
  position: absolute;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idxMore .more i.left,
.idxMore a i.left {
  left: 0;
  opacity: 1;
  transform: translateX(184.61538%);
}
@media (max-width:990px) {
  .idxMore .more i.left,
  .idxMore a i.left {
    transform: translateX(100%);
  }
}
.idxMore .more i.right,
.idxMore a i.right {
  right: 0;
  opacity: 0;
  transform: translateX(0%);
}
@media (max-width:990px) {
  .idxMore .more i img,
  .idxMore a i img {
    width: 10px;
  }
}
.idxMore .more span,
.idxMore a span {
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-family: "sy_re";
  font-size: 14px;
}
@media (max-width:1366px) {
  .idxMore .more span,
  .idxMore a span {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .idxMore .more span,
  .idxMore a span {
    font-size: 12px;
  }
}
.idxMore .more:hover,
.idxMore a:hover {
  padding-right: clamp(25px, 2.60416667vw, 50px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
}
.idxMore .more:hover i.left,
.idxMore a:hover i.left {
  transform: translateX(0%);
  opacity: 0;
}
.idxMore .more:hover i.right,
.idxMore a:hover i.right {
  transform: translateX(-184.61538%);
  opacity: 1;
}
@media (max-width:990px) {
  .idxMore .more:hover i.right,
  .idxMore a:hover i.right {
    transform: translateX(-100%);
  }
}
.idxPager .pagerBox {
  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;
}
.idxPager .pagerBox .swiper_but {
  flex-shrink: 0;
}
@media (max-width:990px) {
  .idxPager .pagerBox .swiper_but {
    display: none;
  }
}
.idxPager .pagerBox .idxCri {
  width: 100%;
  height: 2px;
  position: relative;
  background: #efefef;
}
.idxPager .pagerBox .idxCri .swiper-pagination-progressbar-fill {
  background: linear-gradient(90deg, #d42d24 10%, #ffffff00 100%);
}
@media (max-width:990px) {
  .idxPager .pagerBox .idxCri {
    height: auto !important;
    background: none !important;
    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: 0 10px;
  }
  .idxPager .pagerBox .idxCri span {
    background: #d42d24;
  }
}
.idx_More {
  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(28px, 2.91666667vw, 56px);
}
.idx_More .box {
  color: #999999;
  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;
  position: relative;
  padding-right: clamp(12.5px, 1.30208333vw, 25px);
  padding-left: clamp(0px, 0vw, 0px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_More .box i {
  position: absolute;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_More .box i.left {
  left: 0;
  opacity: 0;
  transform: translateX(-184.61538%);
}
.idx_More .box i.left img {
  filter: unset;
}
.idx_More .box i.right {
  right: 0;
  opacity: 1;
  transform: translateX(0%);
}
.idx_More .box i.right img {
  filter: brightness(0) invert(0.7);
}
@media (max-width:990px) {
  .idx_More .box i img {
    width: 10px;
  }
}
.idx_More .box span {
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-family: "sy_re";
  font-size: 14px;
}
@media (max-width:1366px) {
  .idx_More .box span {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .idx_More .box span {
    font-size: 12px;
  }
}
.idx_title .title {
  font-family: "sy_li";
  font-size: var(--font44);
  color: #1a1a1a;
  line-height: 1.2;
  text-align: center;
}
.idx_title .subtitle {
  font-family: "sy_re";
  font-size: 30px;
  color: #1a1a1a;
  line-height: 1;
  text-align: center;
}
@media (max-width:1600px) {
  .idx_title .subtitle {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .idx_title .subtitle {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .idx_title .subtitle {
    font-size: 19px;
  }
}
@media (max-width:768px) {
  .idx_title .subtitle {
    font-size: 18px;
  }
}
.idx_title .levtitle {
  font-family: "sy_li";
  font-size: 16px;
  color: #1a1a1a;
  line-height: 1.5;
  text-align: center;
}
@media (max-width:1366px) {
  .idx_title .levtitle {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_title .levtitle {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .idx_title .levtitle {
    font-size: 12px;
  }
}
.inside_title .title .en {
  font-family: "or_me";
  font-size: 100px;
  color: #1a1a1a;
  opacity: 0.1;
  line-height: 1;
}
@media (max-width:1680px) {
  .inside_title .title .en {
    font-size: 87.5px;
  }
}
@media (max-width:1440px) {
  .inside_title .title .en {
    font-size: 75px;
  }
}
@media (max-width:1280px) {
  .inside_title .title .en {
    font-size: 66.66666667px;
  }
}
@media (max-width:1024px) {
  .inside_title .title .en {
    font-size: 53.33333333px;
  }
}
.inside_title .title .cn {
  font-family: "sy_li";
  font-size: 54px;
  color: #1a1a1a;
  line-height: 1;
  margin-top: clamp(7.5px, 0.78125vw, 15px);
}
@media (max-width:1600px) {
  .inside_title .title .cn {
    font-size: 48px;
  }
}
@media (max-width:1366px) {
  .inside_title .title .cn {
    font-size: 46px;
  }
}
@media (max-width:1024px) {
  .inside_title .title .cn {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .inside_title .title .cn {
    font-size: 34px;
  }
}
.Scroll {
  position: absolute;
  bottom: 30px;
  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;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.Scroll .images {
  animation-name: scaletop;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-duration: 3s;
}
.Scroll .name {
  font-family: "sy_re";
  font-size: 14px;
  color: #1a1a1a57;
  margin-top: clamp(5px, 0.52083333vw, 10px);
}
@media (max-width:1366px) {
  .Scroll .name {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .Scroll .name {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .Scroll {
    bottom: 10px;
  }
}
.swiper_but {
  font-size: 50px;
  width: 1em;
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #ffffff6b;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .swiper_but {
    font-size: 44px;
  }
}
@media (max-width:1366px) {
  .swiper_but {
    font-size: 40px;
  }
}
@media (max-width:1024px) {
  .swiper_but {
    font-size: 34px;
  }
}
@media (max-width:768px) {
  .swiper_but {
    font-size: 30px;
  }
}
.swiper_but i {
  color: #fff;
}
.swiper_but:hover {
  background: #d42d24;
}
.swiper_but:hover i {
  color: #fff !important;
}
.pro_title .title {
  font-family: "sy_li";
  font-size: 54px;
  color: #1a1a1a;
  line-height: 1.111;
}
@media (max-width:1680px) {
  .pro_title .title {
    font-size: 47.25px;
  }
}
@media (max-width:1440px) {
  .pro_title .title {
    font-size: 40.5px;
  }
}
@media (max-width:1280px) {
  .pro_title .title {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .pro_title .title {
    font-size: 28.8px;
  }
}
.pro_title .subtitle {
  font-family: "sy_li";
  font-size: 44px;
  color: #1a1a1a;
  line-height: 1.111;
}
@media (max-width:1680px) {
  .pro_title .subtitle {
    font-size: 38.5px;
  }
}
@media (max-width:1440px) {
  .pro_title .subtitle {
    font-size: 33px;
  }
}
@media (max-width:1280px) {
  .pro_title .subtitle {
    font-size: 29.33333333px;
  }
}
@media (max-width:1024px) {
  .pro_title .subtitle {
    font-size: 23.46666667px;
  }
}
.pro_title .levtitle {
  font-family: "sy_li";
  font-size: 36px;
  color: #1a1a1a;
  line-height: 1.111;
}
@media (max-width:1680px) {
  .pro_title .levtitle {
    font-size: 31.5px;
  }
}
@media (max-width:1440px) {
  .pro_title .levtitle {
    font-size: 27px;
  }
}
@media (max-width:1280px) {
  .pro_title .levtitle {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .pro_title .levtitle {
    font-size: 19.2px;
  }
}
.pro_title .content {
  font-family: "sy_li";
  font-size: 18px;
  color: #1a1a1a;
  line-height: 1.111;
}
@media (max-width:1600px) {
  .pro_title .content {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .pro_title .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .pro_title .content {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .pro_title .content {
    font-size: 12px;
  }
}
.pro_title .content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: clamp(0px, 0vw, 0px) clamp(12.5px, 1.30208333vw, 25px);
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
}
.pro_title .content ul li {
  font-family: "sy_re";
  font-size: 18px;
  color: #1a1a1adc;
  line-height: 1.111;
}
@media (max-width:1600px) {
  .pro_title .content ul li {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .pro_title .content ul li {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .pro_title .content ul li {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .pro_title .content ul li {
    font-size: 12px;
  }
}
.assort {
  height: 28px;
  padding-left: clamp(7.5px, 0.78125vw, 15px);
  padding-right: clamp(7.5px, 0.78125vw, 15px);
  border: 1px solid #dedddc;
  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;
  border-radius: 50px;
  font-size: 12px;
}
.centerAb {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  top: 0;
  left: 0;
}
.images100 {
  width: 100%;
}
.images100 img {
  width: 100%;
}
@keyframes big_baner {
  0% {
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.indesi_banner {
  position: relative;
  z-index: 2;
}
.indesi_banner::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25%;
  height: 32px;
  background: linear-gradient(0deg, #d42d24 50%, #ffffff00 50%);
  border-bottom-right-radius: 100px;
  z-index: 1;
  transform: translateY(50%);
}
.indesi_banner::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 75.37%;
  height: 32px;
  transform: translateY(50%);
  background: #ffffff63;
  border-top-left-radius: 100px;
  z-index: 3;
}
.indesi_banner .box {
  position: relative;
  z-index: 2;
}
.indesi_banner .box .centerAb {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.534), 20%, rgba(0, 0, 0, 0) 50%);
}
.indesi_banner .box .centerAb .centerBox {
  width: 100%;
  height: 100%;
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
  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;
}
.indesi_banner .box .centerAb .centerBox .inside_title .title .en {
  color: #fff;
}
.indesi_banner .box .centerAb .centerBox .inside_title .title .cn {
  color: #fff;
}
.indesi_banner .box .images100 {
  animation: big_baner 0.5s ease-in 1;
}
.selectBox {
  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;
  z-index: 10;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.selectBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #f7f6f5;
  border-top-left-radius: clamp(9px, 0.9375vw, 18px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(9px, 0.9375vw, 18px);
  overflow: hidden;
  width: fit-content;
  padding: 3px;
  overflow: auto;
}
.selectBox .itemBox .item a {
  width: auto;
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
  padding-right: clamp(12.5px, 1.30208333vw, 25px);
  height: 44px;
  border-top-left-radius: clamp(9px, 0.9375vw, 18px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(9px, 0.9375vw, 18px);
  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-family: "sy_re";
  font-size: 16px;
  color: #808080;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  overflow: hidden;
}
@media (max-width:1366px) {
  .selectBox .itemBox .item a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .selectBox .itemBox .item a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .selectBox .itemBox .item a {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .selectBox .itemBox .item a {
    height: 35px;
  }
}
.selectBox .itemBox .item a::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 0%;
  height: 100%;
  background: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
}
.selectBox .itemBox .item a span {
  position: relative;
  z-index: 2;
  white-space: nowrap;
}
.selectBox .itemBox .item a span i {
  font-family: "or_re";
  font-style: normal;
}
.selectBox .itemBox .item.active a,
.selectBox .itemBox .item:hover a {
  color: #fff;
}
.selectBox .itemBox .item.active a::after,
.selectBox .itemBox .item:hover a::after {
  width: 100%;
  left: 0;
}
.selectBox.active {
  position: fixed;
  bottom: 40px;
  width: 100%;
  left: 0;
  opacity: 0;
}
.selectBox.active .itemBox {
  box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.1);
}
.selectBox.isactive {
  opacity: 1;
  transform: translateY(-15px);
}
.selectBox.is_active {
  opacity: 0;
  transform: translateY(15px);
}
.ser_Title .number {
  font-family: "or_re";
  font-size: 18px;
  color: #d42d24;
  line-height: 1.3;
}
@media (max-width:1600px) {
  .ser_Title .number {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .ser_Title .number {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .ser_Title .number {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .ser_Title .number {
    font-size: 12px;
  }
}
.ser_Title .title {
  font-family: "sy_li";
  font-size: 44px;
  color: #1a1a1a;
  line-height: 1.3;
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
}
@media (max-width:1680px) {
  .ser_Title .title {
    font-size: 38.5px;
  }
}
@media (max-width:1440px) {
  .ser_Title .title {
    font-size: 33px;
  }
}
@media (max-width:1280px) {
  .ser_Title .title {
    font-size: 29.33333333px;
  }
}
@media (max-width:1024px) {
  .ser_Title .title {
    font-size: 23.46666667px;
  }
}
.ser_Title .content {
  font-family: "sy_re";
  color: #808080e5;
  font-size: 18px;
  line-height: 1.55555;
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
}
@media (max-width:1600px) {
  .ser_Title .content {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .ser_Title .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .ser_Title .content {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .ser_Title .content {
    font-size: 12px;
  }
}
.ser_Title.font30 .title {
  font-family: "sy_li";
  font-size: 30px;
  color: #1a1a1a;
  line-height: 1.3;
  margin-top: clamp(6.5px, 0.67708333vw, 13px);
}
@media (max-width:1600px) {
  .ser_Title.font30 .title {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .ser_Title.font30 .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .ser_Title.font30 .title {
    font-size: 19px;
  }
}
@media (max-width:768px) {
  .ser_Title.font30 .title {
    font-size: 18px;
  }
}
.ser_Title.font30 .content {
  font-size: 16px;
  line-height: 1.657;
}
@media (max-width:1366px) {
  .ser_Title.font30 .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .ser_Title.font30 .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .ser_Title.font30 .content {
    font-size: 12px;
  }
}
.bg_img {
  background-image: url(../images/bgq.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right top;
}
.itemNewBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(5px, 0.52083333vw, 10px) clamp(5px, 0.52083333vw, 10px);
}
@media (max-width:990px) {
  .itemNewBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .itemNewBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.itemNewBox .item {
  background: #f7f6f5;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(255, 0, 0, 0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.itemNewBox .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;
}
.itemNewBox .item a .images .pb {
  padding-bottom: 66.5%;
}
.itemNewBox .item a .images .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;
}
.itemNewBox .item a .images .pb .ab img {
  width: 100%;
}
.itemNewBox .item a .fontBox {
  padding: clamp(15px, 1.5625vw, 30px);
  position: relative;
  overflow: hidden;
}
.itemNewBox .item a .fontBox .zhuanImg {
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 5px;
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.itemNewBox .item a .fontBox .zhuanImg img {
  max-width: unset;
  max-height: unset;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.18, 1);
  transition-delay: 0.1s;
}
.itemNewBox .item a .fontBox::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
}
.itemNewBox .item a .fontBox .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 6px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 3;
  position: relative;
}
.itemNewBox .item a .fontBox .title span {
  font-family: "sy_re";
  font-size: 12px;
  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;
  height: 28px;
  border-radius: 50px;
  padding-left: clamp(7.5px, 0.78125vw, 15px);
  padding-right: clamp(7.5px, 0.78125vw, 15px);
  border: 1px solid #dedddc;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.itemNewBox .item a .fontBox .subtitle {
  font-family: "sy_li";
  font-size: 22px;
  color: #1a1a1a;
  line-height: 1.3636;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  min-height: 60px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  z-index: 3;
}
@media (max-width:1600px) {
  .itemNewBox .item a .fontBox .subtitle {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .itemNewBox .item a .fontBox .subtitle {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .itemNewBox .item a .fontBox .subtitle {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .itemNewBox .item a .fontBox .subtitle {
    font-size: 14px;
  }
}
.itemNewBox .item a .fontBox .idx_More {
  position: relative;
  z-index: 3;
}
.itemNewBox .item a .fontBox .idx_More .box i.left {
  filter: brightness(0) invert(1);
}
.itemNewBox .item:hover {
  transform: translateY(-10px);
}
.itemNewBox .item:hover a .fontBox .zhuanImg img {
  transform: rotate(90deg);
  opacity: 1;
}
.itemNewBox .item:hover a .fontBox::after {
  background: #d42d24;
}
.itemNewBox .item:hover a .fontBox .title span {
  color: #fff;
}
.itemNewBox .item:hover a .fontBox .subtitle {
  color: #fff;
}
.itemNewBox .item:hover a .idx_More .box {
  padding-right: clamp(0px, 0vw, 0px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
}
.itemNewBox .item:hover a .idx_More .box i.left {
  transform: translateX(0%);
  opacity: 1;
}
.itemNewBox .item:hover a .idx_More .box i.right {
  transform: translateX(184.61538%);
  opacity: 0;
}
@media (max-width:990px) {
  .itemNewBox .item:hover a .idx_More .box i.right {
    transform: translateX(-100%);
  }
}
.itemNewBox .item:hover a .idx_More .box span {
  color: white;
}
.pagerBox {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.pagerBox .layui-laypage a,
.pagerBox .layui-laypage span {
  height: auto;
  font-size: 14px;
  font-family: "or_me";
  color: #b2b2b2;
  padding: 0 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .pagerBox .layui-laypage a,
  .pagerBox .layui-laypage span {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .pagerBox .layui-laypage a,
  .pagerBox .layui-laypage span {
    font-size: 12px;
  }
}
.pagerBox .layui-laypage a:hover,
.pagerBox .layui-laypage span:hover {
  color: #d42d24;
}
.pagerBox .swiper_but {
  z-index: 2;
  cursor: pointer;
  border: 1px dashed #d6d5d4;
  flex-shrink: 0;
}
.pagerBox .swiper_but i {
  color: #1a1a1a;
}
.pagerBox .swiper_but:hover {
  border: 1px solid #d42d24;
}
.pagerBox .layui-laypage a,
.pagerBox .layui-laypage button,
.pagerBox .layui-laypage input,
.pagerBox .layui-laypage select,
.pagerBox .layui-laypage span {
  border: 0;
}
.pagerBox .layui-laypage .layui-laypage-curr em {
  color: #d42d24;
  background: none;
}
.bg_fixed {
  width: 100%;
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  overflow: hidden;
}
.swiperBox {
  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;
  grid-gap: clamp(0px, 0vw, 0px) clamp(10px, 1.04166667vw, 20px);
}
.swiperBox .idxPage {
  width: fit-content;
  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;
}
.swiperBox .idxPage .one {
  font-family: "or_re";
  font-size: 18px;
  color: #d42d24;
}
@media (max-width:1600px) {
  .swiperBox .idxPage .one {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .swiperBox .idxPage .one {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .swiperBox .idxPage .one {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .swiperBox .idxPage .one {
    font-size: 12px;
  }
}
.swiperBox .idxPage .tow {
  font-family: "or_re";
  font-size: 12px;
  color: #b2b2b2;
}
.swiperBox .swiper_but {
  z-index: 2;
  cursor: pointer;
  border: 1px dashed #d6d5d4;
  flex-shrink: 0;
}
.swiperBox .swiper_but i {
  color: #1a1a1a;
}
.swiperBox .swiper_but:hover {
  border: 0;
}
.fontBoxab {
  margin-top: clamp(210px, 21.875vw, 420px);
  max-width: 480px;
  width: 100%;
}
.fontBoxab .number {
  font-family: "or_re";
  font-size: 120px;
  color: #d42d24;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  position: relative;
}
@media (max-width:1680px) {
  .fontBoxab .number {
    font-size: 105px;
  }
}
@media (max-width:1440px) {
  .fontBoxab .number {
    font-size: 90px;
  }
}
@media (max-width:1280px) {
  .fontBoxab .number {
    font-size: 80px;
  }
}
@media (max-width:1024px) {
  .fontBoxab .number {
    font-size: 64px;
  }
}
.fontBoxab .number::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ffffff56 10%, #ffffff00 100%);
}
.fontBoxab .number span {
  font-size: 60px;
}
@media (max-width:1600px) {
  .fontBoxab .number span {
    font-size: 50px;
  }
}
@media (max-width:1366px) {
  .fontBoxab .number span {
    font-size: 45px;
  }
}
@media (max-width:1024px) {
  .fontBoxab .number span {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .fontBoxab .number span {
    font-size: 30px;
  }
}
.fontBoxab .content {
  font-family: "sy_re";
  font-size: 16px;
  color: #fefdfcc2;
  line-height: 1.654;
  padding-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1366px) {
  .fontBoxab .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .fontBoxab .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .fontBoxab .content {
    font-size: 12px;
  }
}
.idxPageHide {
  display: none;
}
@media (max-width:990px) {
  .idxPageHide {
    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;
    margin-top: 10px;
    position: relative;
    z-index: 2;
    grid-gap: 0 3px;
  }
  .idxPageHide .swiper-pagination-bullet {
    background: #d42d24;
  }
}
/* 公共 end */
.idx_banner .swiperInfo {
  position: relative;
}
.idx_banner .swiperInfo ul li .centerInfo {
  position: relative;
}
.idx_banner .swiperInfo 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 ul li .centerInfo .centerBox .title {
  font-family: "sy_li";
  font-size: 70px;
  color: #fff;
  line-height: 1.4;
}
@media (max-width:1680px) {
  .idx_banner .swiperInfo ul li .centerInfo .centerBox .title {
    font-size: 61.25px;
  }
}
@media (max-width:1440px) {
  .idx_banner .swiperInfo ul li .centerInfo .centerBox .title {
    font-size: 52.5px;
  }
}
@media (max-width:1280px) {
  .idx_banner .swiperInfo ul li .centerInfo .centerBox .title {
    font-size: 46.66666667px;
  }
}
@media (max-width:1024px) {
  .idx_banner .swiperInfo ul li .centerInfo .centerBox .title {
    font-size: 37.33333333px;
  }
}
.idx_banner .swiperInfo ul li .centerInfo .centerBox .idxMore {
  margin-top: clamp(25px, 2.60416667vw, 50px);
  display: none;
}
.idx_banner .swiperInfo ul li .centerInfo .images,
.idx_banner .swiperInfo ul li .centerInfo .video {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (max-width:990px) {
  .idx_banner .swiperInfo ul li .centerInfo .images,
  .idx_banner .swiperInfo ul li .centerInfo .video {
    /*height: 80vh;*/
    height: inherit;
  }
}
.idx_banner .swiperInfo ul li .centerInfo .images img,
.idx_banner .swiperInfo ul li .centerInfo .video img,
.idx_banner .swiperInfo ul li .centerInfo .images video,
.idx_banner .swiperInfo ul li .centerInfo .video video {
  width: 100%;
  max-height: unset !important;
  max-width: unset !important;
}
.idx_banner .swiperInfo ul li .centerInfo .images img,
.idx_banner .swiperInfo ul li .centerInfo .video img {
  transform: scale(1.02);
  height: 100%;
}
.idx_banner .swiperInfo ul li .centerInfo a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.idx_banner .swiperInfo ul li.swiper-slide-active .centerInfo .images img {
  transform: scale(1);
  transition: all 6s linear;
}
.idx_banner .swiperInfo .idxPage {
  position: absolute;
  z-index: 3;
  bottom: 30px;
  left: 60px;
  width: fit-content;
}
.idx_banner .swiperInfo .idxPage .one {
  color: #fff;
  font-family: "pi_re";
  font-size: 24px;
  padding-bottom: clamp(7px, 0.72916667vw, 14px);
}
@media (max-width:1600px) {
  .idx_banner .swiperInfo .idxPage .one {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .idx_banner .swiperInfo .idxPage .one {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .idx_banner .swiperInfo .idxPage .one {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .idx_banner .swiperInfo .idxPage .one {
    font-size: 15px;
  }
}
.idx_banner .swiperInfo .idxPage .tow {
  color: #fff;
  font-family: "pi_re";
  font-size: 14px;
  padding-top: clamp(7px, 0.72916667vw, 14px);
  border-top: 1px solid #ffffff;
  opacity: 0.5;
}
@media (max-width:1366px) {
  .idx_banner .swiperInfo .idxPage .tow {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .idx_banner .swiperInfo .idxPage .tow {
    font-size: 12px;
  }
}
.idx_banner .swiperInfo .idxBanBut {
  position: absolute;
  bottom: 40px;
  right: 60px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: fit-content;
  grid-gap: 0 8px;
}
.idx_solve {
  padding: 10px;
}
.idx_solve .centerBox {
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  overflow: hidden;
  background-position: center center;
}
.idx_solve .centerBox .contentBox {
  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;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 0 8px;
}
.idx_solve .centerBox .contentBox .title {
  font-family: "sy_me";
  font-size: 20px;
  color: #ffffff;
}
@media (max-width:1600px) {
  .idx_solve .centerBox .contentBox .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .idx_solve .centerBox .contentBox .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .idx_solve .centerBox .contentBox .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .idx_solve .centerBox .contentBox .title {
    font-size: 13px;
  }
}
.idx_solve .centerBox .contentBox .subtitle {
  font-family: "sy_li";
  font-size: 44px;
  color: #ffffff;
  line-height: 1.0909;
  text-align: center;
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
}
@media (max-width:1680px) {
  .idx_solve .centerBox .contentBox .subtitle {
    font-size: 38.5px;
  }
}
@media (max-width:1440px) {
  .idx_solve .centerBox .contentBox .subtitle {
    font-size: 33px;
  }
}
@media (max-width:1280px) {
  .idx_solve .centerBox .contentBox .subtitle {
    font-size: 29.33333333px;
  }
}
@media (max-width:1024px) {
  .idx_solve .centerBox .contentBox .subtitle {
    font-size: 23.46666667px;
  }
}
.idx_solve .centerBox .contentBox .levtitle {
  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(17.5px, 1.82291667vw, 35px);
  grid-gap: 0 20px;
}
@media (max-width:990px) {
  .idx_solve .centerBox .contentBox .title {
    font-size: 14px !important;
  }
  .idx_solve .centerBox .contentBox .subtitle {
    font-size: 18px !important;
  }
}
.idx_solve .centerBox .images {
  width: 100%;
  position: relative;
  z-index: 1;
}
.idx_solve .centerBox .images img {
  width: 100%;
  opacity: 0;
}
.idx_product {
  padding-top: clamp(50px, 5.20833333vw, 100px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
}
.idx_product .centerBox {
  padding: 10px;
}
.idx_product .centerBox .itemBox {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: clamp(5px, 0.52083333vw, 10px) clamp(5px, 0.52083333vw, 10px);
  padding-top: clamp(35px, 3.64583333vw, 70px);
}
@media (max-width:990px) {
  .idx_product .centerBox .itemBox {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width:480px) {
  .idx_product .centerBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
.idx_product .centerBox .itemBox .item {
  background: #f7f6f5;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(255, 0, 0, 0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_product .centerBox .itemBox .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(15px, 1.5625vw, 30px);
}
.idx_product .centerBox .itemBox .item a .title {
  min-height: 60px;
  font-family: "sy_li";
  font-size: 20px;
  color: #1a1a1a;
}
@media (max-width:1600px) {
  .idx_product .centerBox .itemBox .item a .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .idx_product .centerBox .itemBox .item a .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .idx_product .centerBox .itemBox .item a .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .idx_product .centerBox .itemBox .item a .title {
    font-size: 13px;
  }
}
.idx_product .centerBox .itemBox .item a .images {
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.idx_product .centerBox .itemBox .item a .images .pb {
  padding-bottom: 86.2%;
}
.idx_product .centerBox .itemBox .item a .images .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_product .centerBox .itemBox .item a .images .pb .ab img {
  width: auto;
}
.idx_product .centerBox .itemBox .item:hover {
  border: 2px solid #d42d24;
  transform: translateY(-10px);
}
.idx_product .centerBox .itemBox .item:hover a .idx_More .box {
  padding-right: clamp(0px, 0vw, 0px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
}
.idx_product .centerBox .itemBox .item:hover a .idx_More .box i.left {
  transform: translateX(0%);
  opacity: 1;
}
.idx_product .centerBox .itemBox .item:hover a .idx_More .box i.right {
  transform: translateX(184.61538%);
  opacity: 0;
}
@media (max-width:990px) {
  .idx_product .centerBox .itemBox .item:hover a .idx_More .box i.right {
    transform: translateX(-100%);
  }
}
.idx_product .centerBox .itemBox .item:hover a .idx_More .box span {
  color: #d42d24;
}
.idx_product .centerBox .idxMore {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.idx_case {
  padding: 10px;
  position: relative;
}
.idx_case .poFixed {
  position: absolute;
  z-index: 2;
  top: 90px;
  left: 0;
  width: 100%;
}
.idx_case .poFixed .title {
  color: #fff;
  text-align: center;
  padding: 0 20px;
  line-height: 1.2;
}
@media (max-width:640px) {
  .idx_case .poFixed .title {
    max-width: 256px;
  }
}
@media (max-width:990px) {
  .idx_case .poFixed {
    top: 45px;
    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_case .swiperInfo {
  border-radius: clamp(10px, 1.04166667vw, 20px);
  overflow: hidden;
  position: relative;
  background: #000;
  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;
}
.idx_case .swiperInfo .swiper_box {
  width: 100%;
  position: relative;
  z-index: 1;
}
.idx_case .swiperInfo .swiper_box ul li .centerInfo {
  position: relative;
}
.idx_case .swiperInfo .swiper_box ul li .centerInfo .centerBox {
  position: absolute;
  z-index: 2;
  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;
  padding: 0 20px;
  padding-top: clamp(105px, 10.9375vw, 210px);
}
.idx_case .swiperInfo .swiper_box ul li .centerInfo .centerBox .idx_title {
  position: relative;
  z-index: 2;
}
.idx_case .swiperInfo .swiper_box ul li .centerInfo .centerBox .idx_title .subtitle {
  color: #fff;
  margin-top: clamp(0px, 0vw, 0px);
}
.idx_case .swiperInfo .swiper_box ul li .centerInfo .centerBox .idx_title .levtitle {
  color: #ffffff9c;
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
  max-width: 575px;
  width: 100%;
}
.idx_case .swiperInfo .swiper_box ul li .centerInfo .centerBox .idx_title .idxMore {
  margin-top: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:640px) {
  .idx_case .swiperInfo .swiper_box ul li .centerInfo .centerBox .idx_title {
    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;
  }
}
.idx_case .swiperInfo .swiper_box ul li .centerInfo .images {
  position: relative;
  z-index: 1;
  width: 100%;
}
.idx_case .swiperInfo .swiper_box ul li .centerInfo .images img {
  width: 100%;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  transform: scale(1.1);
}
.idx_case .swiperInfo .swiper_box ul li .centerInfo .images.pc {
  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_case .swiperInfo .swiper_box ul li.swiper-slide-active .centerInfo .images img {
  transform: scale(1);
}
.idx_case .swiperInfo .idxPage {
  position: absolute;
  z-index: 3;
  bottom: 30px;
  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%;
  grid-gap: clamp(0px, 0vw, 0px) clamp(6px, 0.625vw, 12px);
}
.idx_case .swiperInfo .idxPage span {
  background: none;
  border: 2px solid #ffffff;
  width: 10px;
  height: 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_case .swiperInfo .idxPage span.swiper-pagination-bullet-active {
  border: 2px solid #d42d24;
}
.idx_case .swiperInfo .swiper_but {
  position: absolute;
  z-index: 2;
}
.idx_case .swiperInfo .swiper_but.prev {
  left: 50px;
}
.idx_case .swiperInfo .swiper_but.next {
  right: 50px;
}
@media (max-width:990px) {
  .idx_case .swiperInfo .swiper_but {
    display: none;
  }
  .idx_case .swiperInfo .swiper_but.prev {
    left: 20px;
  }
  .idx_case .swiperInfo .swiper_but.next {
    right: 20px;
  }
}
.idx_new {
  padding-top: clamp(50px, 5.20833333vw, 100px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
  overflow: hidden;
}
.idx_new .centerBox {
  padding: 10px;
}
.idx_new .centerBox .itemNewBox {
  padding-top: clamp(35px, 3.64583333vw, 70px);
}
@media (max-width:990px) {
  .idx_new .centerBox .itemNewBox .item a .images {
    display: none;
  }
}
@media (max-width:990px) and (max-width:990px) {
  .idx_new .centerBox .itemNewBox .item a .fontBox .idx_More {
    margin-top: 0;
  }
}
.idx_new .centerBox .itemNewBox .item:first-child a .images {
  display: block;
}
.idx_new .centerBox .idxMore {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.productCon1 {
  padding-top: clamp(110px, 11.45833333vw, 220px);
  border-bottom: 1px solid #e5e5e5;
  background-repeat: no-repeat;
  background-size: cover;
}
.productCon1 .centerBox .inside_title .title {
  text-align: center;
}
.productCon1 .centerBox .selectBox .itemBox {
  margin-top: clamp(65px, 6.77083333vw, 130px);
}
.productCon1 .centerBox .pnavBox {
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.productCon1 .centerBox .pnavBox .itemBox {
  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(10px, 1.04166667vw, 20px) clamp(11.5px, 1.19791667vw, 23px);
  flex-wrap: wrap;
}
.productCon1 .centerBox .pnavBox .itemBox .item a {
  min-width: 47px;
  padding-left: clamp(2px, 0.20833333vw, 4px);
  padding-right: clamp(2px, 0.20833333vw, 4px);
  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-bottom: clamp(7.5px, 0.78125vw, 15px);
  font-family: "sy_re";
  font-size: 14px;
  color: #808080;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .productCon1 .centerBox .pnavBox .itemBox .item a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .productCon1 .centerBox .pnavBox .itemBox .item a {
    font-size: 12px;
  }
}
.productCon1 .centerBox .pnavBox .itemBox .item a::after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 0%;
  height: 1px;
  background: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.productCon1 .centerBox .pnavBox .itemBox .item.active a,
.productCon1 .centerBox .pnavBox .itemBox .item:hover a {
  color: #1a1a1a;
}
.productCon1 .centerBox .pnavBox .itemBox .item.active a::after,
.productCon1 .centerBox .pnavBox .itemBox .item:hover a::after {
  width: 100%;
  left: 0;
}
.productCon1.searchBox {
  padding-top: clamp(90px, 9.375vw, 180px);
}
.productCon1.searchBox .inputBoxSer {
  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%;
}
.productCon1.searchBox .inputBoxSer .input {
  max-width: 660px;
  width: 100%;
  height: 70px;
  background: #f7f6f5;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.productCon1.searchBox .inputBoxSer .input input {
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  padding-left: 30px;
  font-size: 18px;
  color: #1a1a1a;
}
@media (max-width:1600px) {
  .productCon1.searchBox .inputBoxSer .input input {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .productCon1.searchBox .inputBoxSer .input input {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .productCon1.searchBox .inputBoxSer .input input {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .productCon1.searchBox .inputBoxSer .input input {
    font-size: 12px;
  }
}
.productCon1.searchBox .inputBoxSer .input i {
  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;
  font-size: 22px;
}
@media (max-width:1600px) {
  .productCon1.searchBox .inputBoxSer .input i {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .productCon1.searchBox .inputBoxSer .input i {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .productCon1.searchBox .inputBoxSer .input i {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .productCon1.searchBox .inputBoxSer .input i {
    font-size: 14px;
  }
}
.productCon2 {
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.productCon2 .centerBox .itemBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(6px, 0.625vw, 12px) clamp(6px, 0.625vw, 12px);
  padding-top: clamp(30px, 3.125vw, 60px);
}
@media (max-width:990px) {
  .productCon2 .centerBox .itemBox {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width:480px) {
  .productCon2 .centerBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:360px) {
  .productCon2 .centerBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.productCon2 .centerBox .itemBox .item {
  background: #f7f6f5;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(255, 0, 0, 0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.productCon2 .centerBox .itemBox .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(15px, 1.5625vw, 30px);
}
.productCon2 .centerBox .itemBox .item a .title {
  font-family: "sy_li";
  font-size: 20px;
  color: #1a1a1a;
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .productCon2 .centerBox .itemBox .item a .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .productCon2 .centerBox .itemBox .item a .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .productCon2 .centerBox .itemBox .item a .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .productCon2 .centerBox .itemBox .item a .title {
    font-size: 13px;
  }
}
.productCon2 .centerBox .itemBox .item a .subtitle {
  font-family: "sy_li";
  font-size: 14px;
  color: #808080;
  margin-top: clamp(5px, 0.52083333vw, 10px);
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .productCon2 .centerBox .itemBox .item a .subtitle {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .productCon2 .centerBox .itemBox .item a .subtitle {
    font-size: 12px;
  }
}
.productCon2 .centerBox .itemBox .item a .images {
  margin-top: clamp(7.5px, 0.78125vw, 15px);
}
.productCon2 .centerBox .itemBox .item a .images .pb {
  padding-bottom: 103.4%;
}
.productCon2 .centerBox .itemBox .item a .images .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;
}
.productCon2 .centerBox .itemBox .item a .images .pb .ab img {
  width: auto;
  max-width: 80%;
  max-height: 80%;
}
.productCon2 .centerBox .itemBox .item a .idx_More {
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
.productCon2 .centerBox .itemBox .item:hover {
  border: 2px solid #d42d24;
  transform: translateY(-10px) !important;
}
.productCon2 .centerBox .itemBox .item:hover a .title {
  color: #d42d24;
}
.productCon2 .centerBox .itemBox .item:hover a .subtitle {
  color: #d42d24;
}
.productCon2 .centerBox .itemBox .item:hover a .idx_More .box {
  padding-right: clamp(0px, 0vw, 0px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
}
.productCon2 .centerBox .itemBox .item:hover a .idx_More .box i.left {
  transform: translateX(0%);
  opacity: 1;
}
.productCon2 .centerBox .itemBox .item:hover a .idx_More .box i.right {
  transform: translateX(184.61538%);
  opacity: 0;
}
@media (max-width:990px) {
  .productCon2 .centerBox .itemBox .item:hover a .idx_More .box i.right {
    transform: translateX(-100%);
  }
}
.productCon2 .centerBox .itemBox .item:hover a .idx_More .box span {
  color: #d42d24;
}
.productLiCon1 {
  padding-top: clamp(75px, 7.8125vw, 150px);
  background: #f7f6f5;
  padding-bottom: clamp(62.5px, 6.51041667vw, 125px);
  position: relative;
}
.productLiCon1 .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;
  grid-gap: 0 20px;
}
.productLiCon1 .centerBox .let {
  width: 71.42%;
  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;
}
.productLiCon1 .centerBox .let .left {
  width: 40%;
}
.productLiCon1 .centerBox .let .left .centerInfo {
  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;
}
.productLiCon1 .centerBox .let .left .centerInfo .le {
  width: 100%;
}
.productLiCon1 .centerBox .let .left .centerInfo .le .sort {
  width: 82px;
  height: 34px;
  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 #000;
  border-radius: 500px;
  font-family: "sy_re";
  font-size: 14px;
  color: #1a1a1a;
}
@media (max-width:1366px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .sort {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .sort {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .sort {
    width: 60px;
    height: 25px;
    border: 1px solid #000000a9;
  }
}
.productLiCon1 .centerBox .let .left .centerInfo .le .title {
  font-family: "or_re";
  font-size: 54px;
  color: #1a1a1a;
  line-height: 1;
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
}
@media (max-width:1600px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .title {
    font-size: 48px;
  }
}
@media (max-width:1366px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .title {
    font-size: 46px;
  }
}
@media (max-width:1024px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .title {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .title {
    font-size: 34px;
  }
}
.productLiCon1 .centerBox .let .left .centerInfo .le .subtitle {
  font-family: "sy_re";
  font-size: 18px;
  color: #1a1a1a;
  line-height: 1.4;
  padding-bottom: clamp(15px, 1.5625vw, 30px);
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
  position: relative;
}
@media (max-width:1600px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .subtitle {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .subtitle {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .subtitle {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .subtitle {
    font-size: 12px;
  }
}
.productLiCon1 .centerBox .let .left .centerInfo .le .subtitle::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #d42d24, 40%, #d42d2400);
}
.productLiCon1 .centerBox .let .left .centerInfo .le .colorBox {
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.productLiCon1 .centerBox .let .left .centerInfo .le .colorBox .tit {
  font-family: "sy_re";
  font-size: 16px;
  color: #808080;
}
@media (max-width:1366px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .colorBox .tit {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .colorBox .tit {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .productLiCon1 .centerBox .let .left .centerInfo .le .colorBox .tit {
    font-size: 12px;
  }
}
.productLiCon1 .centerBox .let .left .centerInfo .le .colorBox .itBox {
  margin-top: clamp(7.5px, 0.78125vw, 15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  padding: clamp(10px, 1.04166667vw, 20px);
  border-radius: 10px;
  border: 1px solid #e6e5e4;
  width: fit-content;
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(20px, 2.08333333vw, 40px);
}
.productLiCon1 .centerBox .let .left .centerInfo .le .colorBox .itBox .images img {
  filter: contrast(92%);
}
.productLiCon1 .centerBox .let .left .centerInfo .le .colorBox.tow .itBox {
  padding-left: clamp(0px, 0vw, 0px);
  padding-right: clamp(0px, 0vw, 0px);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(0px, 0vw, 0px);
}
.productLiCon1 .centerBox .let .left .centerInfo .le .colorBox.tow .itBox .it {
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  position: relative;
}
.productLiCon1 .centerBox .let .left .centerInfo .le .colorBox.tow .itBox .it::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  background: #e6e5e4;
  transition: all 0.5s;
}
.productLiCon1 .centerBox .let .center {
  width: 60%;
}
.productLiCon1 .centerBox .let .center .swiperInfo {
  height: 100%;
}
.productLiCon1 .centerBox .let .center .swiperInfo .swiper_box {
  overflow: hidden;
  height: 100%;
}
.productLiCon1 .centerBox .let .center .swiperInfo .swiper_box ul li .centerInfo {
  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;
}
.productLiCon1 .centerBox .let .center .swiperInfo .swiper_box ul li .centerInfo .ri {
  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;
}
.productLiCon1 .centerBox .let .center .swiperInfo .swiper_box ul li .centerInfo .ri .images {
  width: 100%;
  max-width: 600px;
}
.productLiCon1 .centerBox .let .center .swiperInfo .swiper_box ul li .centerInfo .ri .images .pb {
  background: #fff;
  border-radius: 50%;
}
.productLiCon1 .centerBox .let .center .swiperInfo .swiper_box ul li .centerInfo .ri .images .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;
}
.productLiCon1 .centerBox .let .center .swiperInfo .swiper_box ul li .centerInfo .ri .images .pb .ab img {
  max-width: 80%;
}
@media (max-width:990px) {
  .productLiCon1 .centerBox .let .center .swiperInfo .swiper_box ul li .centerInfo .ri .images .pb .ab img {
    max-width: 70%;
    max-height: 70%;
  }
}
@media (max-width:1280px) {
  .productLiCon1 .centerBox .let .left {
    width: 40%;
  }
  .productLiCon1 .centerBox .let .center {
    width: 50%;
  }
}
@media (max-width:990px) {
  .productLiCon1 .centerBox .let {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .productLiCon1 .centerBox .let .left {
    width: 100%;
  }
  .productLiCon1 .centerBox .let .center {
    width: 80%;
    margin-top: 20px;
  }
}
.productLiCon1 .centerBox .right {
  width: 120px;
  flex-shrink: 0;
}
.productLiCon1 .centerBox .right .swiperInfo {
  padding: 80px 0;
  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;
}
@media (max-width:990px) {
  .productLiCon1 .centerBox .right .swiperInfo {
    padding: 20px 40px;
  }
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_boxSon {
  overflow: hidden;
  height: 510px;
  position: relative;
  z-index: 1;
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_boxSon ul li .images {
  width: 120px;
  height: 120px;
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  border: 1px solid #00000000;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_boxSon ul li .images img {
  max-width: 70%;
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_boxSon ul li .images:hover {
  border: 1px solid #d42d24;
}
@media (max-width:990px) {
  .productLiCon1 .centerBox .right .swiperInfo .swiper_boxSon ul li .images {
    width: 80px;
    height: 80px;
  }
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_boxSon ul li.active .images {
  border: 1px solid #d42d24;
}
@media (max-width:990px) {
  .productLiCon1 .centerBox .right .swiperInfo .swiper_boxSon {
    height: auto;
  }
  .productLiCon1 .centerBox .right .swiperInfo .swiper_boxSon ul li {
    width: auto;
  }
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_but {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  border: 1px dashed #d6d5d4;
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_but i {
  color: #1a1a1a;
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_but.prev {
  top: 0;
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_but.prev i {
  transform: rotate(90deg);
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_but.next {
  bottom: 0;
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_but.next i {
  transform: rotate(90deg);
}
.productLiCon1 .centerBox .right .swiperInfo .swiper_but:hover {
  border: 0;
}
@media (max-width:990px) {
  .productLiCon1 .centerBox .right .swiperInfo .swiper_but.prev {
    top: unset !important;
    left: 0;
  }
  .productLiCon1 .centerBox .right .swiperInfo .swiper_but.prev i {
    transform: rotate(0deg);
  }
  .productLiCon1 .centerBox .right .swiperInfo .swiper_but.next {
    bottom: unset !important;
    right: 0;
  }
  .productLiCon1 .centerBox .right .swiperInfo .swiper_but.next i {
    transform: rotate(0deg);
  }
}
@media (max-width:990px) {
  .productLiCon1 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-bottom: clamp(30px, 3.125vw, 60px);
  }
  .productLiCon1 .centerBox .let {
    width: 100%;
    padding-top: clamp(20px, 2.08333333vw, 40px);
  }
  .productLiCon1 .centerBox .right {
    width: 100%;
    margin-top: 20px;
  }
}
.productLiCon1 .Scroll .images img {
  filter: brightness(0) invert(0);
}
@media (max-width:990px) {
  .productLiCon1 {
    padding-top: 0px;
  }
}
.productLiCon2 {
  padding: 0 10px;
  position: relative;
  background: #f7f6f5;
}
.productLiCon2 .center {
  position: absolute;
  width: 100%;
  height: 100%;
}
.productLiCon2 .center .w1680 {
  height: 100%;
}
.productLiCon2 .center .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: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
  height: 100%;
}
.productLiCon2 .center .centerBox .left {
  width: 28.571%;
}
.productLiCon2 .center .centerBox .left .idx_title .title {
  color: #fff;
  text-align: start !important;
}
.productLiCon2 .center .centerBox .right {
  width: 71.429%;
  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;
}
.productLiCon2 .center .centerBox .right .itemBox .item {
  font-family: "sy_re";
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  margin-top: clamp(10px, 1.04166667vw, 20px);
  border-bottom: 1px solid #ffffff2a;
  padding-left: 12px;
  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;
}
@media (max-width:1366px) {
  .productLiCon2 .center .centerBox .right .itemBox .item {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .productLiCon2 .center .centerBox .right .itemBox .item {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .productLiCon2 .center .centerBox .right .itemBox .item {
    font-size: 12px;
  }
}
.productLiCon2 .center .centerBox .right .itemBox .item::after {
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  width: 3px;
  height: 3px;
  background: #ffffff;
  border-radius: 50%;
}
@media (max-width:990px) {
  .productLiCon2 .center .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .productLiCon2 .center .centerBox .left {
    width: 100%;
  }
  .productLiCon2 .center .centerBox .right {
    width: 100%;
    margin-top: 20px;
  }
}
.productLiCon2 .images {
  border-radius: clamp(10px, 1.04166667vw, 20px);
  overflow: hidden;
}
.productLiCon2 .images img {
  width: 100%;
}
.productLiCon3 {
  background: #f7f6f5;
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(30px, 3.125vw, 60px);
  border-bottom: 1px solid #dedddc;
}
.productLiCon3 .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;
}
.productLiCon3 .centerBox .left {
  width: 28.571%;
}
.productLiCon3 .centerBox .left .idx_title .title {
  text-align: start !important;
}
.productLiCon3 .centerBox .right {
  width: 71.429%;
  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;
}
.productLiCon3 .centerBox .right .itemBox {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(5px, 0.52083333vw, 10px) clamp(5px, 0.52083333vw, 10px);
}
@media (max-width:990px) {
  .productLiCon3 .centerBox .right .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .productLiCon3 .centerBox .right .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.productLiCon3 .centerBox .right .itemBox .item {
  background: #fff;
  border-radius: 10px;
}
.productLiCon3 .centerBox .right .itemBox .item .pb {
  padding-bottom: 66.2%;
}
.productLiCon3 .centerBox .right .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;
}
.productLiCon3 .centerBox .right .itemBox .item .pb .ab img {
  max-width: 90%;
  max-height: 90%;
}
@media (max-width:990px) {
  .productLiCon3 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .productLiCon3 .centerBox .left {
    width: 100%;
  }
  .productLiCon3 .centerBox .right {
    width: 100%;
    margin-top: 20px;
  }
}
.productLiCon3.tow {
  padding-bottom: clamp(0px, 0vw, 0px);
  border-bottom: none;
}
.productLiCon4 {
  background: #f7f6f5;
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(30px, 3.125vw, 60px);
  border-bottom: 1px solid #dedddc;
}
.productLiCon4 .centerBox .idx_title .title {
  text-align: start !important;
}
.productLiCon4 .centerBox .tableBox {
  width: 100%;
  margin-top: clamp(30px, 3.125vw, 60px);
  padding-top: clamp(10px, 1.04166667vw, 20px);
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  position: relative;
  padding-left: clamp(15px, 1.5625vw, 30px);
  overflow: auto;
}
.productLiCon4 .centerBox .tableBox::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 16.7%;
  height: 100%;
  background: #ffffff;
  z-index: 1;
  border-radius: clamp(5px, 0.52083333vw, 10px);
}
@media (max-width:990px) {
  .productLiCon4 .centerBox .tableBox::after {
    width: 168px;
  }
}
.productLiCon4 .centerBox .tableBox table {
  width: 100%;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  border-left: #fff;
  border-top: 2px solid #d42d24;
  min-width: 1000px;
}
.productLiCon4 .centerBox .tableBox table tbody tr td {
  height: 60px;
  padding-left: clamp(15px, 1.5625vw, 30px);
  font-size: 14px;
  color: #808080;
  font-family: "sy_re";
}
@media (max-width:1366px) {
  .productLiCon4 .centerBox .tableBox table tbody tr td {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .productLiCon4 .centerBox .tableBox table tbody tr td {
    font-size: 12px;
  }
}
.productLiCon4 .centerBox .tableBox table tbody tr td:first-child {
  color: #1a1a1a;
  width: 15.2%;
}
@media (max-width:990px) {
  .productLiCon4 .centerBox .tableBox table tbody tr td {
    height: 45px;
  }
}
.productLiCon4 .centerBox .tableBox table tbody tr:first-child td {
  font-size: 16px;
  font-family: "sy_me";
  color: #1a1a1a;
}
@media (max-width:1366px) {
  .productLiCon4 .centerBox .tableBox table tbody tr:first-child td {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .productLiCon4 .centerBox .tableBox table tbody tr:first-child td {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .productLiCon4 .centerBox .tableBox table tbody tr:first-child td {
    font-size: 12px;
  }
}
.productLiCon5 {
  padding-top: clamp(70px, 7.29166667vw, 140px);
  padding-bottom: clamp(30px, 3.125vw, 60px);
}
.productLiCon5 .centerBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.productLiCon5 .centerBox .left {
  width: 28.571%;
  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;
}
.productLiCon5 .centerBox .left .idx_title {
  padding-bottom: 15px;
}
.productLiCon5 .centerBox .left .idx_title .title {
  text-align: start !important;
}
.productLiCon5 .centerBox .right {
  width: 71.429%;
}
.productLiCon5 .centerBox .right .swiperInfo .swiper_box {
  overflow: hidden;
}
.productLiCon5 .centerBox .right .swiperInfo .swiper_box ul li .centerInfo {
  position: relative;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  overflow: hidden;
}
.productLiCon5 .centerBox .right .swiperInfo .swiper_box ul li .centerInfo .name {
  position: absolute;
  z-index: 2;
  height: 60px;
  bottom: 0;
  width: 100%;
  font-family: "sy_re";
  font-size: 16px;
  color: #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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:1366px) {
  .productLiCon5 .centerBox .right .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .productLiCon5 .centerBox .right .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .productLiCon5 .centerBox .right .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
.productLiCon5 .centerBox .right .swiperInfo .swiper_box ul li .centerInfo .name::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), 20%, rgba(255, 255, 255, 0.452) 50%, rgba(255, 255, 255, 0) 100%);
}
.productLiCon5 .centerBox .right .swiperInfo .swiper_box ul li .centerInfo .images {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  overflow: hidden;
}
.productLiCon5 .centerBox .right .swiperInfo .swiper_box ul li .centerInfo:hover .images {
  transform: scale(1.02);
}
@media (max-width:990px) {
  .productLiCon5 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .productLiCon5 .centerBox .left {
    width: 100%;
  }
  .productLiCon5 .centerBox .right {
    width: 100%;
    margin-top: 20px;
  }
}
.productLiCon6 {
  padding-top: clamp(70px, 7.29166667vw, 140px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.productLiCon6 .centerBox .itemBox {
  padding-top: clamp(35px, 3.64583333vw, 70px);
}
.productLigqCon1 {
  position: relative;
}
.productLigqCon1 .center {
  position: absolute;
  width: 100%;
  height: 100%;
}
.productLigqCon1 .center .centerBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.productLigqCon1 .img {
  width: 100%;
}
.productLigqCon1 .img img {
  width: 100%;
  font-size: 0;
}
.productLigqCon1 .Scroll .images img {
  filter: brightness(0) invert(0.1);
}
.productLigqCon1.textRight .center .centerBox .contentBox {
  width: 42.85714%;
  padding-left: clamp(30px, 3.125vw, 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;
  padding-bottom: 8%;
}
.productLigqCon1.textRight .center .centerBox .contentBox .pro_title .content ul li {
  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;
  padding-left: 15px;
}
.productLigqCon1.textRight .center .centerBox .contentBox .pro_title .content ul li::after {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  border-radius: 50%;
  height: 4px;
  background: #000;
}
@media (max-width:990px) {
  .productLigqCon1.textRight .center .centerBox .contentBox {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-top: clamp(30px, 3.125vw, 60px);
  }
  .productLigqCon1.textRight .center .centerBox .contentBox .pro_title .content ul {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    grid-gap: 10px 0;
  }
}
.productLigqCon1.textTop .center {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.795), 45%, rgba(0, 0, 0, 0) 80%);
}
.productLigqCon1.textTop .center .centerBox .contentBox {
  width: 100%;
  padding-top: clamp(60px, 6.25vw, 120px);
  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;
}
.productLigqCon1.textTop .center .centerBox .contentBox .pro_title .subtitle {
  color: #fff;
  text-align: center;
}
.productLigqCon1.textTop .center .centerBox .contentBox .pro_title .content ul {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.productLigqCon1.textTop .center .centerBox .contentBox .pro_title .content ul li {
  color: #ffffff86;
  text-align: center;
  padding-left: 0;
  line-height: 1.5;
}
.productLigqCon1.textTop.bgNone .center {
  background: none;
}
.productLigqCon1New {
  padding-top: clamp(60px, 6.25vw, 120px);
  background-image: url(../images/img9bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.productLigqCon1New .centerBox {
  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;
}
.productLigqCon1New .centerBox .pro_title .subtitle {
  color: #fff;
  text-align: center;
}
.productLigqCon1New .centerBox .pro_title .content ul {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.productLigqCon1New .centerBox .pro_title .content ul li {
  color: #ffffff86;
  text-align: center;
  padding-left: 0;
  line-height: 1.5;
}
.productLigqCon1New .centerBox .imagesBox {
  width: fit-content;
  position: relative;
  margin-top: clamp(40px, 4.16666667vw, 80px);
  cursor: pointer;
}
.productLigqCon1New .centerBox .imagesBox .images {
  z-index: 1;
}
.productLigqCon1New .centerBox .imagesBox .conBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 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;
  opacity: 0.9;
  z-index: 2;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox {
  position: absolute;
  width: 99%;
  height: 79.3%;
  top: 0.8%;
  overflow: hidden;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox .beImg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox .beImg img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox .afImg {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #0000002f;
  z-index: 3;
  top: 0;
  right: 0;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox .afImg img {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox .dbar {
  position: absolute;
  width: 0;
  right: 50%;
  top: 0;
  height: 100%;
  display: block;
  z-index: 4;
  cursor: pointer;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox .dbar:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/img9_bar.png") center / contain;
  width: 50px;
  height: 50px;
}
@media (max-width:990px) {
  .productLigqCon1New .centerBox .imagesBox .conBox .imgBox .dbar:after {
    width: 25px;
    height: 25px;
  }
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox.gyfccer .beImg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox.gyfccer .beImg img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox.gyfccer .afImg {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox.gyfccer .afImg img {
  height: 100%;
  object-fit: cover;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox.gyfccer .dbar {
  position: absolute;
  width: 0;
  left: 50%;
  top: 0;
  height: 100%;
  display: block;
  z-index: 2;
}
.productLigqCon1New .centerBox .imagesBox .conBox .imgBox.gyfccer .dbar:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/img9_bar.png") center / contain;
  width: 50px;
  height: 50px;
}
@media (max-width:990px) {
  .productLigqCon1New .centerBox .imagesBox .conBox .imgBox.gyfccer .dbar:after {
    width: 25px;
    height: 25px;
  }
}
.productLigqCon2 {
  position: relative;
}
.productLigqCon2 .center {
  position: absolute;
  width: 100%;
  height: 100%;
}
.productLigqCon2 .center .centerBox {
  width: 100%;
  height: 100%;
}
.productLigqCon2 .center .centerBox .contentBox {
  width: 50%;
}
.productLigqCon2 .center .centerBox .contentBox .pro_title .content ul li {
  color: #808080;
  font-family: "sy_li";
}
@media (max-width:990px) {
  .productLigqCon2 .center {
    position: relative !important;
    height: auto;
    padding: 20px 0;
  }
  .productLigqCon2 .center .centerBox .contentBox {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .productLigqCon2 .center .centerBox .contentBox .pro_title {
    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;
    width: 100%;
  }
  .productLigqCon2 .center .centerBox .contentBox .pro_title .levtitle {
    text-align: center;
  }
  .productLigqCon2 .center .centerBox .contentBox .pro_title .content ul li {
    text-align: center;
  }
}
.productLigqCon2 .images {
  width: 50%;
}
.productLigqCon2 .images img {
  width: 100%;
}
@media (max-width:990px) {
  .productLigqCon2 .images {
    width: 100%;
  }
}
@media (max-width:990px) {
  .productLigqCon2 {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.productLigqCon2.right .center .centerBox {
  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;
}
.productLigqCon2.right .center .centerBox .contentBox {
  padding-left: clamp(60px, 6.25vw, 120px);
  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;
}
.productLigqCon2.left {
  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;
}
.productLigqCon2.left .center .centerBox {
  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;
}
.productLigqCon2.left .center .centerBox .contentBox {
  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-right: clamp(60px, 6.25vw, 120px);
}
.productLigqCon3 {
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: clamp(110px, 11.45833333vw, 220px);
  padding-bottom: clamp(85px, 8.85416667vw, 170px);
}
.productLigqCon3 .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;
}
.productLigqCon3 .centerBox .left {
  width: 50%;
}
.productLigqCon3 .centerBox .left .images {
  width: 100%;
}
.productLigqCon3 .centerBox .left .images img {
  width: 100%;
}
.productLigqCon3 .centerBox .right {
  width: 42.8571%;
  padding-left: clamp(30px, 3.125vw, 60px);
  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;
}
.productLigqCon3 .centerBox .right .itmeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(25px, 2.60416667vw, 50px);
  max-width: 485px;
  width: 100%;
  margin-top: clamp(20px, 2.08333333vw, 40px);
}
.productLigqCon3 .centerBox .right .itmeBox .item {
  width: calc(50% - 25px);
}
.productLigqCon3 .centerBox .right .itmeBox .item .images {
  border-radius: clamp(6px, 0.625vw, 12px);
  width: fit-content;
  overflow: hidden;
  height: 50px;
}
@media (max-width:990px) {
  .productLigqCon3 .centerBox .right .itmeBox .item .images {
    height: 30px;
  }
}
.productLigqCon3 .centerBox .right .itmeBox .item .images img {
  width: 100%;
}
.productLigqCon3 .centerBox .right .itmeBox .item .title {
  margin-top: clamp(6px, 0.625vw, 12px);
  font-family: "sy_li";
  font-size: 20px;
  color: #1a1a1a;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width:1600px) {
  .productLigqCon3 .centerBox .right .itmeBox .item .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .productLigqCon3 .centerBox .right .itmeBox .item .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .productLigqCon3 .centerBox .right .itmeBox .item .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .productLigqCon3 .centerBox .right .itmeBox .item .title {
    font-size: 13px;
  }
}
.productLigqCon3 .centerBox .right .itmeBox .item .subtitle {
  margin-top: clamp(6px, 0.625vw, 12px);
  font-family: "sy_re";
  font-size: 14px;
  color: #808080de;
  line-height: 1.428;
}
@media (max-width:1366px) {
  .productLigqCon3 .centerBox .right .itmeBox .item .subtitle {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .productLigqCon3 .centerBox .right .itmeBox .item .subtitle {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .productLigqCon3 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .productLigqCon3 .centerBox .left {
    width: 100%;
  }
  .productLigqCon3 .centerBox .right {
    width: 100%;
    margin-top: 20px;
    padding-left: clamp(0px, 0vw, 0px);
    grid-gap: clamp(0px, 0vw, 0px) clamp(0px, 0vw, 0px);
  }
  .productLigqCon3 .centerBox .right .item {
    width: 50%;
  }
}
.productLigqCon4 {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.productLigqCon4 .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;
}
.productLigqCon4 .centerBox .left {
  width: 21.428%;
}
.productLigqCon4 .centerBox .right {
  width: 71.428%;
}
.productLigqCon4 .centerBox .right .itemBox {
  border-top: 2px solid #d42d24;
}
.productLigqCon4 .centerBox .right .itemBox .item {
  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-bottom: 1px solid #ededed;
}
.productLigqCon4 .centerBox .right .itemBox .item .le {
  width: 60%;
  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;
}
.productLigqCon4 .centerBox .right .itemBox .item .le .l {
  width: 33.44%;
  height: 55px;
  max-width: 240px;
  font-family: "sy_re";
  font-size: 18px;
  color: #333333;
  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) {
  .productLigqCon4 .centerBox .right .itemBox .item .le .l {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .productLigqCon4 .centerBox .right .itemBox .item .le .l {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .productLigqCon4 .centerBox .right .itemBox .item .le .l {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .productLigqCon4 .centerBox .right .itemBox .item .le .l {
    font-size: 12px;
  }
}
.productLigqCon4 .centerBox .right .itemBox .item .le .r {
  width: 66.66%;
  min-height: 55px;
}
.productLigqCon4 .centerBox .right .itemBox .item .ri {
  width: 40%;
}
.productLigqCon4 .centerBox .right .itemBox .item .ri .itBox .it {
  color: #808080;
}
.productLigqCon4 .centerBox .right .itemBox .item .itBox .it {
  min-height: 55px;
  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-family: "sy_re";
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #ededed;
}
@media (max-width:1366px) {
  .productLigqCon4 .centerBox .right .itemBox .item .itBox .it {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .productLigqCon4 .centerBox .right .itemBox .item .itBox .it {
    font-size: 12px;
  }
}
.productLigqCon4 .centerBox .right .itemBox .item .itBox .it:last-child {
  border-bottom: none;
}
.productLigqCon4 .centerBox .right .itemBox .item.one {
  min-height: 55px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.productLigqCon4 .centerBox .right .itemBox .item.one .le {
  font-family: "sy_bo";
  font-size: 16px;
  color: #1a1a1a;
  line-height: 1;
}
@media (max-width:1366px) {
  .productLigqCon4 .centerBox .right .itemBox .item.one .le {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .productLigqCon4 .centerBox .right .itemBox .item.one .le {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .productLigqCon4 .centerBox .right .itemBox .item.one .le {
    font-size: 12px;
  }
}
.productLigqCon4 .centerBox .right .itemBox .item.one .ri {
  font-family: "sy_bo";
  font-size: 16px;
  color: #1a1a1a;
  line-height: 1;
}
@media (max-width:1366px) {
  .productLigqCon4 .centerBox .right .itemBox .item.one .ri {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .productLigqCon4 .centerBox .right .itemBox .item.one .ri {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .productLigqCon4 .centerBox .right .itemBox .item.one .ri {
    font-size: 12px;
  }
}
.productLigqCon4 .centerBox .right .itemBox .item.tow .le {
  width: 100%;
}
.productLigqCon4 .centerBox .right .itemBox .item.tow .le .l {
  flex-shrink: 0;
}
.productLigqCon4 .centerBox .right .itemBox .item.tow .le .r {
  width: 100%;
}
.productLigqCon4 .centerBox .right .itemBox .item.tow .le .r ul {
  padding-top: 20px;
}
.productLigqCon4 .centerBox .right .itemBox .item.tow .le .r ul li {
  margin-bottom: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "sy_re";
  font-size: 14px;
  color: #808080;
  line-height: 1.564;
}
@media (max-width:1366px) {
  .productLigqCon4 .centerBox .right .itemBox .item.tow .le .r ul li {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .productLigqCon4 .centerBox .right .itemBox .item.tow .le .r ul li {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .productLigqCon4 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .productLigqCon4 .centerBox .left {
    width: 100%;
  }
  .productLigqCon4 .centerBox .right {
    width: 100%;
    margin-top: 20px;
  }
}
.caseCon1 {
  position: relative;
  z-index: 1;
  padding-top: clamp(65px, 6.77083333vw, 130px);
  padding-bottom: clamp(55px, 5.72916667vw, 110px);
}
.caseCon1 .centerBox .pro_title .subtitle {
  text-align: center;
}
.caseCon1 .centerBox .selectBox {
  margin-top: clamp(35px, 3.64583333vw, 70px);
}
.caseCon1 .centerBox .contentBox {
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.caseCon1 .centerBox .contentBox .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 10px 10px;
}
.caseCon1 .centerBox .contentBox .itemBox .item {
  width: calc(50% - 5px);
  background: #f7f6f5;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
@media (max-width:990px) {
  .caseCon1 .centerBox .contentBox .itemBox .item {
    width: 100% !important;
  }
}
.caseCon1 .centerBox .contentBox .itemBox .item .images {
  overflow: hidden;
}
.caseCon1 .centerBox .contentBox .itemBox .item .images .pb {
  padding-bottom: 56.3%;
}
.caseCon1 .centerBox .contentBox .itemBox .item .images .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;
}
.caseCon1 .centerBox .contentBox .itemBox .item .images .pb .ab img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
}
.caseCon1 .centerBox .contentBox .itemBox .item .fontBox {
  padding: clamp(15px, 1.5625vw, 30px);
}
.caseCon1 .centerBox .contentBox .itemBox .item .fontBox .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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
.caseCon1 .centerBox .contentBox .itemBox .item .fontBox .botBox .title {
  font-family: "sy_li";
  font-size: 24px;
  color: #1a1a1a;
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .caseCon1 .centerBox .contentBox .itemBox .item .fontBox .botBox .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .caseCon1 .centerBox .contentBox .itemBox .item .fontBox .botBox .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .caseCon1 .centerBox .contentBox .itemBox .item .fontBox .botBox .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .caseCon1 .centerBox .contentBox .itemBox .item .fontBox .botBox .title {
    font-size: 15px;
  }
}
.caseCon1 .centerBox .contentBox .itemBox .item .fontBox .botBox .idx_More {
  margin-top: clamp(0px, 0vw, 0px);
}
.caseCon1 .centerBox .contentBox .itemBox .item.big {
  width: 100%;
}
.caseCon1 .centerBox .contentBox .itemBox .item.big .images .pb {
  padding-bottom: 42.9%;
}
.caseCon1 .centerBox .contentBox .itemBox .item.big:hover .images .pb .ab img {
  transform: scale(1.01);
}
.caseCon1 .centerBox .contentBox .itemBox .item:hover .images .pb .ab img {
  transform: scale(1.02);
}
.caseCon1 .centerBox .contentBox .itemBox .item:hover .idx_More .box {
  padding-right: clamp(0px, 0vw, 0px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
}
.caseCon1 .centerBox .contentBox .itemBox .item:hover .idx_More .box i.left {
  transform: translateX(0%);
  opacity: 1;
}
.caseCon1 .centerBox .contentBox .itemBox .item:hover .idx_More .box i.right {
  transform: translateX(184.61538%);
  opacity: 0;
}
@media (max-width:990px) {
  .caseCon1 .centerBox .contentBox .itemBox .item:hover .idx_More .box i.right {
    transform: translateX(-100%);
  }
}
.caseCon1 .centerBox .contentBox .itemBox .item:hover .idx_More .box span {
  color: #d42d24;
}
.pop_up {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #0000008f;
  top: 0;
  left: 0;
  z-index: 999;
  padding-left: clamp(5px, 0.52083333vw, 10px);
  padding-right: clamp(5px, 0.52083333vw, 10px);
  padding-top: clamp(20px, 2.08333333vw, 40px);
  transform: translateY(100%);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.pop_up .contentBox {
  width: 100%;
  height: 100%;
  background: #fff;
  border-top-left-radius: clamp(10px, 1.04166667vw, 20px);
  border-top-right-radius: clamp(10px, 1.04166667vw, 20px);
  border-bottom-left-radius: clamp(0px, 0vw, 0px);
  border-bottom-right-radius: clamp(0px, 0vw, 0px);
  padding-top: clamp(15px, 1.5625vw, 30px);
  padding-right: clamp(15px, 1.5625vw, 30px);
}
.pop_up .contentBox .content {
  width: 100%;
  height: 100%;
  border-top-left-radius: clamp(10px, 1.04166667vw, 20px);
  border-top-right-radius: clamp(10px, 1.04166667vw, 20px);
  border-bottom-left-radius: clamp(0px, 0vw, 0px);
  border-bottom-right-radius: clamp(0px, 0vw, 0px);
  overflow: hidden;
}
.pop_up .contentBox .content iframe {
  border: 0;
  scrollbar-width: thin;
}
.pop_up .closeBox {
  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: absolute;
  bottom: 40px;
}
.pop_up .closeBox .box {
  width: 100px;
  height: 44px;
  border-top-left-radius: clamp(9px, 0.9375vw, 18px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(9px, 0.9375vw, 18px);
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: "sy_re";
  font-size: 16px;
  color: #000000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px 1px #00000041;
  cursor: pointer;
}
@media (max-width:1366px) {
  .pop_up .closeBox .box {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .pop_up .closeBox .box {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .pop_up .closeBox .box {
    font-size: 12px;
  }
}
.pop_up .closeBox .box::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 100%;
  height: 0%;
  background: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
}
.pop_up .closeBox .box span {
  position: relative;
  z-index: 2;
}
.pop_up .closeBox .box.active,
.pop_up .closeBox .box:hover {
  color: #fff;
}
.pop_up .closeBox .box.active::after,
.pop_up .closeBox .box:hover::after {
  height: 100%;
  top: 0;
}
.pop_up.active {
  transform: translateY(0);
}
.caseLiCon1 {
  padding-top: clamp(35px, 3.64583333vw, 70px);
}
.caseLiCon1 .centenBox .con1 {
  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;
}
.caseLiCon1 .centenBox .con1 .left {
  width: 50%;
}
.caseLiCon1 .centenBox .con1 .right {
  width: 50%;
}
.caseLiCon1 .centenBox .con1 .right .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 10px;
}
.caseLiCon1 .centenBox .con1 .right .bot {
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
  font-family: "sy_li";
  font-size: 16px;
  color: #808080;
  line-height: 1.625;
}
@media (max-width:1366px) {
  .caseLiCon1 .centenBox .con1 .right .bot {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .caseLiCon1 .centenBox .con1 .right .bot {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .caseLiCon1 .centenBox .con1 .right .bot {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .caseLiCon1 .centenBox .con1 {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .caseLiCon1 .centenBox .con1 .left {
    width: 100%;
  }
  .caseLiCon1 .centenBox .con1 .right {
    width: 100%;
    margin-top: 20px;
  }
}
.caseLiCon1 .centenBox .imgBox {
  margin-top: clamp(40px, 4.16666667vw, 80px);
  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 0px;
}
.caseLiCon1 .centenBox .imgBox .images100 {
  border-radius: 10px;
  overflow: hidden;
}
* {
  scrollbar-color: #d42d24 #d4d6d7;
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #d4d6d7;
}
*::-webkit-scrollbar-thumb {
  background-color: #d42d24;
  border-radius: 10px;
}
*::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(226, 226, 226, 0.76);
}
.downloadCon1 {
  padding-top: clamp(67.5px, 7.03125vw, 135px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.downloadCon1 .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;
}
.downloadCon1 .centerBox .leftBox {
  width: 14.2857142%;
  min-width: 180px;
  flex-shrink: 0;
}
.downloadCon1 .centerBox .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: 10px 0;
}
.downloadCon1 .centerBox .leftBox .itemBox .item {
  width: 100%;
  border-top-left-radius: clamp(9px, 0.9375vw, 18px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(9px, 0.9375vw, 18px);
  background: #f7f6f5;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.downloadCon1 .centerBox .leftBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 100%;
  height: 0%;
  background: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
}
.downloadCon1 .centerBox .leftBox .itemBox .item a {
  height: 56px;
  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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-family: "sy_li";
  font-size: 16px;
  color: #1a1a1a;
  line-height: 1;
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .downloadCon1 .centerBox .leftBox .itemBox .item a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .downloadCon1 .centerBox .leftBox .itemBox .item a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .downloadCon1 .centerBox .leftBox .itemBox .item a {
    font-size: 12px;
  }
}
.downloadCon1 .centerBox .leftBox .itemBox .item a span {
  font-family: "or_re";
  font-size: 14px;
  color: #b2b2b2;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .downloadCon1 .centerBox .leftBox .itemBox .item a span {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .downloadCon1 .centerBox .leftBox .itemBox .item a span {
    font-size: 12px;
  }
}
.downloadCon1 .centerBox .leftBox .itemBox .item.active a,
.downloadCon1 .centerBox .leftBox .itemBox .item:hover a {
  color: #fff;
}
.downloadCon1 .centerBox .leftBox .itemBox .item.active a span,
.downloadCon1 .centerBox .leftBox .itemBox .item:hover a span {
  color: #fff;
}
.downloadCon1 .centerBox .leftBox .itemBox .item.active::after,
.downloadCon1 .centerBox .leftBox .itemBox .item:hover::after {
  height: 100%;
  top: 0;
}
.downloadCon1 .centerBox .rightBox {
  width: 71.4285%;
}
.downloadCon1 .centerBox .rightBox .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(5px, 0.52083333vw, 10px) clamp(5px, 0.52083333vw, 10px);
}
@media (max-width:990px) {
  .downloadCon1 .centerBox .rightBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .downloadCon1 .centerBox .rightBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.downloadCon1 .centerBox .rightBox .itemBox .item {
  background: #f7f6f5;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  padding: clamp(15px, 1.5625vw, 30px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.downloadCon1 .centerBox .rightBox .itemBox .item .zhuanImg {
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 5px;
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.downloadCon1 .centerBox .rightBox .itemBox .item .zhuanImg img {
  max-width: unset;
  max-height: unset;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.18, 1);
  transition-delay: 0.1s;
}
.downloadCon1 .centerBox .rightBox .itemBox .item .assort {
  color: #808080;
  font-size: 14px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .downloadCon1 .centerBox .rightBox .itemBox .item .assort {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .downloadCon1 .centerBox .rightBox .itemBox .item .assort {
    font-size: 12px;
  }
}
.downloadCon1 .centerBox .rightBox .itemBox .item .title {
  font-family: "sy_li";
  font-size: 22px;
  color: #1a1a1a;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .downloadCon1 .centerBox .rightBox .itemBox .item .title {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .downloadCon1 .centerBox .rightBox .itemBox .item .title {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .downloadCon1 .centerBox .rightBox .itemBox .item .title {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .downloadCon1 .centerBox .rightBox .itemBox .item .title {
    font-size: 14px;
  }
}
.downloadCon1 .centerBox .rightBox .itemBox .item .idx_More {
  margin-top: clamp(70px, 7.29166667vw, 140px);
}
.downloadCon1 .centerBox .rightBox .itemBox .item .idx_More .box span {
  color: #b2b2b2;
}
.downloadCon1 .centerBox .rightBox .itemBox .item .idx_More .box i.left {
  filter: brightness(0) invert(1);
}
.downloadCon1 .centerBox .rightBox .itemBox .item:hover {
  transform: translateY(-10px);
  background: #d42d24;
}
.downloadCon1 .centerBox .rightBox .itemBox .item:hover .zhuanImg img {
  transform: rotate(90deg);
  opacity: 1;
}
.downloadCon1 .centerBox .rightBox .itemBox .item:hover .assort {
  color: #fff;
}
.downloadCon1 .centerBox .rightBox .itemBox .item:hover .title {
  color: #fff;
}
.downloadCon1 .centerBox .rightBox .itemBox .item:hover .idx_More .box {
  padding-right: clamp(0px, 0vw, 0px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
}
.downloadCon1 .centerBox .rightBox .itemBox .item:hover .idx_More .box i.left {
  transform: translateX(0%);
  opacity: 1;
}
.downloadCon1 .centerBox .rightBox .itemBox .item:hover .idx_More .box i.right {
  transform: translateX(184.61538%);
  opacity: 0;
}
@media (max-width:990px) {
  .downloadCon1 .centerBox .rightBox .itemBox .item:hover .idx_More .box i.right {
    transform: translateX(-100%);
  }
}
.downloadCon1 .centerBox .rightBox .itemBox .item:hover .idx_More .box span {
  color: #fff;
}
@media (max-width:990px) {
  .downloadCon1 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .downloadCon1 .centerBox .leftBox {
    width: 100%;
  }
  .downloadCon1 .centerBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow {
  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;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item {
  background: #f7f6f5;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  border-radius: clamp(10px, 1.04166667vw, 20px);
  border: 1px solid #ffffff00;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .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;
  min-height: 72px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .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 20px;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .fontBox .qution {
  font-size: 16px;
  width: 2.2em;
  height: 2.2em;
  background: #807c78;
  color: #fff;
  font-family: "or_bo";
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -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;
  border-radius: 50%;
}
@media (max-width:1366px) {
  .downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .fontBox .qution {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .fontBox .qution {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .fontBox .qution {
    font-size: 12px;
  }
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .fontBox .title {
  font-family: "sy_re";
  font-size: 16px;
  color: #333333;
  line-height: 1.5;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .fontBox .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .fontBox .title {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .fontBox .title {
    font-size: 12px;
  }
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .swiper_but {
  z-index: 2;
  cursor: pointer;
  border: 1px dashed #d6d5d4;
  flex-shrink: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .swiper_but i {
  color: #1a1a1a;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .swiper_but.prev {
  top: 0;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .swiper_but.prev i {
  transform: rotate(90deg);
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .topBox .swiper_but:hover {
  border: 1px dashed #d42d24;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .botBox {
  padding-top: clamp(5px, 0.52083333vw, 10px);
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  padding-left: clamp(30px, 3.125vw, 60px);
  display: none;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item .botBox .content {
  max-width: 880px;
  width: 100%;
  font-family: "sy_re";
  font-size: 16px;
  color: #333333;
  line-height: 1.625;
}
@media (max-width:1366px) {
  .downloadCon1.problemCon1 .centerBox .itemBoxTow .item .botBox .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .downloadCon1.problemCon1 .centerBox .itemBoxTow .item .botBox .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .downloadCon1.problemCon1 .centerBox .itemBoxTow .item .botBox .content {
    font-size: 12px;
  }
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item.active,
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item:hover {
  border: 1px solid #d42d24;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item.active .topBox .qution,
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item:hover .topBox .qution {
  background: #d42d24;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item.active .topBox .title,
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item:hover .topBox .title {
  color: #d42d24;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item.active .topBox .swiper_but,
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item:hover .topBox .swiper_but {
  transform: rotate(180deg);
  border: 1px dashed #d42d24;
}
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item.active .topBox .swiper_but i,
.downloadCon1.problemCon1 .centerBox .itemBoxTow .item:hover .topBox .swiper_but i {
  color: #d42d24;
}
.serveCon1 {
  padding: 0 10px;
}
.serveCon1 .contentBox {
  position: relative;
}
.serveCon1 .contentBox .centerAb .centerBox {
  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;
}
.serveCon1 .contentBox .centerAb .centerBox .textBox {
  width: 50%;
}
@media (max-width:990px) {
  .serveCon1 .contentBox .centerAb {
    position: relative !important;
    height: auto;
    padding: 20px 0;
  }
  .serveCon1 .contentBox .centerAb .centerBox {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .serveCon1 .contentBox .centerAb .centerBox .textBox {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.serveCon1 .contentBox .images {
  width: 50%;
  border-radius: clamp(10px, 1.04166667vw, 20px);
  overflow: hidden;
}
.serveCon1 .contentBox .images img {
  width: 100%;
}
@media (max-width:990px) {
  .serveCon1 .contentBox .images {
    width: 100%;
  }
}
@media (max-width:990px) {
  .serveCon1 .contentBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.serveCon1.right {
  padding-top: clamp(60px, 6.25vw, 120px);
}
.serveCon1.right .contentBox .centerAb .centerBox {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.serveCon1.right .contentBox .centerAb .centerBox .textBox {
  padding-left: clamp(60px, 6.25vw, 120px);
}
.serveCon1.left {
  padding-top: clamp(15px, 1.5625vw, 30px);
}
.serveCon1.left .contentBox {
  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;
}
.serveCon1.left .contentBox .centerAb .centerBox {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.serveCon1.left .contentBox .centerAb .centerBox .textBox {
  padding-right: clamp(60px, 6.25vw, 120px);
}
.serveCon1.left .contentBox .centerAb .centerBox .textBox .content {
  max-width: 600px;
  width: 100%;
}
.serveCon2 {
  padding: 0 10px;
  padding-bottom: 10px;
  background: #f7f6f5;
  padding-top: clamp(40px, 4.16666667vw, 80px);
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.serveCon2 .centerBox .ser_Title .number {
  text-align: center;
}
.serveCon2 .centerBox .ser_Title .title {
  text-align: center;
}
.serveCon2 .centerBox .ser_Title .content {
  text-align: center;
}
.serveCon2 .centerBox .images100 {
  border-radius: clamp(10px, 1.04166667vw, 20px);
  overflow: hidden;
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.newCon1 {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
  background: #f7f6f5;
}
.newCon1 .centerBox .selectBox .itemBox {
  background: #fff;
}
.newCon1 .centerBox .newBox {
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.newCon1 .centerBox .newBox 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;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
}
.newCon1 .centerBox .newBox a .images {
  width: 64.2857142%;
  overflow: hidden;
}
.newCon1 .centerBox .newBox a .images .pb {
  padding-bottom: 55.56%;
}
.newCon1 .centerBox .newBox a .images .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;
}
.newCon1 .centerBox .newBox a .images .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.newCon1 .centerBox .newBox a .textBox {
  width: 35.7142858%;
  padding-left: clamp(40px, 4.16666667vw, 80px);
  padding-right: clamp(40px, 4.16666667vw, 80px);
  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;
}
.newCon1 .centerBox .newBox a .textBox .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;
  font-family: "sy_li";
  font-size: 12px;
  color: #1a1a1a;
  grid-gap: 0 5px;
}
.newCon1 .centerBox .newBox a .textBox .title {
  margin-top: clamp(7.5px, 0.78125vw, 15px);
  font-family: "sy_li";
  font-size: 24px;
  color: #1a1a1a;
  line-height: 1.4166;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .newCon1 .centerBox .newBox a .textBox .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .newCon1 .centerBox .newBox a .textBox .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .newCon1 .centerBox .newBox a .textBox .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .newCon1 .centerBox .newBox a .textBox .title {
    font-size: 15px;
  }
}
.newCon1 .centerBox .newBox a .textBox .content {
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
  font-family: "sy_li";
  font-size: 16px;
  color: #808080;
  line-height: 1.625;
}
@media (max-width:1366px) {
  .newCon1 .centerBox .newBox a .textBox .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .newCon1 .centerBox .newBox a .textBox .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .newCon1 .centerBox .newBox a .textBox .content {
    font-size: 12px;
  }
}
.newCon1 .centerBox .newBox a .textBox .idxMore {
  margin-top: clamp(50px, 5.20833333vw, 100px);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:990px) {
  .newCon1 .centerBox .newBox a {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .newCon1 .centerBox .newBox a .images {
    width: 100%;
  }
  .newCon1 .centerBox .newBox a .textBox {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 30px;
  }
}
.newCon1 .centerBox .newBox a:hover {
  box-shadow: 0 0 10px 1px #e5e5e5;
}
.newCon1 .centerBox .newBox a:hover .images .pb .ab img {
  transform: scale(1.02);
}
.newCon1 .centerBox .newBox a:hover .textBox .title {
  color: #d42d24;
}
.newCon1 .centerBox .newBox a:hover .textBox .idxMore .more {
  padding-right: clamp(25px, 2.60416667vw, 50px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
}
.newCon1 .centerBox .newBox a:hover .textBox .idxMore .more i.left {
  transform: translateX(0%);
  opacity: 0;
}
.newCon1 .centerBox .newBox a:hover .textBox .idxMore .more i.right {
  transform: translateX(-184.61538%);
  opacity: 1;
}
@media (max-width:990px) {
  .newCon1 .centerBox .newBox a:hover .textBox .idxMore .more i.right {
    transform: translateX(-100%);
  }
}
.newCon2 {
  padding-top: clamp(50px, 5.20833333vw, 100px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
}
.newCon2 .centerBox .itemNewBox .item .fontBox {
  padding-top: clamp(12.5px, 1.30208333vw, 25px);
}
.newCon2 .centerBox .itemNewBox .item .fontBox .idx_More {
  margin-top: clamp(22.5px, 2.34375vw, 45px);
}
.newCon2 .centerBox .pagerBox {
  margin-top: clamp(40px, 4.16666667vw, 80px);
  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;
}
.newLiCon1 {
  padding-bottom: clamp(60px, 6.25vw, 120px);
  padding-top: clamp(90px, 9.375vw, 180px);
}
@media (max-width:990px) {
  .newLiCon1 {
    padding-top: clamp(50px, 5.20833333vw, 100px);
  }
}
.newLiCon1 .centerBox .topBox {
  padding-left: 120px;
  padding-right: 120px;
}
.newLiCon1 .centerBox .topBox .title {
  font-family: "sy_li";
  font-size: 44px;
  color: #1a1a1a;
  line-height: 1.45;
}
@media (max-width:1680px) {
  .newLiCon1 .centerBox .topBox .title {
    font-size: 38.5px;
  }
}
@media (max-width:1440px) {
  .newLiCon1 .centerBox .topBox .title {
    font-size: 33px;
  }
}
@media (max-width:1280px) {
  .newLiCon1 .centerBox .topBox .title {
    font-size: 29.33333333px;
  }
}
@media (max-width:1024px) {
  .newLiCon1 .centerBox .topBox .title {
    font-size: 23.46666667px;
  }
}
.newLiCon1 .centerBox .topBox .timeBox {
  margin-top: clamp(15px, 1.5625vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 5px;
  position: relative;
  padding-bottom: clamp(30px, 3.125vw, 60px);
}
.newLiCon1 .centerBox .topBox .timeBox::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #d42d24 20%, rgba(255, 204, 204, 0) 100%);
}
@media (max-width:990px) {
  .newLiCon1 .centerBox .topBox {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.newLiCon1 .centerBox .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.newLiCon1 .centerBox .contentBox .left {
  width: 120px;
  flex-shrink: 0;
  padding-top: clamp(30px, 3.125vw, 60px);
}
.newLiCon1 .centerBox .contentBox .left .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: 8px 0;
}
.newLiCon1 .centerBox .contentBox .left .itemBox .item a {
  width: 72px;
  height: 75px;
  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: #f7f6f5;
  border-radius: 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.newLiCon1 .centerBox .contentBox .left .itemBox .item a i {
  font-size: 30px;
  color: #cccccc;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.newLiCon1 .centerBox .contentBox .left .itemBox .item a:hover {
  color: #fff;
  background: #d42d24;
}
.newLiCon1 .centerBox .contentBox .left .itemBox .item a:hover i {
  color: #fff;
}
@media (max-width:990px) {
  .newLiCon1 .centerBox .contentBox .left .itemBox .item a {
    width: 45px;
    height: 45px;
  }
  .newLiCon1 .centerBox .contentBox .left .itemBox .item a i {
    font-size: 18px;
  }
}
.newLiCon1 .centerBox .contentBox .right {
  padding-right: 120px;
}
.newLiCon1 .centerBox .contentBox .right img {
  width: 100%;
  margin-top: clamp(30px, 3.125vw, 60px);
}
.newLiCon1 .centerBox .contentBox .right h2 {
  font-family: "sy_re";
  font-size: 20px;
  color: #1a1a1a;
  margin-top: clamp(30px, 3.125vw, 60px);
}
@media (max-width:1600px) {
  .newLiCon1 .centerBox .contentBox .right h2 {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .newLiCon1 .centerBox .contentBox .right h2 {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .newLiCon1 .centerBox .contentBox .right h2 {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .newLiCon1 .centerBox .contentBox .right h2 {
    font-size: 13px;
  }
}
.newLiCon1 .centerBox .contentBox .right p {
  font-family: "sy_li";
  font-size: 16px;
  color: #808080;
  line-height: 1.65;
  margin-top: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:1366px) {
  .newLiCon1 .centerBox .contentBox .right p {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .newLiCon1 .centerBox .contentBox .right p {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .newLiCon1 .centerBox .contentBox .right p {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .newLiCon1 .centerBox .contentBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .newLiCon1 .centerBox .contentBox .left {
    width: 100%;
  }
  .newLiCon1 .centerBox .contentBox .left .itemBox {
    flex-direction: row !important;
    grid-gap: 0 10px;
  }
  .newLiCon1 .centerBox .contentBox .right {
    width: 100%;
    padding-right: 0;
  }
}
.newLiCon1 .centerBox .upBox {
  margin-top: clamp(30px, 3.125vw, 60px);
  padding-left: 120px;
  padding-right: 120px;
}
.newLiCon1 .centerBox .upBox .box {
  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;
  background: #f7f6f5;
  height: 80px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
@media (max-width:990px) {
  .newLiCon1 .centerBox .upBox .box {
    height: 50px;
  }
}
.newLiCon1 .centerBox .upBox .box .left {
  font-family: "sy_li";
  font-size: 14px;
  color: #1a1a1a;
  line-height: 1;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 5px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 2;
  padding-left: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:1366px) {
  .newLiCon1 .centerBox .upBox .box .left {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .newLiCon1 .centerBox .upBox .box .left {
    font-size: 12px;
  }
}
.newLiCon1 .centerBox .upBox .box .left::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 0;
  background: linear-gradient(90deg, #d42d24 0%, #f7f6f5 100%);
}
.newLiCon1 .centerBox .upBox .box .left:hover {
  padding-left: clamp(20px, 2.08333333vw, 40px);
  color: #fff;
}
.newLiCon1 .centerBox .upBox .box .left:hover::after {
  width: 100%;
}
.newLiCon1 .centerBox .upBox .box .left span {
  position: relative;
  z-index: 2;
}
.newLiCon1 .centerBox .upBox .box .center {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
.newLiCon1 .centerBox .upBox .box .center .item {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4px 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.newLiCon1 .centerBox .upBox .box .center .item:hover {
  transform: translateY(-5px);
}
.newLiCon1 .centerBox .upBox .box .center .item i {
  width: 4px;
  height: 4px;
  background: #d42d24;
}
.newLiCon1 .centerBox .upBox .box .right {
  font-family: "sy_li";
  font-size: 14px;
  color: #1a1a1a;
  line-height: 1;
  grid-gap: 0 5px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  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;
  z-index: 2;
  width: 50%;
  padding-right: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:1366px) {
  .newLiCon1 .centerBox .upBox .box .right {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .newLiCon1 .centerBox .upBox .box .right {
    font-size: 12px;
  }
}
.newLiCon1 .centerBox .upBox .box .right::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 0;
  background: linear-gradient(90deg, #f7f6f5 0%, #d42d24 100%);
}
.newLiCon1 .centerBox .upBox .box .right:hover {
  padding-right: clamp(20px, 2.08333333vw, 40px);
  color: #fff;
}
.newLiCon1 .centerBox .upBox .box .right:hover::after {
  width: 100%;
}
.newLiCon1 .centerBox .upBox .box .right span {
  position: relative;
  z-index: 2;
}
.newLiCon1 .centerBox .upBox .box.active::after {
  width: 100%;
  right: 0;
}
.newLiCon1 .centerBox .upBox .box.is_active::after {
  width: 100%;
  left: 0;
}
@media (max-width:990px) {
  .newLiCon1 .centerBox .upBox {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.aboutCon1 {
  padding-top: clamp(75px, 7.8125vw, 150px);
  overflow: hidden;
  position: relative;
}
.aboutCon1 .centerBox {
  padding-bottom: clamp(60px, 6.25vw, 120px);
  position: relative;
}
@media (max-width:990px) {
  .aboutCon1 .centerBox {
    padding-bottom: clamp(40px, 4.16666667vw, 80px);
  }
}
.aboutCon1 .centerBox .topBox .name {
  font-family: "sy_re";
  font-size: 18px;
  color: #1a1a1a;
  line-height: 1;
}
@media (max-width:1600px) {
  .aboutCon1 .centerBox .topBox .name {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .aboutCon1 .centerBox .topBox .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutCon1 .centerBox .topBox .name {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .aboutCon1 .centerBox .topBox .name {
    font-size: 12px;
  }
}
.aboutCon1 .centerBox .topBox .title {
  font-family: "sy_li";
  font-size: 54px;
  color: #d42d24;
  line-height: 1;
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
}
@media (max-width:1680px) {
  .aboutCon1 .centerBox .topBox .title {
    font-size: 47.25px;
  }
}
@media (max-width:1440px) {
  .aboutCon1 .centerBox .topBox .title {
    font-size: 40.5px;
  }
}
@media (max-width:1280px) {
  .aboutCon1 .centerBox .topBox .title {
    font-size: 36px;
  }
}
@media (max-width:1024px) {
  .aboutCon1 .centerBox .topBox .title {
    font-size: 28.8px;
  }
}
.aboutCon1 .centerBox .botBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  margin-top: clamp(50px, 5.20833333vw, 100px);
}
.aboutCon1 .centerBox .botBox .left {
  width: 50%;
  position: relative;
  z-index: 2;
}
.aboutCon1 .centerBox .botBox .right {
  width: 50%;
  padding-left: clamp(40px, 4.16666667vw, 80px);
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.aboutCon1 .centerBox .botBox .right .content {
  position: relative;
  height: 100%;
}
.aboutCon1 .centerBox .botBox .right .content::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(0deg, #fff 20%, rgba(255, 204, 204, 0) 100%);
  pointer-events: none;
}
.aboutCon1 .centerBox .botBox .right .content .cenBox {
  height: 100%;
  overflow: auto;
  padding-right: clamp(10px, 1.04166667vw, 20px);
  padding-bottom: 50%;
}
.aboutCon1 .centerBox .botBox .right .content .cenBox p {
  font-family: "sy_li";
  font-size: 16px;
  color: #1a1a1a;
  line-height: 1.625;
  padding-top: clamp(15px, 1.5625vw, 30px);
  padding-bottom: clamp(15px, 1.5625vw, 30px);
  border-bottom: 1px solid #f2f2f2;
}
@media (max-width:1366px) {
  .aboutCon1 .centerBox .botBox .right .content .cenBox p {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutCon1 .centerBox .botBox .right .content .cenBox p {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutCon1 .centerBox .botBox .right .content .cenBox p {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .aboutCon1 .centerBox .botBox {
    flex-direction: column-reverse;
  }
  .aboutCon1 .centerBox .botBox .left {
    width: 100%;
    margin-top: 20px;
  }
  .aboutCon1 .centerBox .botBox .right {
    width: 100%;
    position: relative;
    padding-left: clamp(0px, 0vw, 0px);
  }
  .aboutCon1 .centerBox .botBox .right .content .cenBox {
    padding-bottom: 120px;
    max-height: 250px;
  }
}
.aboutCon1 .textBox {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "or_bo";
  color: #f6f6f6;
  line-height: 1;
  transform: translateY(16%);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 1;
  width: 100%;
}
@media (max-width:990px) {
  .aboutCon1 .textBox {
    position: relative;
    transform: translateY(0%);
  }
  .aboutCon1 .textBox .swiperInfo {
    margin-top: 0;
  }
}
@media (max-width:990px) {
  .aboutCon1 .careerCon1 {
    padding-top: 0;
  }
}
.aboutCon2 {
  padding: 0 10px;
}
.aboutCon2 .bg_fixed {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.aboutCon2 .bg_fixed .centerBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  padding-top: clamp(55px, 5.72916667vw, 110px);
}
.aboutCon2 .bg_fixed .centerBox .pro_title {
  position: relative;
  z-index: 3;
}
.aboutCon2 .bg_fixed .centerBox .pro_title .content {
  color: #d42d24;
  text-align: center;
  font-family: "sy_me";
}
.aboutCon2 .bg_fixed .centerBox .pro_title .subtitle {
  color: #fff;
  text-align: center;
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
}
.aboutCon2 .bg_fixed .centerBox .itemBox {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  top: 0;
  left: 0;
  z-index: 2;
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item {
  flex: 1;
  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;
  height: 100%;
  border-left: 1px solid #ffffff1e;
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background: linear-gradient(0deg, #cb2b232c 10%, #cb2b2300 100%);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0px;
  background: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
  border-top-right-radius: 100px;
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item .box {
  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;
  padding: 0 10px;
  width: 100%;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item .box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 42px;
  height: 42px;
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item .box .name {
  font-family: "sy_li";
  font-size: 20px;
  color: #fff;
  line-height: 1;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1600px) {
  .aboutCon2 .bg_fixed .centerBox .itemBox .item .box .name {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .aboutCon2 .bg_fixed .centerBox .itemBox .item .box .name {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .aboutCon2 .bg_fixed .centerBox .itemBox .item .box .name {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .aboutCon2 .bg_fixed .centerBox .itemBox .item .box .name {
    font-size: 13px;
  }
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item .box .content {
  font-family: "sy_li";
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  display: none;
}
@media (max-width:1366px) {
  .aboutCon2 .bg_fixed .centerBox .itemBox .item .box .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutCon2 .bg_fixed .centerBox .itemBox .item .box .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutCon2 .bg_fixed .centerBox .itemBox .item .box .content {
    font-size: 12px;
  }
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item.active {
  padding-bottom: clamp(25px, 2.60416667vw, 50px);
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item.active::before {
  height: 8px;
}
.aboutCon2 .bg_fixed .centerBox .itemBox .item.active::after {
  height: 100%;
}
@media (max-width:990px) {
  .aboutCon2 .bg_fixed .centerBox .itemBox {
    position: relative;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: 40px;
  }
  .aboutCon2 .bg_fixed .centerBox .itemBox .item {
    padding-bottom: clamp(25px, 2.60416667vw, 50px);
    flex: none;
    width: 33.3333333%;
  }
  .aboutCon2 .bg_fixed .centerBox .itemBox .item::before {
    height: 16px;
    display: none;
  }
  .aboutCon2 .bg_fixed .centerBox .itemBox .item .box .content {
    display: block !important;
    text-align: center;
  }
}
@media (max-width:768px) {
  .aboutCon2 .bg_fixed .centerBox .itemBox .item {
    width: 100%;
  }
}
@media (max-width:990px) {
  .aboutCon2 .bg_fixed .centerBox {
    position: relative;
  }
}
.aboutCon2 .bg_fixed .images {
  width: 100%;
  opacity: 0;
}
.aboutCon2 .bg_fixed .images img {
  width: 100%;
}
@media (max-width:990px) {
  .aboutCon2 .bg_fixed .images {
    display: none;
  }
}
.aboutCon3 {
  padding-top: clamp(85px, 8.85416667vw, 170px);
  padding-bottom: 50px;
  position: relative;
  display: none;
}
.aboutCon3 .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;
  position: relative;
}
.aboutCon3 .centerBox .left {
  width: 61.538461%;
  padding-left: clamp(30px, 3.125vw, 60px);
  position: relative;
  z-index: 3;
}
.aboutCon3 .centerBox .left .pro_title {
  position: relative;
  z-index: 3;
}
.aboutCon3 .centerBox .left .pro_title .content {
  color: #d42d24;
  font-family: "sy_me";
}
.aboutCon3 .centerBox .left .pro_title .subtitle {
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
}
.aboutCon3 .centerBox .left .swiper_event {
  margin-top: clamp(35px, 3.64583333vw, 70px);
  overflow: hidden;
}
.aboutCon3 .centerBox .left .swiper_event .swiper-wrapper .swiper-slide .centerInfo ul {
  height: 180px;
  overflow: auto;
}
.aboutCon3 .centerBox .left .swiper_event .swiper-wrapper .swiper-slide .centerInfo ul li {
  font-family: "sy_li";
  font-size: 20px;
  color: #1a1a1a;
  line-height: 1.3;
  padding-left: 14px;
  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;
}
@media (max-width:1600px) {
  .aboutCon3 .centerBox .left .swiper_event .swiper-wrapper .swiper-slide .centerInfo ul li {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .aboutCon3 .centerBox .left .swiper_event .swiper-wrapper .swiper-slide .centerInfo ul li {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .aboutCon3 .centerBox .left .swiper_event .swiper-wrapper .swiper-slide .centerInfo ul li {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .aboutCon3 .centerBox .left .swiper_event .swiper-wrapper .swiper-slide .centerInfo ul li {
    font-size: 13px;
  }
}
.aboutCon3 .centerBox .left .swiper_event .swiper-wrapper .swiper-slide .centerInfo ul li::after {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d42d24;
  top: 50%;
}
@media (max-width:990px) {
  .aboutCon3 .centerBox .left .swiper_event .swiper-wrapper .swiper-slide .centerInfo ul {
    min-height: 40px;
    height: auto;
    overflow: visible;
    margin-bottom: 20px;
  }
}
.aboutCon3 .centerBox .left .timeBox {
  padding-top: clamp(17.5px, 1.82291667vw, 35px);
  overflow: hidden;
  pointer-events: initial;
}
.aboutCon3 .centerBox .left .timeBox .swiper_times {
  border-top: 1px dotted #d6d5d4;
}
.aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide .centerInfo {
  font-family: "or_re";
  font-size: 18px;
  color: #b2b2b2;
  position: relative;
  padding-top: clamp(7.5px, 0.78125vw, 15px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
@media (max-width:1600px) {
  .aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide .centerInfo {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide .centerInfo {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide .centerInfo {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide .centerInfo {
    font-size: 12px;
  }
}
.aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide .centerInfo::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #b2b2b2;
  transform: translateY(-60%);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide.swiper-slide-active .centerInfo,
.aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide:hover .centerInfo {
  color: #d42d24;
}
.aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide.swiper-slide-active .centerInfo::after,
.aboutCon3 .centerBox .left .timeBox .swiper_times .swiper-wrapper .swiper-slide:hover .centerInfo::after {
  border: 2px solid #d42d24;
}
@media (max-width:990px) {
  .aboutCon3 .centerBox .left {
    padding-left: 0;
  }
}
.aboutCon3 .centerBox .left .pagerBox {
  margin-top: clamp(65px, 6.77083333vw, 130px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 10px;
  display: none;
  display: flex !important;
}
.aboutCon3 .centerBox .right {
  width: 38.461539%;
  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: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.aboutCon3 .centerBox .right .box {
  max-width: 480px;
  width: 100%;
  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;
}
.aboutCon3 .centerBox .right .box::after {
  content: '';
  position: absolute;
  width: 112%;
  height: 112%;
  border-radius: 50%;
  border: 1px dashed #f7d8d7;
  animation: xuanZhuan 3s cubic-bezier(0.79, 0.14, 0.15, 0.86) infinite;
}
.aboutCon3 .centerBox .right .box::before {
  content: '';
  position: absolute;
  width: 116%;
  height: 116%;
  border-radius: 50%;
  border: 1px solid #f7d8d7;
  animation: xuanZhuan 3s cubic-bezier(0.79, 0.14, 0.15, 0.86) infinite;
}
.aboutCon3 .centerBox .right .box .pb {
  border-radius: 50%;
  overflow: hidden;
}
.aboutCon3 .centerBox .right .box .pb .ab .swiper_imgs {
  width: auto;
  height: auto;
}
.aboutCon3 .centerBox .right .box .pb .ab .swiper_imgs .swiper-wrapper .swiper-slide {
  height: 100%;
}
.aboutCon3 .centerBox .right .box .pb .ab .swiper_imgs .swiper-wrapper .swiper-slide .centerInfo {
  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;
}
.aboutCon3 .centerBox .right .box .pb .ab .swiper_imgs .swiper-wrapper .swiper-slide .centerInfo .images {
  width: 100%;
}
.aboutCon3 .centerBox .right .box .pb .ab .swiper_imgs .swiper-wrapper .swiper-slide .centerInfo .images img {
  width: 100%;
}
@media (max-width:990px) {
  .aboutCon3 .centerBox .right .box {
    max-width: 380px;
  }
}
@media (max-width:990px) {
  .aboutCon3 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .aboutCon3 .centerBox .left {
    width: 100%;
  }
  .aboutCon3 .centerBox .right {
    width: 100%;
    margin-top: 20px;
  }
}
.aboutCon3 .centerBox .tBox {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  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;
  z-index: 2;
  pointer-events: none;
}
.aboutCon3 .centerBox .tBox .swiper_timeb {
  width: 76.9%;
  transform: translateY(7%);
}
.aboutCon3 .centerBox .tBox .swiper_timeb ul li .centerInfo {
  font-family: "or_re";
  font-size: 200px;
  color: #d42d24;
  line-height: 1;
  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:1680px) {
  .aboutCon3 .centerBox .tBox .swiper_timeb ul li .centerInfo {
    font-size: 175px;
  }
}
@media (max-width:1440px) {
  .aboutCon3 .centerBox .tBox .swiper_timeb ul li .centerInfo {
    font-size: 150px;
  }
}
@media (max-width:1280px) {
  .aboutCon3 .centerBox .tBox .swiper_timeb ul li .centerInfo {
    font-size: 133.33333333px;
  }
}
@media (max-width:1024px) {
  .aboutCon3 .centerBox .tBox .swiper_timeb ul li .centerInfo {
    font-size: 106.66666667px;
  }
}
@media (max-width:990px) {
  .aboutCon3 .centerBox .tBox .swiper_timeb {
    width: 100%;
    transform: translateY(0%);
  }
  .aboutCon3 .centerBox .tBox .swiper_timeb ul li .centerInfo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media (max-width:990px) {
  .aboutCon3 .centerBox {
    padding-bottom: 50px;
  }
}
.aboutCon3 .images100 {
  position: absolute;
  top: 0;
  left: 0;
}
.aboutCon4 {
  padding-top: clamp(55px, 5.72916667vw, 110px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
}
.aboutCon4 .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;
}
.aboutCon4 .centerBox .topBox .pro_title {
  position: relative;
  z-index: 3;
}
.aboutCon4 .centerBox .topBox .selectBox {
  width: fit-content;
  height: fit-content;
}
.aboutCon4 .botBox {
  padding: 0 10px;
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.aboutCon4 .botBox .swiperInfo {
  overflow: hidden;
}
.aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo {
  background: #f5f4f3;
  padding-top: clamp(30px, 3.125vw, 60px);
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 2px solid #f5f4f3;
}
.aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo .images .pb {
  padding-bottom: 87%;
}
.aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo .images .pb .ab {
  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;
  overflow: hidden;
}
.aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo .images .pb .ab img {
  max-width: 80%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
  margin-top: clamp(20px, 2.08333333vw, 40px);
  font-family: "sy_li";
  font-size: 16px;
  color: #1a1a1a;
  line-height: 1.3;
  text-align: center;
}
@media (max-width:1366px) {
  .aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
.aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo:hover {
  border: 2px solid #d42d24;
}
.aboutCon4 .botBox .swiperInfo .swiper_box ul li .centerInfo:hover .images .pb .ab img {
  transform: scale(1.02);
}
.aboutzzCon1 {
  padding-top: clamp(70px, 7.29166667vw, 140px);
}
.aboutzzCon1 .centerBox .inside_title .title .cn {
  font-size: 44px;
  color: #d42d24;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1680px) {
  .aboutzzCon1 .centerBox .inside_title .title .cn {
    font-size: 38.5px;
  }
}
@media (max-width:1440px) {
  .aboutzzCon1 .centerBox .inside_title .title .cn {
    font-size: 33px;
  }
}
@media (max-width:1280px) {
  .aboutzzCon1 .centerBox .inside_title .title .cn {
    font-size: 29.33333333px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon1 .centerBox .inside_title .title .cn {
    font-size: 23.46666667px;
  }
}
.aboutzzCon1 .centerBox .inside_title .title .en {
  font-size: 50px;
  color: #e8e8e8;
  opacity: 1;
}
@media (max-width:1600px) {
  .aboutzzCon1 .centerBox .inside_title .title .en {
    font-size: 44px;
  }
}
@media (max-width:1366px) {
  .aboutzzCon1 .centerBox .inside_title .title .en {
    font-size: 40px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon1 .centerBox .inside_title .title .en {
    font-size: 34px;
  }
}
@media (max-width:768px) {
  .aboutzzCon1 .centerBox .inside_title .title .en {
    font-size: 30px;
  }
}
.aboutzzCon1 .centerBox .contentBox {
  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(50px, 5.20833333vw, 100px);
}
.aboutzzCon1 .centerBox .contentBox .images {
  width: 64.285%;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  overflow: hidden;
}
.aboutzzCon1 .centerBox .contentBox .images img {
  width: 100%;
}
.aboutzzCon1 .centerBox .contentBox .fontBox {
  width: 33.33333%;
  height: auto;
  padding-top: clamp(20px, 2.08333333vw, 40px);
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  position: relative;
  padding-left: clamp(3px, 0.3125vw, 6px);
  padding-right: clamp(3px, 0.3125vw, 6px);
  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;
}
.aboutzzCon1 .centerBox .contentBox .fontBox::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #d9d9d9 10%, #ffffff00 100%);
}
.aboutzzCon1 .centerBox .contentBox .fontBox::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #d9d9d9 10%, #ffffff00 100%);
}
.aboutzzCon1 .centerBox .contentBox .fontBox .ser_Title {
  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: 100%;
}
.aboutzzCon1 .centerBox .contentBox .fontBox .ser_Title .content.grid {
  grid-gap: clamp(7.5px, 0.78125vw, 15px) clamp(0px, 0vw, 0px);
  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;
}
.aboutzzCon1 .centerBox .contentBox .fontBox .img {
  position: absolute;
  right: 0;
}
@media (max-width:990px) {
  .aboutzzCon1 .centerBox .contentBox {
    flex-direction: column-reverse;
  }
  .aboutzzCon1 .centerBox .contentBox .images {
    width: 100%;
  }
  .aboutzzCon1 .centerBox .contentBox .fontBox {
    width: 100%;
  }
}
.aboutzzCon2 {
  padding-top: clamp(80px, 8.33333333vw, 160px);
  padding-bottom: clamp(80px, 8.33333333vw, 160px);
  position: relative;
}
.aboutzzCon2 .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;
}
.aboutzzCon2 .centerBox .left {
  width: 28.5714286%;
}
.aboutzzCon2 .centerBox .left .centent {
  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;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width:990px) {
  .aboutzzCon2 .centerBox .left .centent .swiperBox {
    position: absolute;
    bottom: 40px !important;
  }
  .aboutzzCon2 .centerBox .left .centent .swiperBox .swiper_but {
    display: none;
  }
}
.aboutzzCon2 .centerBox .right {
  width: 71.4285714%;
}
.aboutzzCon2 .centerBox .right .topBox {
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
}
.aboutzzCon2 .centerBox .right .topBox .title {
  font-family: "sy_re";
  font-size: 16px;
  color: #808080;
  line-height: 1.657;
  max-width: 800px;
  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;
}
@media (max-width:1366px) {
  .aboutzzCon2 .centerBox .right .topBox .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon2 .centerBox .right .topBox .title {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutzzCon2 .centerBox .right .topBox .title {
    font-size: 12px;
  }
}
.aboutzzCon2 .centerBox .right .topBox .title.grid {
  grid-gap: clamp(7.5px, 0.78125vw, 15px) clamp(0px, 0vw, 0px);
}
.aboutzzCon2 .centerBox .right .botBox {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box {
  overflow: hidden;
}
.aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo {
  position: relative;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  overflow: hidden;
  cursor: pointer;
}
.aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000000a2 10%, #ffffff00 100%);
  z-index: 1;
}
.aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo .pb {
  padding-bottom: 67%;
}
.aboutzzCon2 .centerBox .right .botBox .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;
}
.aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding-top: clamp(11px, 1.14583333vw, 22px);
  padding-bottom: clamp(11px, 1.14583333vw, 22px);
  width: 100%;
  font-family: "sy_li";
  font-size: 16px;
  color: #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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:1366px) {
  .aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
.aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo .name::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), 20%, rgba(255, 255, 255, 0.452) 50%, rgba(255, 255, 255, 0) 100%);
  transition: all 0.5s;
}
.aboutzzCon2 .centerBox .right .botBox .swiperInfo .swiper_box ul li .centerInfo:hover .pb .ab img {
  transform: scale(1.02);
}
@media (max-width:990px) {
  .aboutzzCon2 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .aboutzzCon2 .centerBox .left {
    width: 100%;
  }
  .aboutzzCon2 .centerBox .right {
    width: 100%;
    margin-top: 20px;
  }
}
.aboutzzCon3 {
  position: relative;
}
.aboutzzCon3 .centerAb .centenBox {
  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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: clamp(50px, 5.20833333vw, 100px);
  padding-bottom: clamp(75px, 7.8125vw, 150px);
}
.aboutzzCon3 .centerAb .centenBox .fontBoxab {
  max-width: 240px;
  margin-top: clamp(25px, 2.60416667vw, 50px);
}
.aboutzzCon3 .centerAb .centenBox .fontBoxab .number {
  font-size: 50px;
}
@media (max-width:1600px) {
  .aboutzzCon3 .centerAb .centenBox .fontBoxab .number {
    font-size: 44px;
  }
}
@media (max-width:1366px) {
  .aboutzzCon3 .centerAb .centenBox .fontBoxab .number {
    font-size: 40px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon3 .centerAb .centenBox .fontBoxab .number {
    font-size: 34px;
  }
}
@media (max-width:768px) {
  .aboutzzCon3 .centerAb .centenBox .fontBoxab .number {
    font-size: 30px;
  }
}
.aboutzzCon3 .centerAb .centenBox .fontBoxab .number span {
  font-size: 30px;
}
@media (max-width:1600px) {
  .aboutzzCon3 .centerAb .centenBox .fontBoxab .number span {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .aboutzzCon3 .centerAb .centenBox .fontBoxab .number span {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon3 .centerAb .centenBox .fontBoxab .number span {
    font-size: 19px;
  }
}
@media (max-width:768px) {
  .aboutzzCon3 .centerAb .centenBox .fontBoxab .number span {
    font-size: 18px;
  }
}
.aboutzzCon3 .centerAb .centenBox .fontBoxab .number::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #d42d24b4 10%, #ffffff00 100%);
}
.aboutzzCon3 .centerAb .centenBox .fontBoxab .content {
  color: #808080;
}
@media (max-width:990px) {
  .aboutzzCon3 .centerAb {
    position: relative;
  }
  .aboutzzCon3 .centerAb .centenBox {
    padding-top: clamp(10px, 1.04166667vw, 20px);
    padding-bottom: clamp(20px, 2.08333333vw, 40px);
  }
  .aboutzzCon3 .centerAb .centenBox .fontBoxab {
    max-width: 100%;
  }
}
.aboutzzCon4 {
  padding-top: clamp(55px, 5.72916667vw, 110px);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.aboutzzCon4::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 185px;
  background: #fff;
  z-index: 1;
}
@media (max-width:990px) {
  .aboutzzCon4::after {
    height: 85px;
  }
}
.aboutzzCon4 .centerBox {
  position: relative;
  z-index: 2;
}
.aboutzzCon4 .centerBox .topBox .kan_title .title {
  color: #fff;
}
.aboutzzCon4 .centerBox .topBox .kan_title .details {
  font-family: "sy_li";
  font-size: 16px;
  color: #ffffff;
  line-height: 1.657;
  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;
}
@media (max-width:1366px) {
  .aboutzzCon4 .centerBox .topBox .kan_title .details {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon4 .centerBox .topBox .kan_title .details {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutzzCon4 .centerBox .topBox .kan_title .details {
    font-size: 12px;
  }
}
.aboutzzCon4 .centerBox .topBox .tCon .itemBox {
  margin-top: clamp(30px, 3.125vw, 60px);
  padding-right: clamp(25px, 2.60416667vw, 50px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(10px, 1.04166667vw, 20px);
  }
}
@media (max-width:360px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(10px, 1.04166667vw, 20px);
  }
}
.aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number {
  position: relative;
  padding-bottom: clamp(7.5px, 0.78125vw, 15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #d42d24b4 10%, #ffffff00 100%);
}
.aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number .beat {
  font-family: "or_re";
  font-size: 50px;
  color: #d42d24;
  line-height: 1;
}
@media (max-width:1600px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number .beat {
    font-size: 44px;
  }
}
@media (max-width:1366px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number .beat {
    font-size: 40px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number .beat {
    font-size: 34px;
  }
}
@media (max-width:768px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number .beat {
    font-size: 30px;
  }
}
.aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number .font {
  font-family: "sy_re";
  font-size: 16px;
  color: #ffffff9f;
  line-height: 1;
  transform: translateY(8px);
}
@media (max-width:1366px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number .font {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number .font {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .number .font {
    font-size: 12px;
  }
}
.aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .textB {
  font-family: "sy_re";
  font-size: 16px;
  color: #ffffff9f;
  line-height: 1;
  margin-top: clamp(7.5px, 0.78125vw, 15px);
}
@media (max-width:1366px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .textB {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .textB {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutzzCon4 .centerBox .topBox .tCon .itemBox .item .textB {
    font-size: 12px;
  }
}
.aboutzzCon4 .centerBox .botBox {
  margin-top: clamp(70px, 7.29166667vw, 140px);
}
.aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box {
  overflow: hidden;
}
.aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo {
  position: relative;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  overflow: hidden;
  cursor: pointer;
}
.aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, #00000069 10%, #ffffff00 100%);
  z-index: 1;
}
.aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .pb {
  padding-bottom: 67%;
}
.aboutzzCon4 .centerBox .botBox .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;
}
.aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding-top: clamp(11px, 1.14583333vw, 22px);
  padding-bottom: clamp(11px, 1.14583333vw, 22px);
  width: 100%;
  font-family: "sy_li";
  font-size: 16px;
  color: #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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:1366px) {
  .aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
.aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), 20%, rgba(255, 255, 255, 0.452) 50%, rgba(255, 255, 255, 0) 100%);
  transition: all 0.5s;
}
.aboutzzCon4 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo:hover .pb .ab img {
  transform: scale(1.02);
}
.aboutzzCon6 {
  background: #f7f6f5;
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.aboutzzCon7 {
  padding-top: clamp(115px, 11.97916667vw, 230px);
  padding-bottom: clamp(130px, 13.54166667vw, 260px);
  background-attachment: fixed;
  background-position: center center;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.aboutzzCon7 .centenBox .ser_Title {
  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;
}
.aboutzzCon7 .centenBox .ser_Title .title {
  color: #fff;
  text-align: center;
}
.aboutzzCon7 .centenBox .ser_Title .content {
  max-width: 960px;
  width: 100%;
  text-align: center;
}
.contactCon1 {
  padding-top: clamp(65px, 6.77083333vw, 130px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
  background-image: none;
}
.contactCon1 .centerBox .idx_title .title {
  max-width: 1030px;
  width: 100%;
  text-align: start;
}
.contactCon1 .contentBox {
  padding-top: clamp(67.5px, 7.03125vw, 135px);
  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;
}
.contactCon1 .contentBox .leftBox {
  width: 35.7142857%;
}
.contactCon1 .contentBox .leftBox .topBox .title {
  font-family: "sy_me";
  font-size: 26px;
  color: #1a1a1a;
  line-height: 1.3;
  padding-bottom: clamp(15px, 1.5625vw, 30px);
  position: relative;
}
@media (max-width:1600px) {
  .contactCon1 .contentBox .leftBox .topBox .title {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .contactCon1 .contentBox .leftBox .topBox .title {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .contactCon1 .contentBox .leftBox .topBox .title {
    font-size: 17px;
  }
}
@media (max-width:768px) {
  .contactCon1 .contentBox .leftBox .topBox .title {
    font-size: 16px;
  }
}
.contactCon1 .contentBox .leftBox .topBox .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #d42d24b4 10%, #e8e8e8 60%);
}
.contactCon1 .contentBox .leftBox .subtitle {
  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: clamp(20px, 2.08333333vw, 40px) clamp(0px, 0vw, 0px);
}
@media (max-width:480px) {
  .contactCon1 .contentBox .leftBox .subtitle {
    grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(0px, 0vw, 0px);
  }
}
.contactCon1 .contentBox .leftBox .subtitle .le {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.contactCon1 .contentBox .leftBox .subtitle .le .item {
  max-width: 275px;
  width: 100%;
}
.contactCon1 .contentBox .leftBox .subtitle .le .item .title {
  font-family: "sy_re";
  font-size: 14px;
  color: #808080;
  line-height: 1;
}
@media (max-width:1366px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .title {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .title {
    font-size: 12px;
  }
}
.contactCon1 .contentBox .leftBox .subtitle .le .item .content {
  margin-top: 15px;
  font-family: "sy_me";
  font-size: 20px;
  color: #1a1a1a;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width:1600px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .content {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .content {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .content {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .content {
    font-size: 13px;
  }
}
.contactCon1 .contentBox .leftBox .subtitle .le .item .content img {
  max-width: 124px;
  width: 100%;
  border: 1px solid #e5e5e5;
}
.contactCon1 .contentBox .leftBox .subtitle .le .item .content .it {
  font-size: 40px;
  width: 1em;
  height: 1em;
  background: #f7f6f5;
  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;
  margin-left: 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .content .it {
    font-size: 36px;
  }
}
@media (max-width:1366px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .content .it {
    font-size: 32px;
  }
}
@media (max-width:1024px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .content .it {
    font-size: 26px;
  }
}
@media (max-width:768px) {
  .contactCon1 .contentBox .leftBox .subtitle .le .item .content .it {
    font-size: 23px;
  }
}
.contactCon1 .contentBox .leftBox .subtitle .le .item .content .it i {
  color: #b3b3b3;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.contactCon1 .contentBox .leftBox .subtitle .le .item .content .it:hover {
  background: #d42d24;
}
.contactCon1 .contentBox .leftBox .subtitle .le .item .content .it:hover i {
  color: #fff;
}
@media (max-width:480px) {
  .contactCon1 .contentBox .leftBox .subtitle .le {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(0px, 0vw, 0px);
  }
  .contactCon1 .contentBox .leftBox .subtitle .le .item {
    max-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;
  }
}
.contactCon1 .contentBox .rightBox {
  width: 57.1428571%;
}
.contactCon1 .contentBox .rightBox .swiperInfo .swiper_box {
  overflow: hidden;
}
.contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo {
  background: #f7f6f5;
  padding: clamp(15px, 1.5625vw, 30px);
  border-radius: 10px;
}
.contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .tit {
  font-family: "sy_re";
  font-size: 22px;
  color: #1a1a1a;
  line-height: 1;
}
@media (max-width:1600px) {
  .contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .tit {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .tit {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .tit {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .tit {
    font-size: 14px;
  }
}
.contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .pb {
  padding-bottom: 58.5%;
  border-radius: 6px;
  overflow: hidden;
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.contactCon1 .contentBox .rightBox .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;
}
.contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .pb .ab img {
  width: 100%;
}
.contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .con {
  margin-top: clamp(15px, 1.5625vw, 30px);
  font-family: "sy_li";
  font-size: 16px;
  color: #808080;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width:1366px) {
  .contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .con {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .con {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .con {
    font-size: 12px;
  }
}
.contactCon1 .contentBox .rightBox .swiperInfo .swiper_box ul li .centerInfo .idxMore {
  margin-top: clamp(15px, 1.5625vw, 30px);
  width: fit-content;
}
@media (max-width:990px) {
  .contactCon1 .contentBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .contactCon1 .contentBox .leftBox {
    width: 100%;
  }
  .contactCon1 .contentBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
.contactCon2 {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(65px, 6.77083333vw, 130px);
  background: #f8f7f6;
  background-position: center left;
  background-repeat: no-repeat;
}
.contactCon2 .centerBox .leftBox {
  width: 100%;
  margin: auto;
}
.contactCon2 .centerBox .leftBox .pro_title .content {
  color: #d42d24;
}
.contactCon2 .centerBox .rightBox {
  width: 100%;
  margin: auto;
  margin-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (100 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
}
.contactCon2 .centerBox .rightBox .idx_title {
  max-width: 1200px;
}
.contactCon2 .centerBox .rightBox .idx_title .title {
  text-align: start;
}
.contactCon2 .centerBox .rightBox .contentBox .title {
  font-family: "sy_li";
  font-size: 24px;
  color: #1a1a1a;
  line-height: 1;
  margin-top: clamp(30px, 3.125vw, 60px);
}
@media (max-width:1600px) {
  .contactCon2 .centerBox .rightBox .contentBox .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .contactCon2 .centerBox .rightBox .contentBox .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .contactCon2 .centerBox .rightBox .contentBox .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .contactCon2 .centerBox .rightBox .contentBox .title {
    font-size: 15px;
  }
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox {
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
  max-width: 100%;
  width: 100%;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item {
  margin-bottom: 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;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-input-inline {
  width: calc(50% - 7.5px) !important;
  float: unset;
  margin: 0 0 0px 0px !important;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-input,
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-select,
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-textarea {
  height: 55px;
  border-top-left-radius: clamp(9px, 0.9375vw, 18px);
  border-top-right-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-left-radius: clamp(2px, 0.20833333vw, 4px);
  border-bottom-right-radius: clamp(9px, 0.9375vw, 18px);
  color: #1a1a1a;
  overflow: hidden;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radio [lay-skin="primary"] i {
  border-color: #d42d24 !important;
  background-color: #d42d24;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radio [lay-skin="primary"]:hover i {
  border-color: #d42d24 !important;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radio [lay-skin="primary"] {
  margin-top: 0 !important;
  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;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-select dl dd.layui-this {
  color: #d42d24;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radio [lay-skin="primary"] i {
  width: 12px;
  height: 12px;
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  top: auto;
  font-size: 8px;
}
@media (max-width:1680px) {
  .contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radio [lay-skin="primary"] i {
    font-size: 7px;
  }
}
@media (max-width:1440px) {
  .contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radio [lay-skin="primary"] i {
    font-size: 6px;
  }
}
@media (max-width:1280px) {
  .contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radio [lay-skin="primary"] i {
    font-size: 5.33333333px;
  }
}
@media (max-width:1024px) {
  .contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radio [lay-skin="primary"] i {
    font-size: 4.26666667px;
  }
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item.fristBox {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-input,
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-select,
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-textarea {
  background: none;
  border: 1px solid #e5e5e5;
  padding-left: clamp(10px, 1.04166667vw, 20px);
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-textarea {
  padding-top: clamp(10px, 1.04166667vw, 20px);
  min-height: 120px;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radio:hover *,
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radioed,
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-form-radioed > i {
  color: #d42d24;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .layui-form-item .layui-icon {
  content: "\e605" !important;
}
.contactCon2 .centerBox .rightBox .contentBox .lulayBox .is_active {
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.contactCon2 .centerBox .rightBox .contentBox .bot {
  margin-top: clamp(7.5px, 0.78125vw, 15px);
  font-family: "sy_li";
  font-size: 12px;
  color: #808080;
}
.contactCon2 .centerBox .rightBox .contentBox .bot span {
  color: #1a1a1a;
}
.contactCon2 .centerBox .rightBox .contentBox .idxMore {
  width: fit-content;
  margin-top: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:990px) {
  .contactCon2 .centerBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .contactCon2 .centerBox .leftBox {
    width: 100%;
  }
  .contactCon2 .centerBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
.careerCon1 {
  padding: 10px;
  padding-top: clamp(70px, 7.29166667vw, 140px);
  padding-bottom: clamp(35px, 3.64583333vw, 70px);
  position: relative;
}
.careerCon1 .centerBox {
  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;
  position: relative;
  z-index: 2;
}
.careerCon1 .centerBox .left {
  width: 59.333%;
}
.careerCon1 .centerBox .left .images {
  width: 100%;
}
.careerCon1 .centerBox .left .images img {
  width: 100%;
}
.careerCon1 .centerBox .right {
  width: 33.5%;
  height: auto;
}
.careerCon1 .centerBox .right .kan_title .title {
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  font-family: "sy_me";
  font-size: 34px;
}
@media (max-width:1680px) {
  .careerCon1 .centerBox .right .kan_title .title {
    font-size: 29.75px;
  }
}
@media (max-width:1440px) {
  .careerCon1 .centerBox .right .kan_title .title {
    font-size: 25.5px;
  }
}
@media (max-width:1280px) {
  .careerCon1 .centerBox .right .kan_title .title {
    font-size: 22.66666667px;
  }
}
@media (max-width:1024px) {
  .careerCon1 .centerBox .right .kan_title .title {
    font-size: 18.13333333px;
  }
}
.careerCon1 .centerBox .right .kan_title .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 80px;
  height: 2px;
  background: none;
}
.careerCon1 .centerBox .right .kan_title .details {
  text-align: left;
  font-family: "sy_li";
  line-height: 1.9;
}
.careerCon1 .centerBox .right .ser_Title {
  width: 64.70588%;
  padding-top: clamp(45px, 4.6875vw, 90px);
}
.careerCon1 .centerBox .right .ser_Title .title {
  color: #d42d24;
  margin-top: 0;
}
.careerCon1 .centerBox .right .ser_Title .content {
  margin-top: clamp(25px, 2.60416667vw, 50px);
}
.careerCon1 .centerBox .right .imgBox {
  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;
}
.careerCon1 .centerBox .right .imgBox .images {
  width: 28.2%;
  margin-top: clamp(84px, 8.75vw, 168px);
}
@media (max-width:990px) {
  .careerCon1 .centerBox {
    flex-direction: column-reverse;
  }
  .careerCon1 .centerBox .left {
    width: 100%;
    margin-top: 20px;
  }
  .careerCon1 .centerBox .right {
    width: 100%;
  }
  .careerCon1 .centerBox .right .ser_Title {
    width: 100%;
  }
  .careerCon1 .centerBox .right .imgBox {
    display: none;
  }
}
.careerCon1 .swiperInfo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}
.careerCon1 .swiperInfo .swiper_box ul {
  transition-timing-function: linear !important;
}
.careerCon1 .swiperInfo .swiper_box ul li .centerInfo {
  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;
}
@media (max-width:990px) {
  .careerCon1 .swiperInfo {
    position: relative;
    margin-top: 40px;
  }
}
@media (max-width:990px) {
  .careerCon1 {
    padding-bottom: 0;
  }
}
.careerCon2 {
  padding-top: clamp(75px, 7.8125vw, 150px);
  padding-bottom: clamp(45px, 4.6875vw, 90px);
}
.careerCon2 .kan_title .title {
  font-size: 36px;
  color: #333333;
}
@media (max-width:1600px) {
  .careerCon2 .kan_title .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .careerCon2 .kan_title .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .careerCon2 .kan_title .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .careerCon2 .kan_title .title {
    font-size: 20px;
  }
}
.careerCon2 .kan_title .details {
  font-size: 30px;
  margin-top: clamp(22.5px, 2.34375vw, 45px);
  font-family: "sy_li";
}
@media (max-width:1600px) {
  .careerCon2 .kan_title .details {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .careerCon2 .kan_title .details {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .careerCon2 .kan_title .details {
    font-size: 19px;
  }
}
@media (max-width:768px) {
  .careerCon2 .kan_title .details {
    font-size: 18px;
  }
}
.careerCon2 .centerBox .ser_Title {
  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;
  padding: 0 10px;
}
.careerCon2 .centerBox .ser_Title .title {
  margin-top: 0;
  text-align: center;
}
.careerCon2 .centerBox .ser_Title .content {
  max-width: 645px;
  width: 100%;
  text-align: center;
}
.careerCon2 .centerBox .swiperInfo {
  padding-top: clamp(30px, 3.125vw, 60px);
}
.careerCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo {
  overflow: hidden;
  border-radius: clamp(10px, 1.04166667vw, 20px);
}
.careerCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo .pb {
  padding-bottom: 56.2%;
}
.careerCon2 .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;
}
.careerCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.careerCon2 .centerBox .swiperInfo .swiper_box ul li .centerInfo:hover .pb .ab img {
  transform: scale(1.02);
}
.careerCon2 .centerBox .swiperInfo .idxPager .pagerBox {
  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;
}
.careerCon2 .centerBox .swiperInfo .idxPager .pagerBox .swiper_but {
  flex-shrink: 0;
}
.careerCon2 .centerBox .swiperInfo .idxPager .pagerBox .idxCri {
  width: 100%;
  height: 2px;
  position: relative;
  background: #efefef;
}
.careerCon2 .centerBox .swiperInfo .idxPager .pagerBox .idxCri .swiper-pagination-progressbar-fill {
  background: linear-gradient(90deg, #d42d24 10%, #ffffff00 100%);
}
.careerCon3 {
  padding-top: clamp(55px, 5.72916667vw, 110px);
  padding-bottom: clamp(75px, 7.8125vw, 150px);
  background-image: url(../images/care7.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.careerCon3 .centerBox .pro_title {
  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;
  padding: 0 10px;
}
.careerCon3 .centerBox .pro_title .small {
  text-align: center;
  color: #d42d24;
}
.careerCon3 .centerBox .pro_title .title {
  text-align: center;
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
}
.careerCon3 .centerBox .pro_title .content {
  text-align: center;
  margin-top: clamp(20px, 2.08333333vw, 40px);
  line-height: 1.564;
}
.careerCon3 .centerBox .itemBox {
  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: clamp(70px, 7.29166667vw, 140px);
}
.careerCon3 .centerBox .itemBox .item {
  font-size: 320px;
  width: 1em;
  height: 1em;
  position: relative;
  background: url(../images/bgxian.png) no-repeat right 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-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%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1680px) {
  .careerCon3 .centerBox .itemBox .item {
    font-size: 280px;
  }
}
@media (max-width:1440px) {
  .careerCon3 .centerBox .itemBox .item {
    font-size: 240px;
  }
}
@media (max-width:1280px) {
  .careerCon3 .centerBox .itemBox .item {
    font-size: 213.33333333px;
  }
}
@media (max-width:1024px) {
  .careerCon3 .centerBox .itemBox .item {
    font-size: 170.66666667px;
  }
}
.careerCon3 .centerBox .itemBox .item .images {
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  z-index: 2;
}
@media (max-width:990px) {
  .careerCon3 .centerBox .itemBox .item .images {
    width: 30px;
    height: 30px;
  }
}
.careerCon3 .centerBox .itemBox .item .images img {
  width: auto;
}
.careerCon3 .centerBox .itemBox .item .title {
  font-family: "sy_li";
  font-size: 20px;
  color: #1a1a1a;
  line-height: 1.2;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .careerCon3 .centerBox .itemBox .item .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .careerCon3 .centerBox .itemBox .item .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .careerCon3 .centerBox .itemBox .item .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .careerCon3 .centerBox .itemBox .item .title {
    font-size: 13px;
  }
}
.careerCon3 .centerBox .itemBox .item .number {
  font-family: "or_me";
  font-size: 16px;
  color: #1a1a1a;
  opacity: 0.2;
  line-height: 1.2;
  position: absolute;
  bottom: 30px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 2;
}
@media (max-width:1366px) {
  .careerCon3 .centerBox .itemBox .item .number {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .careerCon3 .centerBox .itemBox .item .number {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .careerCon3 .centerBox .itemBox .item .number {
    font-size: 12px;
  }
}
.careerCon3 .centerBox .itemBox .item .bgImg {
  position: absolute;
  width: 100%;
  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: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.careerCon3 .centerBox .itemBox .item:first-child {
  background: url(../images/bgxiana.png) no-repeat right center;
  z-index: 4;
}
.careerCon3 .centerBox .itemBox .item:nth-child(2) {
  margin-left: -50px;
  z-index: 3;
}
.careerCon3 .centerBox .itemBox .item:nth-child(3) {
  margin-left: -50px;
  z-index: 2;
}
.careerCon3 .centerBox .itemBox .item:nth-child(4) {
  margin-left: -50px;
  z-index: 1;
}
.careerCon3 .centerBox .itemBox .item:hover:first-child {
  background: #d42d24;
}
.careerCon3 .centerBox .itemBox .item:hover .images {
  filter: brightness(0) invert(1);
}
.careerCon3 .centerBox .itemBox .item:hover .title {
  color: #fff;
}
.careerCon3 .centerBox .itemBox .item:hover .number {
  color: #fff;
}
.careerCon3 .centerBox .itemBox .item:hover .bgImg {
  opacity: 1;
  transform: translateX(0%);
}
@media (max-width:990px) {
  .careerCon3 .centerBox .itemBox {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: clamp(40px, 4.16666667vw, 80px);
  }
  .careerCon3 .centerBox .itemBox .item {
    width: 50%;
    background: none !important;
    border-radius: 0;
    margin-left: 0 !important;
    height: auto !important;
    padding: 15px 0;
  }
  .careerCon3 .centerBox .itemBox .item .images {
    filter: none !important;
  }
  .careerCon3 .centerBox .itemBox .item .title {
    color: #1a1a1a !important;
  }
  .careerCon3 .centerBox .itemBox .item .number {
    color: #1a1a1a !important;
    position: relative !important;
    padding: 10px 0;
    bottom: 0;
  }
  .careerCon3 .centerBox .itemBox .item .bgImg {
    opacity: 0 !important;
  }
}
.careerCon4 {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.careerCon4 .centerBox .kan_title .title {
  font-size: 34px;
}
@media (max-width:1680px) {
  .careerCon4 .centerBox .kan_title .title {
    font-size: 29.75px;
  }
}
@media (max-width:1440px) {
  .careerCon4 .centerBox .kan_title .title {
    font-size: 25.5px;
  }
}
@media (max-width:1280px) {
  .careerCon4 .centerBox .kan_title .title {
    font-size: 22.66666667px;
  }
}
@media (max-width:1024px) {
  .careerCon4 .centerBox .kan_title .title {
    font-size: 18.13333333px;
  }
}
.careerCon4 .centerBox .kan_title .title::after {
  width: 60px;
}
.careerCon4 .centerBox .kan_title .details {
  text-align: left;
  font-family: "sy_li";
  line-height: 1.9;
}
.careerCon4 .centerBox .itemBox {
  margin-top: clamp(37.5px, 3.90625vw, 75px);
  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(20px, 2.08333333vw, 40px) clamp(0px, 0vw, 0px);
}
.careerCon4 .centerBox .itemBox .item {
  width: 100%;
  height: auto;
  border: 1px solid #e5e5e55b;
  padding-top: clamp(10px, 1.04166667vw, 20px);
  padding-left: clamp(15px, 1.5625vw, 30px);
  padding-right: clamp(45px, 4.6875vw, 90px);
  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;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  overflow: hidden;
}
.careerCon4 .centerBox .itemBox .item .topBox {
  width: 100%;
  height: auto;
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.careerCon4 .centerBox .itemBox .item .topBox ul {
  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;
}
.careerCon4 .centerBox .itemBox .item .topBox ul li {
  font-size: 16px;
  color: #333333;
  opacity: 0.8;
  max-width: 100px;
  width: 100%;
}
@media (max-width:1366px) {
  .careerCon4 .centerBox .itemBox .item .topBox ul li {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .careerCon4 .centerBox .itemBox .item .topBox ul li {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .careerCon4 .centerBox .itemBox .item .topBox ul li {
    font-size: 12px;
  }
}
.careerCon4 .centerBox .itemBox .item .topBox ul li:first-child {
  opacity: 1;
  font-size: 20px;
  display: flex !important;
  max-width: 250px;
  width: 100%;
}
@media (max-width:1600px) {
  .careerCon4 .centerBox .itemBox .item .topBox ul li:first-child {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .careerCon4 .centerBox .itemBox .item .topBox ul li:first-child {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .careerCon4 .centerBox .itemBox .item .topBox ul li:first-child {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .careerCon4 .centerBox .itemBox .item .topBox ul li:first-child {
    font-size: 13px;
  }
}
.careerCon4 .centerBox .itemBox .item .topBox ul li:last-child {
  opacity: 1;
  color: #d42d24;
  cursor: pointer;
  display: flex !important;
}
.careerCon4 .centerBox .itemBox .item .botBox {
  grid-gap: 0 4px;
  padding-bottom: 80px;
  padding-top: 20px;
  display: none;
}
.careerCon4 .centerBox .itemBox .item .botBox .ceBox {
  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;
}
.careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox {
  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(20px, 2.08333333vw, 40px) clamp(0px, 0vw, 0px);
}
.careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul {
  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;
}
.careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul li {
  line-height: 1.5;
  font-size: 16px;
  color: #333333;
  opacity: 0.8;
}
@media (max-width:1366px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul li {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul li {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul li {
    font-size: 12px;
  }
}
.careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul li:first-child {
  opacity: 1;
  padding-bottom: 10px;
  font-size: 18px;
}
@media (max-width:1600px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul li:first-child {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul li:first-child {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul li:first-child {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .listBox ul li:first-child {
    font-size: 12px;
  }
}
.careerCon4 .centerBox .itemBox .item .botBox .ceBox .emailBox {
  width: 30%;
  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;
}
.careerCon4 .centerBox .itemBox .item .botBox .ceBox .emailBox a {
  width: auto;
  height: auto;
  padding: 5px 20px;
  background: #d42d24;
  font-size: 16px;
  color: #fff;
  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;
  line-height: 2;
  border-radius: 10px;
  transition: all 0.3s linear;
  border: 1px solid #d42d24;
}
@media (max-width:1366px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .emailBox a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .emailBox a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .emailBox a {
    font-size: 12px;
  }
}
.careerCon4 .centerBox .itemBox .item .botBox .ceBox .emailBox a:hover {
  color: #d42d24;
  background: #fff;
}
.careerCon4 .centerBox .itemBox .item.active {
  border: 1px solid #d42d24;
}
@media (max-width:990px) {
  .careerCon4 .centerBox .itemBox .item {
    padding-right: clamp(15px, 1.5625vw, 30px);
  }
  .careerCon4 .centerBox .itemBox .item .topBox ul li {
    display: none;
  }
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .emailBox {
    width: 100%;
    margin-top: 40px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .careerCon4 .centerBox .itemBox .item .botBox .ceBox .emailBox a {
    padding: 4px 10px;
    line-height: 1.5;
  }
}
.jobsCon1 {
  background: #f7f6f5;
  padding-top: clamp(45px, 4.6875vw, 90px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
}
.jobsCon1 .centerBox .selectBox {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.jobsCon1 .centerBox .selectBox .itemBox {
  background: #fff;
}
.jobsCon1 .centerBox .contentBox {
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.jobsCon1 .centerBox .contentBox .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .jobsCon1 .centerBox .contentBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.jobsCon1 .centerBox .contentBox .itemBox .item {
  padding: clamp(20px, 2.08333333vw, 40px);
  background: #fff;
  border-radius: 10px;
}
.jobsCon1 .centerBox .contentBox .itemBox .item .title {
  font-family: "sy_me";
  font-size: 24px;
  color: #1a1a1a;
  line-height: 1.3;
}
@media (max-width:1600px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .title {
    font-size: 15px;
  }
}
.jobsCon1 .centerBox .contentBox .itemBox .item .itBox {
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
  padding-bottom: clamp(22.5px, 2.34375vw, 45px);
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: clamp(0px, 0vw, 0px) clamp(35px, 3.64583333vw, 70px);
}
.jobsCon1 .centerBox .contentBox .itemBox .item .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;
  grid-gap: 10px 0;
}
.jobsCon1 .centerBox .contentBox .itemBox .item .itBox .it .tBox {
  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 5px;
}
.jobsCon1 .centerBox .contentBox .itemBox .item .itBox .it .tBox .icon {
  width: auto;
}
.jobsCon1 .centerBox .contentBox .itemBox .item .itBox .it .tBox .name {
  font-family: "sy_re";
  font-size: 14px;
  color: #808080;
  line-height: 1;
  transform: translateY(2px);
}
@media (max-width:1366px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .itBox .it .tBox .name {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .itBox .it .tBox .name {
    font-size: 12px;
  }
}
.jobsCon1 .centerBox .contentBox .itemBox .item .itBox .it .bBox {
  font-family: "sy_me";
  font-size: 16px;
  color: #1a1a1a;
  line-height: 1;
}
@media (max-width:1366px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .itBox .it .bBox {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .itBox .it .bBox {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .itBox .it .bBox {
    font-size: 12px;
  }
}
.jobsCon1 .centerBox .contentBox .itemBox .item .content {
  padding-top: clamp(17.5px, 1.82291667vw, 35px);
}
.jobsCon1 .centerBox .contentBox .itemBox .item .content ul {
  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;
  height: 185px;
  overflow: auto;
}
.jobsCon1 .centerBox .contentBox .itemBox .item .content ul li {
  font-family: "sy_re";
  font-size: 14px;
  color: #1a1a1a;
  line-height: 1.567;
}
@media (max-width:1366px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .content ul li {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .content ul li {
    font-size: 12px;
  }
}
.jobsCon1 .centerBox .contentBox .itemBox .item .endBox {
  margin-top: clamp(20px, 2.08333333vw, 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;
  grid-gap: 0 15px;
}
.jobsCon1 .centerBox .contentBox .itemBox .item .endBox .iconBox {
  font-size: 60px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #d42d24;
  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:1600px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .endBox .iconBox {
    font-size: 50px;
  }
}
@media (max-width:1366px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .endBox .iconBox {
    font-size: 45px;
  }
}
@media (max-width:1024px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .endBox .iconBox {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .endBox .iconBox {
    font-size: 30px;
  }
}
.jobsCon1 .centerBox .contentBox .itemBox .item .endBox .fontBox .ti {
  font-family: "sy_li";
  font-size: 14px;
  color: #808080;
  line-height: 1;
}
@media (max-width:1366px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .endBox .fontBox .ti {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .endBox .fontBox .ti {
    font-size: 12px;
  }
}
.jobsCon1 .centerBox .contentBox .itemBox .item .endBox .fontBox .emal {
  font-family: "sy_me";
  font-size: 16px;
  color: #1a1a1a;
  line-height: 1.56;
  margin-top: clamp(5px, 0.52083333vw, 10px);
}
@media (max-width:1366px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .endBox .fontBox .emal {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .endBox .fontBox .emal {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .jobsCon1 .centerBox .contentBox .itemBox .item .endBox .fontBox .emal {
    font-size: 12px;
  }
}
.solveTitle {
  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;
}
.solveTitle .subtitle {
  text-align: center;
}
.solveTitle .content {
  text-align: center;
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
  color: #808080;
  max-width: 950px;
  width: 100%;
  line-height: 1.567;
}
.solveCon1 {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.solveCon1 .centerBox .contentBox {
  margin-top: clamp(40px, 4.16666667vw, 80px);
  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;
}
.solveCon1 .centerBox .contentBox .leftBox {
  width: 63.9%;
}
.solveCon1 .centerBox .contentBox .leftBox .images {
  border-radius: clamp(10px, 1.04166667vw, 20px);
  overflow: hidden;
}
.solveCon1 .centerBox .contentBox .rightBox {
  width: 32.5%;
  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;
}
.solveCon1 .centerBox .contentBox .rightBox .ser_Title {
  padding-top: clamp(20px, 2.08333333vw, 40px);
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  border-bottom: 1px solid #dfdfdfdc;
}
.solveCon1 .centerBox .contentBox .rightBox .ser_Title .title {
  font-size: 24px;
  margin-top: clamp(5px, 0.52083333vw, 10px);
}
@media (max-width:1600px) {
  .solveCon1 .centerBox .contentBox .rightBox .ser_Title .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .solveCon1 .centerBox .contentBox .rightBox .ser_Title .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .solveCon1 .centerBox .contentBox .rightBox .ser_Title .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .solveCon1 .centerBox .contentBox .rightBox .ser_Title .title {
    font-size: 15px;
  }
}
.solveCon1 .centerBox .contentBox .rightBox .ser_Title .content {
  margin-top: clamp(10px, 1.04166667vw, 20px);
  font-size: 16px;
  font-family: "sy_li";
}
@media (max-width:1366px) {
  .solveCon1 .centerBox .contentBox .rightBox .ser_Title .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .solveCon1 .centerBox .contentBox .rightBox .ser_Title .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .solveCon1 .centerBox .contentBox .rightBox .ser_Title .content {
    font-size: 12px;
  }
}
.solveCon1 .centerBox .contentBox .rightBox .ser_Title:last-child {
  border: 0;
}
@media (max-width:990px) {
  .solveCon1 .centerBox .contentBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .solveCon1 .centerBox .contentBox .leftBox {
    width: 100%;
  }
  .solveCon1 .centerBox .contentBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
.solveCon2 {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
  background: url(../images/so2.jpg) no-repeat top center;
  background-size: cover;
}
.solveCon2 .centerBox .contentBox {
  padding-top: clamp(145px, 15.10416667vw, 290px);
}
.solveCon2 .centerBox .contentBox .imagesBox {
  position: relative;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item {
  width: 0px;
  height: 0px;
  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;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox {
  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;
  position: absolute;
  bottom: 40px;
  width: 240px;
  height: 130px;
  border-radius: 10px;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox .images {
  width: 44px;
  height: 47px;
  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;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox .name {
  font-family: "sy_re";
  font-size: 16px;
  color: #333333;
  line-height: 1.3;
  margin-top: clamp(7.5px, 0.78125vw, 15px);
}
@media (max-width:1366px) {
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox .name {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox .name {
    font-size: 12px;
  }
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #d42d24;
  border-radius: 50%;
  z-index: 2;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item::before {
  content: '';
  position: absolute;
  animation: big_tr 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  background: #d42d24;
  width: 15px;
  z-index: 1;
  height: 15px;
  border-radius: 50%;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item:hover::after {
  width: 100%;
  left: 0;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item:nth-child(1) {
  top: 91%;
  left: 12%;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item:nth-child(2) {
  top: 0.8%;
  left: 25.2%;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item:nth-child(3) {
  top: 90.3%;
  left: 37.7%;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item:nth-child(4) {
  top: 0.8%;
  left: 50%;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item:nth-child(5) {
  top: 90.3%;
  left: 63%;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item:nth-child(6) {
  top: 0.8%;
  left: 75%;
}
.solveCon2 .centerBox .contentBox .imagesBox .itemBox .item:nth-child(7) {
  top: 89%;
  left: 87%;
}
@media (max-width:1200px) {
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox {
    width: 150px;
    height: 100px;
  }
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox .images {
    width: 35px;
    height: 35px;
  }
}
@media (max-width:990px) {
  .solveCon2 .centerBox .contentBox .imagesBox .images100 {
    display: none;
  }
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    grid-gap: 10px 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item {
    position: relative;
    width: auto;
    height: auto;
    top: unset !important;
    left: unset !important;
  }
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox {
    position: relative;
    bottom: unset !important;
  }
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item::after {
    display: none;
  }
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item::before {
    display: none;
  }
}
@media (max-width:640px) {
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item {
    width: calc(30.333% - 8px) !important;
  }
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox {
    width: 100%;
  }
}
@media (max-width:480px) {
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item {
    width: calc(50% - 5px) !important;
  }
  .solveCon2 .centerBox .contentBox .imagesBox .itemBox .item .cenBox {
    width: 100%;
  }
}
@media (max-width:990px) {
  .solveCon2 .centerBox .contentBox {
    padding-top: clamp(25px, 2.60416667vw, 50px);
  }
}
.solveCon3 {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
  background: url(../images/so10.jpg) no-repeat top center;
  background-size: 100%;
}
.solveCon3 .centerBox .solveTitle .subtitle {
  color: #fff;
}
.solveCon3 .centerBox .solveTitle .content {
  color: #ffffffd0;
}
.solveCon3 .centerBox .solveTitle .content.tow {
  color: #808080;
  margin-top: clamp(30px, 3.125vw, 60px);
}
.solveCon3 .centerBox .solveTitle .images {
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.solveCon3 .centerBox .solveTitle .images img {
  border-radius: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .solveCon3 {
    background-size: 100% 50%;
  }
}
.solveCon4 {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
  background: url(../images/so11.jpg) no-repeat top center;
  background-size: cover;
}
.solveCon4 .centerBox .solveTitle {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.solveCon4 .centerBox .swiperInfo .swiper_box {
  overflow: hidden;
  padding-top: clamp(27.5px, 2.86458333vw, 55px);
}
.solveCon4 .centerBox .swiperInfo .swiper_box ul li {
  height: auto;
}
.solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo {
  background-image: -moz-linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  background-image: -webkit-linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  background-image: -ms-linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);
  padding: clamp(20px, 2.08333333vw, 40px);
  border-radius: clamp(10px, 1.04166667vw, 20px);
  height: 100%;
  cursor: pointer;
  border: 2px solid #fff;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo:hover {
  border: 2px solid #d42d24;
  transform: translateY(-10px);
}
.solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo .images {
  height: 70px;
}
.solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo .title {
  margin-top: clamp(75px, 7.8125vw, 150px);
  font-family: "sy_li";
  font-size: 24px;
  color: #1a1a1a;
  line-height: 1.3;
}
@media (max-width:1600px) {
  .solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo .title {
    font-size: 15px;
  }
}
.solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo .subtitle {
  font-family: "sy_li";
  font-size: 14px;
  color: #808080;
  line-height: 1.567;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1366px) {
  .solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo .subtitle {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .solveCon4 .centerBox .swiperInfo .swiper_box ul li .centerInfo .subtitle {
    font-size: 12px;
  }
}
.solveCon5 {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.solveCon5 .centerBox .solveTitle {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.solveCon5 .centerBox .solveTitle .subtitle {
  text-align: start;
}
.solveCon5 .centerBox .contentBox {
  margin-top: clamp(27.5px, 2.86458333vw, 55px);
}
.solveCon5 .centerBox .contentBox .topBox {
  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;
}
.solveCon5 .centerBox .contentBox .topBox .itemBox {
  width: 71.428%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #e5e5e5;
  grid-gap: clamp(0px, 0vw, 0px) clamp(30px, 3.125vw, 60px);
}
.solveCon5 .centerBox .contentBox .topBox .itemBox .item {
  font-family: "sy_li";
  font-size: 18px;
  color: #1a1a1a;
  line-height: 1.654;
  padding-top: clamp(15px, 1.5625vw, 30px);
  padding-bottom: clamp(15px, 1.5625vw, 30px);
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  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;
}
@media (max-width:1600px) {
  .solveCon5 .centerBox .contentBox .topBox .itemBox .item {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .solveCon5 .centerBox .contentBox .topBox .itemBox .item {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .solveCon5 .centerBox .contentBox .topBox .itemBox .item {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .solveCon5 .centerBox .contentBox .topBox .itemBox .item {
    font-size: 12px;
  }
}
.solveCon5 .centerBox .contentBox .topBox .itemBox .item::after {
  content: '';
  position: absolute;
  top: -1px;
  width: 0%;
  height: 1px;
  background: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.solveCon5 .centerBox .contentBox .topBox .itemBox .item:hover,
.solveCon5 .centerBox .contentBox .topBox .itemBox .item.active {
  color: #d42d24;
}
.solveCon5 .centerBox .contentBox .topBox .itemBox .item:hover::after,
.solveCon5 .centerBox .contentBox .topBox .itemBox .item.active::after {
  width: 100%;
}
@media (max-width:990px) {
  .solveCon5 .centerBox .contentBox .topBox .itemBox {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.solveCon5 .centerBox .contentBox .botBox {
  width: 100%;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box {
  overflow: hidden;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox {
  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;
  height: 100%;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .leftBox {
  width: auto;
  flex-shrink: 0;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox {
  width: 71.428%;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son {
  overflow: hidden;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo {
  position: relative;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  overflow: hidden;
  cursor: pointer;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000000a2 10%, #ffffff00 100%);
  z-index: 1;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo .pb {
  padding-bottom: 66%;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .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;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo .name {
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding-top: clamp(11px, 1.14583333vw, 22px);
  padding-bottom: clamp(11px, 1.14583333vw, 22px);
  width: 100%;
  font-family: "sy_li";
  font-size: 16px;
  color: #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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:1366px) {
  .solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo .name {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo .name {
    font-size: 12px;
  }
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo .name::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), 20%, rgba(255, 255, 255, 0.452) 50%, rgba(255, 255, 255, 0) 100%);
  transition: all 0.5s;
}
.solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox .swiper_son .swiper-wrapper .swiper-slide .centerInfo:hover .pb .ab img {
  transform: scale(1.02);
}
@media (max-width:990px) {
  .solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox {
    flex-direction: column-reverse;
  }
  .solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .leftBox {
    width: 100%;
    margin-top: 20px;
    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;
  }
  .solveCon5 .centerBox .contentBox .botBox .swiper_box ul li .cenBox .rightBox {
    width: 100%;
  }
}
.solveCon6 {
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.solveCon6 .centerBox .solveTitle {
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.solveCon6 .centerBox .solveTitle .subtitle {
  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;
}
.solveCon6 .centerBox .contentBox .swiperInfo {
  overflow: hidden;
  padding-top: clamp(40px, 4.16666667vw, 80px);
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo {
  width: 100%;
  background: #f7f6f5;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
@media (max-width:990px) {
  .solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo {
    width: 100% !important;
  }
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .images {
  overflow: hidden;
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .images .pb {
  padding-bottom: 56.3%;
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .images .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;
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .images .pb .ab img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .fontBox {
  padding: clamp(15px, 1.5625vw, 30px);
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .botBox .title {
  font-family: "sy_li";
  font-size: 24px;
  color: #1a1a1a;
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .botBox .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .botBox .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .botBox .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .botBox .title {
    font-size: 15px;
  }
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo .fontBox .botBox .idx_More {
  margin-top: clamp(0px, 0vw, 0px);
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo.big {
  width: 100%;
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo.big .images .pb {
  padding-bottom: 42.9%;
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo.big:hover .images .pb .ab img {
  transform: scale(1.01);
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo:hover .images .pb .ab img {
  transform: scale(1.02);
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo:hover .idx_More .box {
  padding-right: clamp(0px, 0vw, 0px);
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo:hover .idx_More .box i.left {
  transform: translateX(0%);
  opacity: 1;
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo:hover .idx_More .box i.right {
  transform: translateX(184.61538%);
  opacity: 0;
}
@media (max-width:990px) {
  .solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo:hover .idx_More .box i.right {
    transform: translateX(-100%);
  }
}
.solveCon6 .centerBox .contentBox .swiperInfo .swiper_box ul li .centerInfo:hover .idx_More .box span {
  color: #d42d24;
}
/* 新增 less */
:root {
  /* 字体 */
  /* 26px ~ 48px */
  --font48: clamp(1.625rem, calc(0.708rem + 1.91vw), 3rem);
  /* 25px ~ 44px */
  --font44: clamp(1.563rem, calc(0.217rem + 2.11vw), 2.75rem);
  /* 24px ~ 42px */
  --font42: clamp(1.5rem, calc(0.75rem + 1.56vw), 2.625rem);
  /* 24px ~ 44px */
  --font44: clamp(1.5rem, calc(0.071rem + 2.23vw), 2.75rem);
  /* 24px ~ 40px */
  --font40: clamp(1.5rem, calc(0.833rem + 1.39vw), 2.5rem);
  /* 24px ~ 38px */
  --font38: clamp(1.5rem, calc(0.917rem + 1.22vw), 2.375rem);
  /* 22px ~ 36px */
  --font36: clamp(1.375rem, calc(0.792rem + 1.22vw), 2.25rem);
  /* 22px ~ 34px */
  --font34: clamp(1.375rem, calc(0.875rem + 1.04vw), 2.125rem);
  /* 20px ~ 32px */
  --font32: clamp(1.25rem, calc(0.75rem + 1.04vw), 2rem);
  /* 20px ~ 30px */
  --font30: clamp(1.25rem, calc(0.833rem + 0.87vw), 1.875rem);
  /* 18px ~ 28px */
  --font28: clamp(1.125rem, calc(0.708rem + 0.87vw), 1.75rem);
  /* 18px ~ 26px */
  --font26: clamp(1.125rem, calc(0.792rem + 0.69vw), 1.625rem);
  /* 18px ~ 24px */
  --font24: clamp(1rem, calc(0.667rem + 0.69vw), 1.5rem);
  /* 17px ~ 22px */
  --font22: clamp(1.063rem, calc(0.854rem + 0.43vw), 1.375rem);
  /* 15px ~ 20px */
  --font20: clamp(1rem, calc(0.833rem + 0.35vw), 1.25rem);
  /* 14px ~ 18px */
  --font18: clamp(0.938rem, calc(0.813rem + 0.26vw), 1.125rem);
  /* 14px ~ 16px */
  --font16: clamp(0.875rem, calc(0.792rem + 0.17vw), 1rem);
  /* 12px ~ 14px */
  --font14: clamp(0.75rem, calc(0.608rem + 0.22vw), 0.875rem);
}
.body {
  font-size: 16px !important;
}
.kan_title .title {
  font-size: var(--font30);
  font-family: "sy_bo";
  text-align: center;
  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;
  padding-bottom: 10px;
}
.kan_title .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 80px;
  height: 2px;
  background: #d42d24;
}
.kan_title .title.w60::after {
  width: 60px;
}
.kan_title .details {
  font-family: "sy_re";
  color: #333333;
  font-size: 18px;
  line-height: 1.55555;
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
  text-align: center;
}
@media (max-width:1600px) {
  .kan_title .details {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .kan_title .details {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .kan_title .details {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .kan_title .details {
    font-size: 12px;
  }
}
.ins_banner {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.ins_banner .center_Box {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
}
.ins_banner .center_Box .ins_titInfo {
  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-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.ins_banner .center_Box .ins_titInfo .title {
  font-family: "sy_bo";
  font-size: var(--font42);
  color: #fff;
}
.ins_banner .center_Box .ins_titInfo .subtitle {
  font-family: "sy_me";
  font-size: var(--font20);
  color: #fff;
}
.ins_banner .imagesBox {
  width: 100%;
  height: auto;
}
.ins_banner .imagesBox img {
  width: 100%;
  min-height: 290px;
  height: auto;
  object-fit: cover;
}
.ins_navBox {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.ins_navBox .center_Box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: 2px solid #e5e5e5;
}
.ins_navBox .center_Box .item {
  flex: 1;
  height: 50px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  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;
}
.ins_navBox .center_Box .item a {
  font-size: var(--font16);
  color: #333333;
  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;
  padding: 0 20px;
}
.ins_navBox .center_Box .item::after {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0.5;
}
.ins_navBox .center_Box .item:hover::after,
.ins_navBox .center_Box .item.active::after {
  width: 100%;
}
.ins_proCon1 {
  width: 100%;
  height: auto;
  margin-top: clamp(100px, 10.41666667vw, 200px);
  padding-bottom: 1px;
  overflow: hidden;
}
.ins_proCon1 .center_Box {
  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;
}
.ins_proCon1 .center_Box .swiperInfo {
  width: 39.84%;
  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;
}
.ins_proCon1 .center_Box .swiperInfo .swiperpl ul li .pb .ab {
  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;
}
.ins_proCon1 .center_Box .swiperInfo .swiperpl ul li .pb .ab img {
  max-width: 100%;
  max-height: 100%;
  mix-blend-mode: multiply;
}
.ins_proCon1 .center_Box .swiperInfo .swiper_box {
  background: #F6F6F6;
}
.ins_proCon1 .center_Box .swiperInfo .swiper_item ul li {
  background: #F6F6F6;
  cursor: pointer;
  border: 1px solid #00000000;
}
.ins_proCon1 .center_Box .swiperInfo .swiper_item ul li.active {
  border: 1px solid #d42d24;
}
.ins_proCon1 .center_Box .fontInfo {
  width: 50.78%;
}
.ins_proCon1 .center_Box .fontInfo .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;
}
.ins_proCon1 .center_Box .fontInfo .item .one {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
  padding-bottom: 30px;
}
.ins_proCon1 .center_Box .fontInfo .item .one .name {
  font-size: var(--font40);
  font-family: "sy_bo";
  padding-bottom: clamp(1.25rem, calc(((20 / 16) * 1rem) + (40 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 2.5rem);
}
.ins_proCon1 .center_Box .fontInfo .item .one .title {
  font-size: var(--font18);
  font-family: "sy_me";
  color: #1a1a1a;
}
.ins_proCon1 .center_Box .fontInfo .item .one .list {
  margin-top: 15px;
}
.ins_proCon1 .center_Box .fontInfo .item .one .list ul li {
  font-size: var(--font16);
  color: #333333;
  font-family: "sy_li";
  line-height: 1;
}
.ins_proCon1 .center_Box .fontInfo .item .one .onli {
  padding-top: 0;
}
.ins_proCon1 .center_Box .fontInfo .item .one .onli ul li {
  line-height: 2;
}
.ins_proCon1 .center_Box .fontInfo .item .one .toli {
  max-width: 100%;
}
.ins_proCon1 .center_Box .fontInfo .item .one .toli ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .ins_proCon1 .center_Box .fontInfo .item .one .toli ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .ins_proCon1 .center_Box .fontInfo .item .one .toli ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.ins_proCon1 .center_Box .fontInfo .item .one .toli ul li {
  padding-left: 10px;
  position: relative;
}
.ins_proCon1 .center_Box .fontInfo .item .one .toli ul li::after {
  content: '';
  position: absolute;
  top: 9px;
  border-radius: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  background: #000000ab;
}
.ins_proCon2 {
  width: 100%;
  height: auto;
  margin-top: clamp(60px, 6.25vw, 120px);
  overflow: hidden;
}
.ins_proCon2 .center_Box .itemBox {
  border-bottom: 1px solid #EDEDED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 5px;
}
.ins_proCon2 .center_Box .itemBox .item {
  min-width: clamp(5rem, calc(((80 / 16) * 1rem) + (120 - 80) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
  height: 50px;
  background: #EDEDED;
  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-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-family: "sy_re";
  font-size: var(--font16);
  color: #1a1a1a;
}
.ins_proCon2 .center_Box .itemBox .item.active,
.ins_proCon2 .center_Box .itemBox .item:hover {
  background: #d42d24;
  color: #fff;
}
.ins_proCon2 .center_Box .prCon2_1 .tableBox {
  width: 100%;
  margin: clamp(30px, 3.125vw, 60px) 0 clamp(30px, 3.125vw, 60px);
  position: relative;
  overflow: auto;
}
.ins_proCon2 .center_Box .prCon2_1 .tableBox table {
  width: 100%;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  min-width: 1000px;
}
.ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr {
  background: #EDEDED;
}
.ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr td {
  height: 50px;
  padding: 10px clamp(15px, 1.5625vw, 30px);
  font-size: 14px;
  color: #808080;
  font-family: "sy_re";
  word-wrap:break-word;
}
@media (max-width:1366px) {
  .ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr td {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr td {
    font-size: 12px;
  }
}
.ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr td:first-child {
  color: #1a1a1a;
  width: 15.2%;
}
@media (max-width:990px) {
  .ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr td {
    height: 45px;
  }
}
.ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr:first-child td {
  font-size: 16px;
  font-family: "sy_me";
  color: #fff;
  background: #d42d24;
}
@media (max-width:1366px) {
  .ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr:first-child td {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr:first-child td {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr:first-child td {
    font-size: 12px;
  }
}
.ins_proCon2 .center_Box .prCon2_1 .tableBox table tbody tr:nth-child(2n) {
  background: #fff;
}
.ins_proCon2 .center_Box .content {
  display: none;
}
.ins_proCon2 .center_Box .content.active {
  display: block !important;
}
.ins_proCon2 .center_Box .prCon2_2 .imagesBox {
  width: 100%;
  height: auto;
}
.ins_proCon2 .center_Box .prCon2_2 .imagesBox img {
  width: 100%;
}
.ins_proCon2 .center_Box .prCon2_3 .imagesBox {
  width: 100%;
  height: auto;
}
.ins_proCon2 .center_Box .prCon2_3 .imagesBox img {
  width: 100%;
}
.ins_serCon1 {
  width: 100%;
  height: auto;
  margin-top: clamp(50px, 5.20833333vw, 100px);
  margin-bottom: clamp(50px, 5.20833333vw, 100px);
  overflow: hidden;
}
.ins_serCon1 .center_Box {
  width: 100%;
  height: auto;
}
.ins_serCon1 .center_Box .imagesBox {
  width: 100%;
  height: auto;
  margin-top: 40px;
}
.ins_serCon1 .center_Box .imagesBox img {
  width: 100%;
}
.ins_serCon1 .center_Box .content {
  margin-top: 50px;
}
.ins_serCon1 .center_Box .content h2 {
  font-size: var(--font20);
  color: #d42d24;
  margin-top: 20px;
}
.ins_serCon1 .center_Box .content h4 {
  font-size: var(--font16);
  color: #333333;
  font-family: "sy_re";
  line-height: 1.6;
  margin-top: 20px;
}
.inab_con1 {
  width: 100%;
  height: auto;
  padding-top: clamp(75px, 7.8125vw, 150px);
  padding-bottom: clamp(45px, 4.6875vw, 90px);
  overflow: hidden;
}
.inab_con1 .kan_title {
  padding: 0 20px;
}
.inab_con1 .kan_title .title {
  font-size: 36px;
  color: #333333;
}
@media (max-width:1600px) {
  .inab_con1 .kan_title .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .inab_con1 .kan_title .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .inab_con1 .kan_title .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .inab_con1 .kan_title .title {
    font-size: 20px;
  }
}
.inab_con1 .kan_title .details {
  font-size: 30px;
  margin-top: clamp(22.5px, 2.34375vw, 45px);
  font-family: "sy_li";
}
@media (max-width:1600px) {
  .inab_con1 .kan_title .details {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .inab_con1 .kan_title .details {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .inab_con1 .kan_title .details {
    font-size: 19px;
  }
}
@media (max-width:768px) {
  .inab_con1 .kan_title .details {
    font-size: 18px;
  }
}
.inab_con1 .seleBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: clamp(25px, 2.60416667vw, 50px);
}
.inab_con1 .seleBox .itemBox {
  width: fit-content;
  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;
  border: 1px solid #f7f6f5;
  border-radius: 100px;
  padding: 5px;
  overflow: hidden;
}
.inab_con1 .seleBox .itemBox .item {
  width: auto;
  padding-left: clamp(13px, 1.35416667vw, 26px);
  padding-right: clamp(13px, 1.35416667vw, 26px);
  border-radius: 100px;
  height: 44px;
  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-family: "sy_re";
  font-size: 16px;
  color: #808080;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width:1366px) {
  .inab_con1 .seleBox .itemBox .item {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .inab_con1 .seleBox .itemBox .item {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .inab_con1 .seleBox .itemBox .item {
    font-size: 12px;
  }
}
.inab_con1 .seleBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 0%;
  height: 100%;
  background: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
}
.inab_con1 .seleBox .itemBox .item span {
  position: relative;
  z-index: 2;
  white-space: nowrap;
}
.inab_con1 .seleBox .itemBox .item span i {
  font-family: "or_re";
  font-style: normal;
}
.inab_con1 .seleBox .itemBox .item.active,
.inab_con1 .seleBox .itemBox .item:hover {
  color: #fff;
}
.inab_con1 .seleBox .itemBox .item.active::after,
.inab_con1 .seleBox .itemBox .item:hover::after {
  width: 100%;
  left: 0;
}
@media (max-width:990px) {
  .inab_con1 .seleBox .itemBox .item {
    height: 35px;
  }
}
.inab_con1 .centerBox .ser_Title {
  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;
  padding: 0 10px;
}
.inab_con1 .centerBox .ser_Title .title {
  margin-top: 0;
  text-align: center;
}
.inab_con1 .centerBox .ser_Title .content {
  max-width: 645px;
  width: 100%;
  text-align: center;
}
.inab_con1 .centerBox .swiperInfo {
  padding-top: clamp(30px, 3.125vw, 60px);
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent {
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .centerInfo {
  overflow: hidden;
  border-radius: clamp(10px, 1.04166667vw, 20px);
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .centerInfo .pb {
  padding-bottom: 56.2%;
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .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;
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .centerInfo .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .centerInfo:hover .pb .ab img {
  transform: scale(1.02);
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent .idxPager .pagerBox {
  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;
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent .idxPager .pagerBox .swiper_but {
  flex-shrink: 0;
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent .idxPager .pagerBox .idxCri {
  width: 100%;
  height: 2px;
  position: relative;
  background: #efefef;
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent .idxPager .pagerBox .idxCri .swiper-pagination-progressbar-fill {
  background: linear-gradient(90deg, #d42d24 10%, #ffffff00 100%);
}
@media (max-width:990px) {
  .inab_con1 .centerBox .swiperInfo .swiper_sele ul li .swiContent {
    padding: 0 10px;
  }
}
.inab_con1 .centerBox .swiperInfo .swiper_sele ul li.swiper-slide-active .swiContent {
  opacity: 1 !important;
}
.inab_con2 {
  padding-top: clamp(55px, 5.72916667vw, 110px);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.inab_con2::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 185px;
  background: #fff;
  z-index: 1;
}
@media (max-width:990px) {
  .inab_con2::after {
    height: 85px;
  }
}
.inab_con2 .centerBox {
  position: relative;
  z-index: 2;
}
.inab_con2 .centerBox .topBox {
  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;
}
.inab_con2 .centerBox .topBox .kan_title {
  max-width: 1160px;
  width: 100%;
}
.inab_con2 .centerBox .topBox .kan_title .title {
  color: #fff;
  font-size: 34px;
}
@media (max-width:1680px) {
  .inab_con2 .centerBox .topBox .kan_title .title {
    font-size: 29.75px;
  }
}
@media (max-width:1440px) {
  .inab_con2 .centerBox .topBox .kan_title .title {
    font-size: 25.5px;
  }
}
@media (max-width:1280px) {
  .inab_con2 .centerBox .topBox .kan_title .title {
    font-size: 22.66666667px;
  }
}
@media (max-width:1024px) {
  .inab_con2 .centerBox .topBox .kan_title .title {
    font-size: 18.13333333px;
  }
}
.inab_con2 .centerBox .topBox .kan_title .details {
  font-family: "sy_li";
  font-size: 18px;
  color: #ffffff;
  line-height: 1.657;
  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;
}
@media (max-width:1600px) {
  .inab_con2 .centerBox .topBox .kan_title .details {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .inab_con2 .centerBox .topBox .kan_title .details {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .inab_con2 .centerBox .topBox .kan_title .details {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .inab_con2 .centerBox .topBox .kan_title .details {
    font-size: 12px;
  }
}
.inab_con2 .centerBox .topBox .tCon {
  max-width: 1160px;
  width: 100%;
}
.inab_con2 .centerBox .topBox .tCon .itemBox {
  margin-top: clamp(30px, 3.125vw, 60px);
  padding-right: clamp(25px, 2.60416667vw, 50px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:990px) {
  .inab_con2 .centerBox .topBox .tCon .itemBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(10px, 1.04166667vw, 20px);
  }
}
@media (max-width:360px) {
  .inab_con2 .centerBox .topBox .tCon .itemBox {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(10px, 1.04166667vw, 20px);
  }
}
.inab_con2 .centerBox .topBox .tCon .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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inab_con2 .centerBox .topBox .tCon .itemBox .item .number {
  position: relative;
  padding-bottom: clamp(7.5px, 0.78125vw, 15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inab_con2 .centerBox .topBox .tCon .itemBox .item .number .beat {
  font-size: var(--font40);
  color: #d42d24;
  line-height: 1;
}
.inab_con2 .centerBox .topBox .tCon .itemBox .item .number .font {
  font-size: var(--font40);
  color: #d42d24;
  line-height: 1;
}
.inab_con2 .centerBox .topBox .tCon .itemBox .item .textB {
  font-family: "sy_re";
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  margin-top: clamp(5px, 0.52083333vw, 10px);
}
@media (max-width:1366px) {
  .inab_con2 .centerBox .topBox .tCon .itemBox .item .textB {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .inab_con2 .centerBox .topBox .tCon .itemBox .item .textB {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .inab_con2 .centerBox .topBox .tCon .itemBox .item .textB {
    font-size: 12px;
  }
}
.inab_con2 .centerBox .botBox {
  margin-top: clamp(70px, 7.29166667vw, 140px);
}
.inab_con2 .centerBox .botBox .swiperInfo .swiper_box {
  overflow: hidden;
}
.inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo {
  position: relative;
  border-radius: clamp(5px, 0.52083333vw, 10px);
  overflow: hidden;
  cursor: pointer;
}
.inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, #00000069 10%, #ffffff00 100%);
  z-index: 1;
}
.inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .pb {
  padding-bottom: 67%;
}
.inab_con2 .centerBox .botBox .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;
}
.inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding-top: clamp(11px, 1.14583333vw, 22px);
  padding-bottom: clamp(11px, 1.14583333vw, 22px);
  width: 100%;
  font-family: "sy_li";
  font-size: 16px;
  color: #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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:1366px) {
  .inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name {
    font-size: 12px;
  }
}
.inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo .name::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), 20%, rgba(255, 255, 255, 0.452) 50%, rgba(255, 255, 255, 0) 100%);
  transition: all 0.5s;
}
.inab_con2 .centerBox .botBox .swiperInfo .swiper_box ul li .centerInfo:hover .pb .ab img {
  transform: scale(1.02);
}
.inab_con3 {
  width: 100%;
  height: auto;
  padding-top: clamp(85px, 8.85416667vw, 170px);
  padding-bottom: clamp(90px, 9.375vw, 180px);
  overflow: hidden;
}
.inab_con3 .topBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inab_con3 .topBox .leftBox {
  width: 26.785%;
}
.inab_con3 .topBox .leftBox .kan_title .title {
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.inab_con3 .topBox .rightBox {
  width: 73.215%;
}
.inab_con3 .topBox .rightBox .kan_title .details {
  margin-top: 0;
  text-align: left;
  font-family: "sy_li";
  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(20px, 2.08333333vw, 40px) clamp(0px, 0vw, 0px);
  max-width: 860px;
  width: 100%;
}
@media (max-width:990px) {
  .inab_con3 .topBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .inab_con3 .topBox .leftBox {
    width: 100%;
  }
  .inab_con3 .topBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
.inab_con3 .botBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: clamp(30px, 3.125vw, 60px);
}
.inab_con3 .botBox .leftBox {
  width: 26.785%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.inab_con3 .botBox .leftBox .pagerBox {
  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;
  margin-top: 0;
  grid-gap: 0 10px;
}
.inab_con3 .botBox .leftBox .pagerBox .idxPageNumber {
  width: auto;
}
.inab_con3 .botBox .leftBox .pagerBox .idxPageNumber span {
  color: #d42d24;
  font-size: var(--font16);
}
.inab_con3 .botBox .rightBox {
  width: 73.215%;
}
.inab_con3 .botBox .rightBox .swiperInfo {
  width: 85%;
  overflow: hidden;
}
@media (max-width:990px) {
  .inab_con3 .botBox .rightBox .swiperInfo {
    width: 100%;
  }
}
.inab_con3 .botBox .rightBox .swiper_box {
  width: 100%;
  height: auto;
}
.inab_con3 .botBox .rightBox .swiper_box ul li {
  width: 0;
}
.inab_con3 .botBox .rightBox .swiper_box ul li .pb {
  padding-bottom: 141%;
}
.inab_con3 .botBox .rightBox .swiper_box ul li .pb .ab img {
  width: 100%;
}
@media (max-width:990px) {
  .inab_con3 .botBox {
    flex-direction: column-reverse;
  }
  .inab_con3 .botBox .leftBox {
    width: 100%;
    margin-top: 50px;
    display: none;
  }
  .inab_con3 .botBox .leftBox .swiper_but {
    display: none;
  }
  .inab_con3 .botBox .rightBox {
    width: 100%;
    margin-top: 20px;
  }
}
.ins_abont1 {
  width: 100%;
  height: auto;
  padding-top: clamp(50px, 5.20833333vw, 100px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
  overflow: hidden;
}
.ins_abont1 .centenBox .kan_title .title {
  font-size: var(--font34);
}
.ins_abont1 .centenBox .kan_title .details {
  font-family: "sy_li";
  color: #333333;
  text-align: left;
  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(20px, 2.08333333vw, 40px) clamp(0px, 0vw, 0px);
  font-size: var(--font18);
  line-height: 1.85;
}
.ins_abont1 .centenBox .kan_title .details p {
  text-indent: 2em;
}
@media (max-width:990px) {
  .ins_abont1 .centenBox .kan_title .details {
    max-height: 500px;
    overflow: auto;
  }
}
.ins_abont1 .centenBox .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(15px, 1.5625vw, 30px) clamp(15px, 1.5625vw, 30px);
  margin-top: 40px;
}
@media (max-width:990px) {
  .ins_abont1 .centenBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.ins_abont1 .centenBox .itemBox .item {
  width: 100%;
}
.ins_abont1 .centenBox .itemBox .item .pb {
  padding-bottom: 60%;
}
.ins_abont1 .centenBox .itemBox .item .pb .ab img {
  width: 100%;
}
.ins_abont2 {
  width: 100%;
  height: auto;
  padding-top: clamp(50px, 5.20833333vw, 100px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
  overflow: hidden;
}
.ins_abont2 .centenBox .kan_title .title {
  font-size: var(--font34);
}
.ins_abont2 .centenBox .special {
  padding-top: clamp(2.5rem, calc(((40 / 16) * 1rem) + (70 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 4.375rem);
  padding-bottom: clamp(2.5rem, calc(((40 / 16) * 1rem) + (180 - 40) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 11.25rem);
  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;
  z-index: 1;
}
.ins_abont2 .centenBox .special .bgBox {
  position: absolute;
  z-index: 1;
  width: 76.6%;
}
.ins_abont2 .centenBox .special .title {
  font-size: 90px;
  text-align: center;
  font-family: "sy_li";
  z-index: 2;
  line-height: 1;
}
@media (max-width:1680px) {
  .ins_abont2 .centenBox .special .title {
    font-size: 78.75px;
  }
}
@media (max-width:1440px) {
  .ins_abont2 .centenBox .special .title {
    font-size: 67.5px;
  }
}
@media (max-width:1280px) {
  .ins_abont2 .centenBox .special .title {
    font-size: 60px;
  }
}
@media (max-width:1024px) {
  .ins_abont2 .centenBox .special .title {
    font-size: 48px;
  }
}
@media (max-width:990px) {
  .ins_abont2 .centenBox .special .title {
    font-size: var(--font40);
  }
}
.ins_abont2 .centenBox .itemBox {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  position: relative;
  z-index: 2;
}
.ins_abont2 .centenBox .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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  padding-top: clamp(20px, 2.08333333vw, 40px);
  padding-bottom: clamp(5px, 0.52083333vw, 10px);
  cursor: pointer;
}
.ins_abont2 .centenBox .itemBox .item .iconBox {
  width: clamp(1.875rem, calc(((30 / 16) * 1rem) + (57 - 30) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 3.5625rem);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ins_abont2 .centenBox .itemBox .item .title {
  font-size: var(--font20);
  color: #d42d24;
  font-family: "sy_bo";
  margin-top: 20px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ins_abont2 .centenBox .itemBox .item .details {
  font-size: var(--font18);
  color: #333333;
  opacity: 0.8;
  text-align: center;
  line-height: 1.85;
  margin-top: 20px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ins_abont2 .centenBox .itemBox .item:hover {
  background: #d42d24;
}
.ins_abont2 .centenBox .itemBox .item:hover .iconBox {
  filter: brightness(0) invert(1);
}
.ins_abont2 .centenBox .itemBox .item:hover .title {
  color: #fff;
}
.ins_abont2 .centenBox .itemBox .item:hover .details {
  color: #fff;
  opacity: 1;
}
@media (max-width:990px) {
  .ins_abont2 {
    padding-top: 20px;
  }
  .ins_abont2 .centenBox .special {
    padding: 20px 0;
  }
  .ins_abont2 .centenBox .special .bgBox {
    width: 100%;
  }
  .ins_abont2 .centenBox .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .ins_abont2 .centenBox .itemBox {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px 0;
    margin-top: 20px;
  }
  .ins_abont2 .centenBox .itemBox .item {
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #e5e5e5;
  }
  .ins_abont2 .centenBox .itemBox .item .iconBox {
    position: absolute;
    top: 18px;
  }
  .ins_abont2 .centenBox .itemBox .item .title {
    margin-top: 0;
    padding-left: 50px;
  }
  .ins_abont2 .centenBox .itemBox .item .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 0 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .ins_abont2 .centenBox .itemBox .item:hover {
    background: none !important;
  }
  .ins_abont2 .centenBox .itemBox .item:hover .iconBox {
    filter: unset !important;
  }
  .ins_abont2 .centenBox .itemBox .item:hover .title {
    color: #d42d24 !important;
  }
  .ins_abont2 .centenBox .itemBox .item:hover .details {
    color: #333333;
    opacity: 0.8 !important;
  }
}
.ins_abont3 {
  width: 100%;
  height: auto;
  background-image: url(../images/licheng-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: clamp(45px, 4.6875vw, 90px);
  padding-bottom: clamp(57.5px, 5.98958333vw, 115px);
  overflow: hidden;
  margin-top: clamp(45px, 4.6875vw, 90px);
}
.ins_abont3 .center_Box .kan_title .title {
  font-size: var(--font34);
}
.ins_abont3 .center_Box .swiperInfo {
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
  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;
  margin-top: clamp(60px, 6.25vw, 120px);
}
.ins_abont3 .center_Box .swiperInfo .swiper_info {
  width: 100%;
  height: auto;
  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;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 0;
  width: 100%;
  height: 1px;
  background: #333;
  z-index: 1;
  opacity: 0.06;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_sele {
  max-width: 1500px;
  width: 100%;
  overflow: hidden;
  padding-top: 10px;
  position: relative;
  z-index: 3;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_sele ul li .centerInfo {
  position: relative;
  font-size: var(--font18);
  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;
  padding-top: 40px;
  cursor: pointer;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_sele ul li .centerInfo::after {
  content: '';
  position: absolute;
  top: 0;
  width: clamp(0.5rem, calc(((8 / 16) * 1rem) + (15 - 8) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.9375rem);
  height: clamp(0.5rem, calc(((8 / 16) * 1rem) + (15 - 8) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.9375rem);
  background: #fff;
  transform: translateY(-50%);
  border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_sele ul li .centerInfo::before {
  content: '';
  position: absolute;
  top: 0;
  width: clamp(0.625rem, calc(((10 / 16) * 1rem) + (17 - 10) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.0625rem);
  height: clamp(0.875rem, calc(((14 / 16) * 1rem) + (23 - 14) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.4375rem);
  background-image: url(../images/licheng-ico.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_sele ul li:hover .centerInfo::after {
  opacity: 0;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_sele ul li:hover .centerInfo::before {
  opacity: 1;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_sele ul li.active .centerInfo::after {
  opacity: 0;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_sele ul li.active .centerInfo::before {
  opacity: 1;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_but {
  background: #d42d24;
  border: 0;
  position: absolute;
  right: 130px;
  margin-top: 0;
  top: 10px;
  font-size: var(--font38);
  transform: translateY(-50%);
  z-index: 3;
}
.ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_but.prev {
  left: 130px;
}
@media (max-width:990px) {
  .ins_abont3 .center_Box .swiperInfo .swiper_info .swiper_but {
    display: none;
  }
}
.ins_abont3 .center_Box .swiperInfo .swiper_box {
  max-width: 1040px;
  width: 100%;
  margin-top: 80px;
  overflow: hidden;
  padding: 0 20px;
}
.ins_abont3 .center_Box .swiperInfo .swiper_box ul li .centerInfo {
  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;
}
.ins_abont3 .center_Box .swiperInfo .swiper_box ul li .centerInfo .leftBox {
  width: 45.192%;
  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;
  max-height: 250px;
  overflow: auto;
}
.ins_abont3 .center_Box .swiperInfo .swiper_box ul li .centerInfo .leftBox .list {
  font-size: var(--font20);
  color: #d42d24;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 20px;
}
.ins_abont3 .center_Box .swiperInfo .swiper_box ul li .centerInfo .leftBox .list span {
  font-size: var(--font18);
  color: #333333;
  opacity: 0.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: calc(100% - 80px);
}
.ins_abont3 .center_Box .swiperInfo .swiper_box ul li .centerInfo .rightBox {
  width: 41.346%;
}
@media (max-width:990px) {
  .ins_abont3 .center_Box .swiperInfo .swiper_box {
    margin-top: 50px;
  }
  .ins_abont3 .center_Box .swiperInfo .swiper_box .centerInfo {
    flex-direction: column-reverse;
  }
  .ins_abont3 .center_Box .swiperInfo .swiper_box .centerInfo .leftBox {
    width: 100%  !important;
  }
  .ins_abont3 .center_Box .swiperInfo .swiper_box .centerInfo .rightBox {
    width: 100% !important;
    margin-top: 30px;
  }
}
.ins_abont4 {
  width: 100%;
  height: auto;
  padding-top: clamp(80px, 8.33333333vw, 160px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
  overflow: hidden;
}
.ins_abont4 .center_Box .kan_title .title {
  font-size: 36px;
  color: #333333;
}
@media (max-width:1600px) {
  .ins_abont4 .center_Box .kan_title .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .ins_abont4 .center_Box .kan_title .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .ins_abont4 .center_Box .kan_title .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .ins_abont4 .center_Box .kan_title .title {
    font-size: 20px;
  }
}
.ins_abont4 .center_Box .kan_title .details {
  font-size: 32px;
  font-family: "sy_li";
  max-width: 1000px;
  margin: auto;
  margin-top: clamp(22.5px, 2.34375vw, 45px);
}
@media (max-width:1680px) {
  .ins_abont4 .center_Box .kan_title .details {
    font-size: 28px;
  }
}
@media (max-width:1440px) {
  .ins_abont4 .center_Box .kan_title .details {
    font-size: 24px;
  }
}
@media (max-width:1280px) {
  .ins_abont4 .center_Box .kan_title .details {
    font-size: 21.33333333px;
  }
}
@media (max-width:1024px) {
  .ins_abont4 .center_Box .kan_title .details {
    font-size: 17.06666667px;
  }
}
@media (max-width:990px) {
  .ins_abont4 .center_Box .kan_title .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .ins_abont4 .center_Box .kan_title .details {
    text-align: left;
  }
}
.ins_abont4 .imagesBox {
  margin: auto;
  margin-top: clamp(50px, 5.20833333vw, 100px);
  max-width: 75%;
  text-align: center;
}
.ins_abont4 .imagesBox img {
  width: auto;
}
@media (max-width:990px) {
  .ins_abont4 .imagesBox {
    width: 100%;
  }
}
.ins_abont5 {
  width: 100%;
  height: auto;
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
  overflow: hidden;
}
.ins_abont5 .center_Box .kan_title .title {
  font-size: 36px;
  color: #333333;
}
@media (max-width:1600px) {
  .ins_abont5 .center_Box .kan_title .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .ins_abont5 .center_Box .kan_title .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .ins_abont5 .center_Box .kan_title .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .ins_abont5 .center_Box .kan_title .title {
    font-size: 20px;
  }
}
.ins_abont5 .center_Box .kan_title .details {
  font-size: 32px;
  font-family: "sy_li";
  max-width: 750px;
  margin: auto;
  margin-top: clamp(22.5px, 2.34375vw, 45px);
}
@media (max-width:1680px) {
  .ins_abont5 .center_Box .kan_title .details {
    font-size: 28px;
  }
}
@media (max-width:1440px) {
  .ins_abont5 .center_Box .kan_title .details {
    font-size: 24px;
  }
}
@media (max-width:1280px) {
  .ins_abont5 .center_Box .kan_title .details {
    font-size: 21.33333333px;
  }
}
@media (max-width:1024px) {
  .ins_abont5 .center_Box .kan_title .details {
    font-size: 17.06666667px;
  }
}
@media (max-width:990px) {
  .ins_abont5 .center_Box .kan_title .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .ins_abont5 .center_Box .kan_title .details {
    text-align: left;
  }
}
.ins_abont5 .center_Box .seleBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: clamp(25px, 2.60416667vw, 50px);
}
.ins_abont5 .center_Box .seleBox .itemBox {
  width: fit-content;
  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;
  border: 1px solid #f7f6f5;
  border-radius: 100px;
  padding: 5px;
  overflow: hidden;
}
.ins_abont5 .center_Box .seleBox .itemBox .item {
  width: auto;
  padding-left: clamp(13px, 1.35416667vw, 26px);
  padding-right: clamp(13px, 1.35416667vw, 26px);
  border-radius: 100px;
  height: 44px;
  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-family: "sy_re";
  font-size: 16px;
  color: #808080;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width:1366px) {
  .ins_abont5 .center_Box .seleBox .itemBox .item {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .ins_abont5 .center_Box .seleBox .itemBox .item {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .ins_abont5 .center_Box .seleBox .itemBox .item {
    font-size: 12px;
  }
}
.ins_abont5 .center_Box .seleBox .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 0%;
  height: 100%;
  background: #d42d24;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
}
.ins_abont5 .center_Box .seleBox .itemBox .item span {
  position: relative;
  z-index: 2;
  white-space: nowrap;
}
.ins_abont5 .center_Box .seleBox .itemBox .item span i {
  font-family: "or_re";
  font-style: normal;
}
.ins_abont5 .center_Box .seleBox .itemBox .item.active,
.ins_abont5 .center_Box .seleBox .itemBox .item:hover {
  color: #fff;
}
.ins_abont5 .center_Box .seleBox .itemBox .item.active::after,
.ins_abont5 .center_Box .seleBox .itemBox .item:hover::after {
  width: 100%;
  left: 0;
}
@media (max-width:990px) {
  .ins_abont5 .center_Box .seleBox .itemBox .item {
    height: 35px;
  }
}
.ins_abont5 .center_Box .swiperInfo {
  padding-top: clamp(30px, 3.125vw, 60px);
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent {
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .centerInfo {
  overflow: hidden;
  border-radius: clamp(10px, 1.04166667vw, 20px);
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .centerInfo .pb {
  padding-bottom: 100%;
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .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;
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .centerInfo .pb .ab img {
  width: auto;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .swiper_box .swiper-wrapper .swiper-slide .centerInfo:hover .pb .ab img {
  transform: scale(1.02);
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .pagerBox {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .pagerBox .swiper_but {
  flex-shrink: 0;
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .pagerBox .idxCri {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  background: none;
  bottom: unset !important;
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .pagerBox .idxCri span {
  color: #d42d24;
  font-size: var(--font16);
}
@media (max-width:990px) {
  .ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent {
    padding: 0 10px;
  }
  .ins_abont5 .center_Box .swiperInfo .swiper_sele ul li .swiContent .pagerBox {
    display: none !important;
  }
}
.ins_abont5 .center_Box .swiperInfo .swiper_sele ul li.swiper-slide-active .swiContent {
  opacity: 1 !important;
}
.contactCon3 {
  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.125rem, calc(((50 / 16) * 1rem) + (120 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 7.5rem);
  overflow: hidden;
}
.contactCon3 .center_Box .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;
  grid-gap: 0 20px;
}
.contactCon3 .center_Box .topBox .title {
  font-size: var(--font44);
  font-family: "sy_li";
  width: 100%;
  line-height: 1.2;
  padding-left: clamp(1.25rem, calc(((20 / 16) * 1rem) + (30 - 20) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 1.875rem);
  position: relative;
}
.contactCon3 .center_Box .topBox .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: clamp(0.3125rem, calc(((5 / 16) * 1rem) + (10 - 5) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 0.625rem);
  height: 100%;
  background: #d42d24;
}
.contactCon3 .center_Box .topBox .imagesBox {
  padding: 5px;
  border: 1px solid #e5e5e5;
  width: clamp(6.25rem, calc(((100 / 16) * 1rem) + (136 - 100) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 8.5rem);
  display: none !important;
}
.contactCon3 .center_Box .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(30px, 3.125vw, 60px) clamp(10px, 1.04166667vw, 20px);
  margin-top: clamp(3.125rem, calc(((50 / 16) * 1rem) + (100 - 50) * calc((100vw - 1024 / 16 * 1rem) / (1920 - 1024))), 6.25rem);
}
.contactCon3 .center_Box .itemBox .item .it_nav {
  font-size: var(--font26);
  font-family: "sy_me";
  line-height: 1;
}
.contactCon3 .center_Box .itemBox .item .list {
  margin-top: 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;
  grid-gap: 10px 0;
  font-size: var(--font18);
  color: #333333;
  opacity: 0.8;
}
@media (max-width:990px) {
  .contactCon3 .center_Box .topBox .title {
    width: 100%;
    max-width: 100% !important;
  }
  .contactCon3 .center_Box .topBox .imagesBox {
    display: none;
  }
  .contactCon3 .center_Box .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.aboutCon5 {
  padding: 10px 10px;
}
.aboutCon5 .center {
  padding-top: clamp(55px, 5.72916667vw, 110px);
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
  width: 100%;
  position: relative;
  background: #e7e7e728;
  border-radius: 20px;
  overflow: hidden;
}
.aboutCon5 .center .centerBox {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.aboutCon5 .center .centerBox .pro_title {
  position: relative;
  z-index: 3;
}
.aboutCon5 .center .centerBox .pro_title .content {
  color: #d42d24;
  font-family: "sy_me";
}
.aboutCon5 .center .centerBox .pro_title .subtitle {
  color: #333333;
  margin-top: clamp(12.5px, 1.30208333vw, 25px);
}
.aboutCon5 .center .centerBox .fontBoxab .number::after {
  background: linear-gradient(90deg, #00000056 10%, #00000000 100%);
}
.aboutCon5 .center .centerBox .fontBoxab .content {
  color: #333333;
  opacity: 0.8;
}
@media (max-width:990px) {
  .aboutCon5 .center .centerBox .fontBoxab {
    margin-top: 310px;
  }
}
.aboutCon5 .center .mapBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.aboutCon5 .center .mapBox .info {
  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;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.aboutCon5 .center .mapBox .info .mapContent {
  width: 80.7692%;
  position: relative;
}
@media (max-width:990px) {
  .aboutCon5 .center .mapBox .info .mapContent {
    width: 100%;
  }
}
.aboutCon5 .center .mapBox .info .mapContent .images {
  width: 100%;
}
.aboutCon5 .center .mapBox .info .mapContent .images img {
  width: 100%;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: initial;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item {
  width: 0px;
  border-radius: 50%;
  height: 0px;
  background: #fff;
  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;
  cursor: pointer;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item > i {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #d42d24;
  z-index: 3;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: 1;
  border-radius: 50%;
  border: 1px solid #d42d249a;
  background: #d42d2428;
  z-index: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: 1;
  border-radius: 50%;
  background: #d42d2480;
  animation: big_tr 3s ease-in infinite;
  z-index: 2;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item.xa {
  top: 61%;
  right: 42%;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item.kj {
  top: 71.6%;
  right: 44.96%;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item.kj::before {
  background: #ffffff42;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item.kj::after {
  background: #d42d24;
  width: 15px;
  height: 15px;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item.kj .city {
  width: 100px;
  height: 25px;
  left: auto;
  top: 13px;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item.kj > i {
  background: #fff;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item.cd {
  top: 70.6%;
  right: 50.72%;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item.sz {
  top: 86%;
  right: 32.48%;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item .city {
  color: #333333;
  position: absolute;
  min-width: 50px;
  height: auto;
  left: 17px;
  z-index: 2;
  cursor: pointer;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli {
  width: 260px;
  height: auto;
  position: absolute;
  bottom: 20px;
  left: -30px;
  border: 1px solid #ffffff3b;
  border-radius: 10px;
  backdrop-filter: blur(18px);
  padding-top: clamp(10px, 1.04166667vw, 20px);
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  padding-left: clamp(15px, 1.5625vw, 30px);
  padding-right: clamp(15px, 1.5625vw, 30px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 3;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .title {
  font-family: "sy_me";
  font-size: 16px;
  color: #333333;
  line-height: 1.3;
  padding-bottom: clamp(7.5px, 0.78125vw, 15px);
  position: relative;
}
@media (max-width:1366px) {
  .aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .title {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .title {
    font-size: 12px;
  }
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ffffff56 10%, #ffffff00 100%);
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .itBox .it {
  padding-top: clamp(5px, 0.52083333vw, 10px);
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .itBox .it a {
  font-family: "sy_re";
  font-size: 14px;
  color: #00000096;
  line-height: 1.3;
  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-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .itBox .it a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .itBox .it a {
    font-size: 12px;
  }
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .itBox .it:hover a {
  color: #d42d24;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item .anli .itBox .it:last-child a {
  color: #d42d24;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item:hover > i {
  background: #fff;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item:hover::after {
  background: #d42d24;
}
.aboutCon5 .center .mapBox .info .mapContent .itemBox .item:hover .anli {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}
.inside_productCon {
  padding-top: clamp(60px, 6.25vw, 120px);
  background-image: url(../images/img9bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.inside_productCon .centerBox {
  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;
}
.inside_productCon .centerBox .pro_title .subtitle {
  color: #fff;
  text-align: center;
}
.inside_productCon .centerBox .pro_title .content ul {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.inside_productCon .centerBox .pro_title .content ul li {
  color: #ffffff86;
  text-align: center;
  padding-left: 0;
  line-height: 1.5;
}
.inside_productCon .centerBox .imagesBox {
  width: fit-content;
  position: relative;
  margin-top: clamp(40px, 4.16666667vw, 80px);
  cursor: pointer;
}
.inside_productCon .centerBox .imagesBox .images {
  z-index: 1;
}
.inside_productCon .centerBox .imagesBox .conBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 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;
  opacity: 0.9;
  z-index: 2;
}
.inside_productCon .centerBox .imagesBox .conBox .imgBox {
  position: absolute;
  width: 99%;
  height: 79.3%;
  top: 0.8%;
  overflow: hidden;
}
.inside_productCon .centerBox .imagesBox .conBox .imgBox .beImg {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.inside_productCon .centerBox .imagesBox .conBox .imgBox .beImg .images_bg {
  width: 100%;
  height: 100%;
  background-size: auto 100%;
}
.inside_productCon .centerBox .imagesBox .conBox .imgBox .afImg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000002f;
  z-index: 3;
  top: 0;
  right: 0;
}
.inside_productCon .centerBox .imagesBox .conBox .imgBox .afImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inside_productCon .centerBox .imagesBox .conBox .imgBox .dbar {
  position: absolute;
  width: 0;
  right: 50%;
  top: 0;
  height: 100%;
  display: block;
  z-index: 4;
  cursor: pointer;
}
.inside_productCon .centerBox .imagesBox .conBox .imgBox .dbar:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/img9_bar.png") center / contain;
  width: 50px;
  height: 50px;
}
@media (max-width:990px) {
  .inside_productCon .centerBox .imagesBox .conBox .imgBox .dbar:after {
    width: 25px;
    height: 25px;
  }
}