@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 {
  position: relative;
  transition: all 1s;
  width: 100%;
  height: auto !important;
  overscroll-behavior: none;
  margin: 0;
  padding: 0;
  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;
}
.w1660 {
  width: 100%;
  max-width: 1660px;
  margin: 0 auto;
}
.w1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.w1560 {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
}
.w1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
}
.w1400,
.wrap {
  width: 100%;
  height: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.w1360,
.wrap {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  position: relative;
}
.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;
}
/* ----------------------------------------------------------字体 */
.font380 {
  font-size: 380px;
}
@media (max-width:1600px) {
  .font380 {
    font-size: 350px;
  }
}
@media (max-width:1560px) {
  .font380 {
    font-size: 310px;
  }
}
@media (max-width:1440px) {
  .font380 {
    font-size: 280px;
  }
}
@media (max-width:1366px) {
  .font380 {
    font-size: 240px;
  }
}
@media (max-width:1200px) {
  .font380 {
    font-size: 200px;
  }
}
@media (max-width:1024px) {
  .font380 {
    font-size: 180px;
  }
}
@media (max-width:768px) {
  .font380 {
    font-size: 140px;
  }
}
@media (max-width:480px) {
  .font380 {
    font-size: 120px;
  }
}
@media (max-width:360px) {
  .font380 {
    font-size: 100px;
  }
}
.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;
  }
}
.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;
  }
}
.font100 {
  font-size: 100px;
}
@media (max-width:1600px) {
  .font100 {
    font-size: 90px;
  }
}
@media (max-width:1560px) {
  .font100 {
    font-size: 80px;
  }
}
@media (max-width:1440px) {
  .font100 {
    font-size: 70px;
  }
}
@media (max-width:1366px) {
  .font100 {
    font-size: 60px;
  }
}
@media (max-width:1200px) {
  .font100 {
    font-size: 50px;
  }
}
@media (max-width:1024px) {
  .font100 {
    font-size: 40px;
  }
}
@media (max-width:768px) {
  .font100 {
    font-size: 45px;
  }
}
@media (max-width:480px) {
  .font100 {
    font-size: 40px;
  }
}
@media (max-width:360px) {
  .font100 {
    font-size: 30px;
  }
}
.font80 {
  font-size: 80px;
}
@media (max-width:1600px) {
  .font80 {
    font-size: 70px;
  }
}
@media (max-width:1366px) {
  .font80 {
    font-size: 62px;
  }
}
@media (max-width:1024px) {
  .font80 {
    font-size: 50px;
  }
}
@media (max-width:768px) {
  .font80 {
    font-size: 40px;
  }
}
@media (max-width:480px) {
  .font80 {
    font-size: 35px;
  }
}
@media (max-width:360px) {
  .font80 {
    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;
  }
}
@media (max-width:480px) {
  .font72 {
    font-size: 30px;
  }
}
@media (max-width:360px) {
  .font72 {
    font-size: 28px;
  }
}
.font64 {
  font-size: 64px;
}
@media (max-width:1600px) {
  .font64 {
    font-size: 55px;
  }
}
@media (max-width:1366px) {
  .font64 {
    font-size: 48px;
  }
}
@media (max-width:1024px) {
  .font64 {
    font-size: 40px;
  }
}
@media (max-width:768px) {
  .font64 {
    font-size: 31px;
  }
}
@media (max-width:480px) {
  .font64 {
    font-size: 28px;
  }
}
@media (max-width:360px) {
  .font64 {
    font-size: 26px;
  }
}
.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;
  }
}
@media (max-width:480px) {
  .font60 {
    font-size: 28px;
  }
}
@media (max-width:360px) {
  .font60 {
    font-size: 26px;
  }
}
.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;
  }
}
.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) {
  .w1660,
  .w1720 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1720px) {
  .w1600,
  .w1720 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1680px) {
  .w1560,
  .w1720 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1560px) {
  .w1440 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1520px) {
  .w1400,
  .wrap {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1470px) {
  .w1360,
  .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,
  .w1660,
  .w1560,
  .w1400,
  .w1360,
  .wrap,
  .w1440,
  .w1600,
  .w1280,
  .w1200,
  .w1310,
  .w1200 .w1040,
  .w1194 {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .w1800,
  .w1720,
  .w1660,
  .w1560,
  .w1400,
  .w1360,
  .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;
  }
}
/* ----------------------------------------------------------    字体 */
@font-face {
  font-family: 'ba';
  src: url('../fonts/BAHNSCHRIFT.TTF');
}
.ba {
  font-family: 'ba';
}
@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: "eu_me";
  src: url(../fonts/EuclidSquare-Medium.otf);
}
.eu_me {
  font-family: "eu_me";
}
@font-face {
  font-family: "eu_re";
  src: url(../fonts/EuclidSquare-Regular.otf);
}
.eu_re {
  font-family: "eu_re";
}
@font-face {
  font-family: "eu_bo";
  src: url(../fonts/EuclidSquare-SemiBold.otf);
}
.eu_bo {
  font-family: "eu_bo";
}
@font-face {
  font-family: "pri";
  src: url(../fonts/PRIMETYPE-ZUPRASANS-EXBOLF.TTF);
}
.pri {
  font-family: "pri";
}
@font-face {
  font-family: "dinbt";
  src: url(../fonts/DIN-BlackItalic.otf);
}
.dinbt {
  font-family: "dinbt";
}
@font-face {
  font-family: "dinb";
  src: url(../fonts/DINCond-Black.otf);
}
.dinb {
  font-family: "dinb";
}
@font-face {
  font-family: "din_me";
  src: url(../fonts/DINMEDIUM.OTF);
}
.din_me {
  font-family: "din_me";
}
/* ----------------------------------------------------------    主题色 */
/* ----------------------------------------------------------   视频弹窗 */
.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: #005ca1;
  -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: #005ca1;
  color: #fff;
}
.videobox .video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.videobox .video video,
.videobox .video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  object-fit: fill;
}
@media (max-width:1440px) {
  .videobox {
    max-width: 70%;
  }
}
@media (max-width:768px) {
  .videobox {
    width: 100%;
    max-width: 100%;
  }
  .videobox .close {
    right: 0;
    top: -40px;
  }
}
/* ----------------------------------------------------------    手机端导航 */
.m_header_box {
  width: 100%;
  height: auto;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  box-shadow: 0 1px 0 #eee;
}
.m_header_box 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: #005ca1;
}
.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: #005ca1;
}
.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: #005ca1;
}
.m_header_box .header_body .menu_nav ul li .one.active .icon {
  color: #005ca1;
}
.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 #005ca1;
  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: #005ca1;
}
.m_header_box .header_body .menu_nav ul li ul li a.active .icon {
  color: #005ca1;
}
.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: #005ca1;
}
.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: #005ca1;
}
.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: #005ca1;
  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;
  }
}
/* PC端导航 */
.header_box {
  height: 88px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
  transition: all 0.5s;
  background: #fff;
  box-shadow: 0 0 10px 0 #e5e5e5;
}
.header_box.active {
  background: white;
  border-bottom: 1px solid #f7f7f8;
}
.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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.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;
  padding-left: clamp(20px, 2.08333333vw, 40px);
}
.header_box .header_main .search_box {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  /* 搜索 */
  /* 搜索 end*/
}
.header_box .header_main .search_box .nav_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  grid-gap: clamp(0px, 0vw, 0px) clamp(24px, 2.5vw, 48px);
  margin-right: clamp(30px, 3.125vw, 60px);
}
.header_box .header_main .search_box .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;
}
.header_box .header_main .search_box .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: 16px;
  color: #000000;
  position: relative;
  transition: all 0.3s;
}
@media (max-width:1366px) {
  .header_box .header_main .search_box .nav_item > .item > a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .search_box .nav_item > .item > a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .search_box .nav_item > .item > a {
    font-size: 12px;
  }
}
.header_box .header_main .search_box .nav_item > .item > a::after {
  content: '';
  position: absolute;
  top: calc(50% + 20px);
  right: 0;
  width: 0%;
  height: 2px;
  background: #005ca1;
  transition: all 0.5s;
}
.header_box .header_main .search_box .nav_item > .item > a:hover::after {
  width: 100%;
  left: 0;
}
.header_box .header_main .search_box .nav_item > .item.active > a::after {
  width: 100%;
  left: 0;
}
.header_box .header_main .search_box .nav_item > .item .nav_list {
  min-width: 150px;
  background: white;
  position: absolute;
  top: 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;
  transform: translateY(10px);
  opacity: 0;
  border: 1px solid #e5e5e5;
  visibility: hidden;
}
.header_box .header_main .search_box .nav_item > .item .nav_list .item {
  padding: 0 20px;
}
.header_box .header_main .search_box .nav_item > .item .nav_list .item a {
  font-size: 14px;
  color: #666666;
  font-family: "sy_re";
  position: relative;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width:1366px) {
  .header_box .header_main .search_box .nav_item > .item .nav_list .item a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .search_box .nav_item > .item .nav_list .item a {
    font-size: 12px;
  }
}
.header_box .header_main .search_box .nav_item > .item .nav_list .item a::after {
  content: '';
  position: absolute;
  bottom: 3px;
  right: 0;
  width: 0%;
  height: 2px;
  background: #005ca1;
  transition: all 0.5s;
}
.header_box .header_main .search_box .nav_item > .item .nav_list .item a:hover::after {
  width: 100%;
  left: 0;
}
.header_box .header_main .search_box .nav_item > .item .nav_list .item .nav_lista {
  position: absolute;
  top: 100%;
  width: max-content;
  background: white;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  border: 1px solid #e5e5e5;
  left: -1px;
}
.header_box .header_main .search_box .nav_item > .item .nav_list .item:hover .nav_lista {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.3s;
}
.header_box .header_main .search_box .nav_item > .item:hover .nav_list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.3s;
}
.header_box .header_main .search_box .search {
  height: 100%;
  width: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-left: 1px solid #e5e5e5;
}
.header_box .header_main .search_box .search .images i::before {
  font-size: 20px;
  color: #005ca1;
}
@media (max-width:1600px) {
  .header_box .header_main .search_box .search .images i::before {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .header_box .header_main .search_box .search .images i::before {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .search_box .search .images i::before {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .search_box .search .images i::before {
    font-size: 13px;
  }
}
.header_box .header_main .search_box .search .search_input {
  position: absolute;
  top: 100%;
  width: 100vw;
  height: 200px;
  right: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #fffffff3;
  overflow: hidden;
  border-top: 2px solid #e5e5e5;
  display: -webkit-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 .search_box .search .search_input .boxInput {
  width: 100%;
  max-width: 660px;
  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;
  border-bottom: 2px solid #e1e1e1;
}
.header_box .header_main .search_box .search .search_input .boxInput input {
  width: 100%;
  border: 0;
  padding-left: 10px;
  height: 100%;
  background: none;
  font-size: 16px;
  font-family: "sy_re";
}
@media (max-width:1366px) {
  .header_box .header_main .search_box .search .search_input .boxInput input {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .search_box .search .search_input .boxInput input {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .search_box .search .search_input .boxInput input {
    font-size: 12px;
  }
}
.header_box .header_main .search_box .search .search_input .boxInput 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;
  font-size: 18px;
  flex-shrink: 0;
  font-size: 20px;
}
@media (max-width:1600px) {
  .header_box .header_main .search_box .search .search_input .boxInput i {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .header_box .header_main .search_box .search .search_input .boxInput i {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .header_box .header_main .search_box .search .search_input .boxInput i {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .header_box .header_main .search_box .search .search_input .boxInput i {
    font-size: 13px;
  }
}
.header_box .header_main .search_box .search:hover .search_input {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.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: 50px;
}
.header_box .header_main .search_box .language .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0 3px;
}
.header_box .header_main .search_box .language .title i {
  transform: scale(0.6);
}
.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);
  z-index: 3;
}
.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: #005ca1;
}
@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: #005ca1;
}
.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;
}
.header_box .header_main .search_box .menu_list {
  height: 100%;
  -webkit-aspect-ratio: 1;
  aspect-ratio: 1;
  border-left: 1px solid #e5e5e5;
  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: 3px 0;
  -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;
}
.header_box .header_main .search_box .menu_list i {
  width: 25px;
  height: 3px;
  background: #005ca1;
}
@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: 80px;
  display: block;
}
@media (max-width:990px) {
  .header_nbsp {
    display: none;
  }
}
/* PC端导航end */
/* 首页公共标题 */
.idx_title .title {
  font-size: 20px;
  color: #005ca1;
  font-family: "sy_bo";
  line-height: 1;
}
@media (max-width:1600px) {
  .idx_title .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .idx_title .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .idx_title .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .idx_title .title {
    font-size: 13px;
  }
}
.idx_title .subtitle {
  font-size: 36px;
  font-family: "sy_bo";
  color: #000;
  line-height: 1.4;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1600px) {
  .idx_title .subtitle {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .idx_title .subtitle {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .idx_title .subtitle {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .idx_title .subtitle {
    font-size: 20px;
  }
}
@media (max-width:990px) {
  .idx_title .subtitle {
    line-height: 1.5;
  }
}
.idx_title .content {
  font-size: 16px;
  font-family: "sy_li";
  color: #020c1e;
  line-height: 1;
}
@media (max-width:1366px) {
  .idx_title .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_title .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .idx_title .content {
    font-size: 12px;
  }
}
.idx_title .contentab {
  font-size: 20px;
  font-family: "sy_me";
  color: #333333;
  line-height: 1.8;
  margin-top: clamp(30px, 3.125vw, 60px);
}
@media (max-width:1600px) {
  .idx_title .contentab {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .idx_title .contentab {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .idx_title .contentab {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .idx_title .contentab {
    font-size: 13px;
  }
}
.idx_title .contentab span {
  color: #005ca1;
}
.idx_titBox .title {
  font-family: "sy_bo";
  font-size: 36px;
  color: #fff;
  line-height: 1;
}
@media (max-width:1600px) {
  .idx_titBox .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .idx_titBox .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .idx_titBox .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .idx_titBox .title {
    font-size: 20px;
  }
}
.idx_titBox .subtitle {
  font-family: "sy_re";
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1366px) {
  .idx_titBox .subtitle {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_titBox .subtitle {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .idx_titBox .subtitle {
    font-size: 12px;
  }
}
.idx_button {
  margin-top: clamp(30px, 3.125vw, 60px);
  width: fit-content;
}
.idx_button a {
  min-width: 140px;
  height: 48px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: "sy_me";
  font-size: 14px;
  color: #020c1e;
  background: white;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  padding: 5px 20px;
}
@media (max-width:1366px) {
  .idx_button a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .idx_button a {
    font-size: 12px;
  }
}
.idx_button a span {
  position: relative;
  z-index: 2;
}
.idx_button a i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 12px;
  color: #005ca1;
  border-radius: 50%;
  margin-left: clamp(7.5px, 0.78125vw, 15px);
  z-index: 2;
  transform: scale(0.8);
}
.idx_button a::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  background: #005ca1;
  transition: all 0.5s;
}
.idx_button a:hover {
  color: white;
  background: none;
}
.idx_button a:hover::after {
  height: 100%;
  left: 0;
  z-index: 1;
}
@media (max-width:1200px) {
  .idx_button a {
    min-width: 120px;
    height: 44px;
  }
}
@media (max-width:990px) {
  .idx_button a {
    min-width: 100px;
    height: 35px;
  }
}
.idxPage {
  display: none;
}
@media (max-width:990px) {
  .idxPage {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    grid-gap: 0 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 10px;
  }
}
/* 首页banner */
.idx_banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #000;
}
.idx_banner .swiperban_box {
  position: relative;
  z-index: 1;
}
.idx_banner .swiperban_box .swiper_idxBanner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .centent {
  position: absolute;
  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-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  z-index: 2;
  margin: auto;
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .images {
  width: 50%;
  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;
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .images img {
  transform: rotate(-40deg);
  opacity: 0;
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box {
  width: 50%;
  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;
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .title {
  font-family: "eu_bo";
  color: white;
  font-size: 80px;
  line-height: 1;
}
@media (max-width:1600px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .title {
    font-size: 70px;
  }
}
@media (max-width:1366px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .title {
    font-size: 62px;
  }
}
@media (max-width:1024px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .title {
    font-size: 50px;
  }
}
@media (max-width:768px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .title {
    font-size: 40px;
  }
}
@media (max-width:480px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .title {
    font-size: 35px;
  }
}
@media (max-width:360px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .title {
    font-size: 30px;
  }
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .subtitle {
  font-family: "sy_bo";
  color: white;
  font-size: 48px;
  line-height: 1;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1600px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .subtitle {
    font-size: 42px;
  }
}
@media (max-width:1366px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .subtitle {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .subtitle {
    font-size: 32px;
  }
}
@media (max-width:768px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .subtitle {
    font-size: 28px;
  }
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .content {
  font-family: "sy_re";
  color: white;
  font-size: 20px;
  line-height: 1.5;
  margin-top: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:1600px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .content {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .content {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .content {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .content {
    font-size: 13px;
  }
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .content ~ .idx_button {
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
@media (max-width:990px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .title {
    padding: 0 50px;
    line-height: 1.3;
    text-align: center;
  }
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .subtitle {
    padding: 0 50px;
    line-height: 1.3;
    text-align: center;
  }
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info .content {
    text-align: center;
  }
}
@media (max-width:990px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box .info {
    display: -webkit-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-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width:990px) {
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent {
    justify-content: start !important;
    padding-top: 30px;
  }
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .images.pc {
  position: relative;
  z-index: 1;
  max-height: 100vh;
  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;
  overflow: hidden;
}
.idx_banner .swiperban_box .swiper_idxBanner ul li .images.pc img {
  display: block;
  max-width: unset;
  width: 100%;
  transform: scale(1);
}
.idx_banner .swiperban_box .swiper_idxBanner ul li.swiper-slide-active .centent .cenBox .images img {
  transform: rotate(0deg) !important;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  opacity: 1 !important;
}
.idx_banner .swiperban_box .idxPage {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: auto;
  bottom: 14%;
}
@media (max-width:990px) {
  .idx_banner .swiperban_box .idxPage span {
    width: 8px !important;
    height: 8px !important;
  }
  .idx_banner .swiperban_box .idxPage span::before {
    opacity: 0;
  }
  .idx_banner .swiperban_box .idxPage span::after {
    opacity: 1 !important;
  }
}
@media (max-width:768px) {
  .idx_banner .swiperban_box .idxPage {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 10px;
  }
}
@media (max-width:990px) {
  .idx_banner .swiperban_box .swiper_idxBanner {
    min-height: auto;
  }
  .idx_banner .swiperban_box .swiper_idxBanner ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent {
    height: 100%;
  }
  .idx_banner .swiperban_box .swiper_idxBanner ul li .images.mobile {
    position: relative;
    z-index: 1;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
  }
  .idx_banner .swiperban_box .swiper_idxBanner ul li .images.mobile img {
    display: block;
    max-height: unset;
    width: 100%;
  }
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .images {
    display: none;
  }
  .idx_banner .swiperban_box .swiper_idxBanner ul li .centent .cenBox .box {
    width: 100%;
  }
}
/* 首页 产品 */
.idx_product {
  padding-top: clamp(60px, 6.25vw, 120px);
  background-color: #ffffff;
}
.idx_product .idx_nav {
  border-top: 1px solid #e5e5e5;
  margin-top: clamp(30px, 3.125vw, 60px);
}
.idx_product .idx_nav .navBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: auto;
}
.idx_product .idx_nav .navBox .item {
  font-size: 20px;
  color: #666666;
  font-family: "sy_bo";
  display: -webkit-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: 1;
  height: 80px;
  position: relative;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  cursor: pointer;
  min-width: 80px;
}
@media (max-width:1600px) {
  .idx_product .idx_nav .navBox .item {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .idx_product .idx_nav .navBox .item {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .idx_product .idx_nav .navBox .item {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .idx_product .idx_nav .navBox .item {
    font-size: 13px;
  }
}
.idx_product .idx_nav .navBox .item span {
  position: relative;
  z-index: 2;
}
.idx_product .idx_nav .navBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background: #005ca1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_product .idx_nav .navBox .item.active,
.idx_product .idx_nav .navBox .item:hover {
  color: white;
}
.idx_product .idx_nav .navBox .item.active::after,
.idx_product .idx_nav .navBox .item:hover::after {
  height: 100%;
  top: 0;
}
@media (max-width:990px) {
  .idx_product .idx_nav .navBox .item {
    height: 40px;
  }
}
.idx_product .productSwiper {
  background: #f2f2f2;
  width: 100%;
  position: relative;
}
.idx_product .productSwiper .swiper_box {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.idx_product .productSwiper .swiper_box ul li .swiBox {
  position: relative;
  z-index: 3;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .contentBox {
  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;
  z-index: 1;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .contentBox .swiCon1 {
  position: absolute;
  transform: translateY(-35%);
  z-index: 2;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .contentBox .images {
  width: 100%;
  opacity: 0;
  position: relative;
  z-index: 1;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .contentBox .images img {
  width: 100%;
  min-height: 300px;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa {
  transform: translateY(-50%);
  position: relative;
  z-index: 2;
  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;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiInfo {
  overflow: hidden;
  width: 100%;
  padding-bottom: 40px;
  padding-top: 10px;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product {
  width: 100%;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide::after {
  content: '';
  position: absolute;
  bottom: -40px;
  width: 0%;
  height: 2px;
  background: #005ca1;
  transition: all 0.5s;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 {
  background: white;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: clamp(17.5px, 1.82291667vw, 35px);
  grid-gap: clamp(0px, 0vw, 0px) clamp(17px, 1.77083333vw, 34px);
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .images {
  max-width: 125px;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .title {
  font-size: 24px;
  font-family: "sy_bo";
  line-height: 1;
  color: #000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .title {
    font-size: 15px;
  }
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .subtitle {
  font-family: "eu_me";
  font-size: 16px;
  color: #666666;
  line-height: 1;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1366px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .subtitle {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .subtitle {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .subtitle {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .subtitle {
    line-height: 1.8;
  }
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2 .titb .more {
  color: #005ca1;
  margin-top: 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;
  grid-gap: 0 5px;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2:hover {
  transform: translateY(-10px);
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .swiper_product .swiper-wrapper .swiper-slide .con2:hover .titb .title {
  color: #005ca1;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but {
  position: absolute;
  width: 1em;
  height: 1em;
  font-size: 60px;
  background: white;
  z-index: 2;
  cursor: pointer;
  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;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but {
    font-size: 50px;
  }
}
@media (max-width:1366px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but {
    font-size: 45px;
  }
}
@media (max-width:1024px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but {
    font-size: 30px;
  }
}
@media (max-width:480px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but {
    font-size: 28px;
  }
}
@media (max-width:360px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but {
    font-size: 26px;
  }
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but.prev {
  right: 0;
  transform: translateX(calc(100% + 1.04vw));
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but.next {
  left: 0;
  transform: translateX(calc(-100% - 1.04vw)) rotate(180deg);
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but:hover {
  background: #005ca1;
  color: white;
}
@media (max-width:1800px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but.prev {
    transform: translateX(0%);
  }
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but.next {
    transform: translateX(0%) rotate(180deg);
  }
}
@media (max-width:990px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idx_but {
    display: none;
  }
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idxPages {
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #e5e5e5;
  padding: 0;
  overflow: hidden;
}
.idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa .idxPages .swiper-pagination-progressbar-fill {
  background: #005ca1;
}
@media (max-width:990px) {
  .idx_product .productSwiper .swiper_box ul li .swiBox .swiper_boxa {
    transform: translateY(-30%);
  }
}
.idx_product .productSwiper .imagesabso {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
}
.idx_product .productSwiper .imagesabso img {
  min-height: 300px;
  object-fit: cover;
}
/* 首页 应用场景 */
.idx_app {
  padding-top: clamp(60px, 6.25vw, 120px);
}
.idx_app .idx_title {
  margin-bottom: clamp(30px, 3.125vw, 60px);
}
.idx_app .idx_title .title {
  text-align: center;
}
.idx_app .idx_title .subtitle {
  text-align: center;
}
.idx_app .appCont {
  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;
  width: 100%;
}
.idx_app .appCont .appSwipera {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #000;
}
.idx_app .appCont .appSwipera ul {
  --offsetValue: 0, 200;
  --offsetUnit: "%";
}
.idx_app .appCont .appSwipera ul li .images {
  width: 100%;
}
.idx_app .appCont .appSwipera ul li .images img {
  width: 100%;
  min-height: 300px;
}
.idx_app .appCont .swiperBoxApp {
  position: absolute;
  top: 0;
  z-index: 3;
  height: 100%;
}
.idx_app .appCont .swiperBoxApp .appSwiperb {
  margin-top: clamp(95px, 9.89583333vw, 190px);
  width: 100%;
}
.idx_app .appCont .swiperBoxApp .appSwiperb .swiper_box {
  width: 100%;
}
.idx_app .appCont .swiperBoxApp .appSwiperb .swiper_box ul li {
  width: 100% !important;
}
.idx_app .appCont .swiperBoxApp .itemBox {
  margin-top: clamp(85px, 8.85416667vw, 170px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(30px, 3.125vw, 60px);
}
.idx_app .appCont .swiperBoxApp .itemBox .item {
  padding-top: clamp(25px, 2.60416667vw, 50px);
  padding-bottom: clamp(12.5px, 1.30208333vw, 25px);
  display: -webkit-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-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.idx_app .appCont .swiperBoxApp .itemBox .item .number {
  font-family: "pri";
  position: absolute;
  top: 0;
  transform: translateY(-20%);
  z-index: 2;
  font-size: 60px;
  line-height: 1;
  color: white;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .number {
    font-size: 50px;
  }
}
@media (max-width:1366px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .number {
    font-size: 45px;
  }
}
@media (max-width:1024px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .number {
    font-size: 38px;
  }
}
@media (max-width:768px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .number {
    font-size: 30px;
  }
}
@media (max-width:480px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .number {
    font-size: 28px;
  }
}
@media (max-width:360px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .number {
    font-size: 26px;
  }
}
.idx_app .appCont .swiperBoxApp .itemBox .item .images {
  max-width: 30%;
  z-index: 2;
  position: relative;
}
.idx_app .appCont .swiperBoxApp .itemBox .item .name {
  margin-top: clamp(10px, 1.04166667vw, 20px);
  font-size: 18px;
  font-family: "sy_re";
  color: white;
  line-height: 1;
  z-index: 2;
  position: relative;
}
@media (max-width:1600px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .name {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .name {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item .name {
    font-size: 12px;
  }
}
.idx_app .appCont .swiperBoxApp .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0px;
  background: #005ca1;
  transition: all 0.5s;
  z-index: 0;
}
.idx_app .appCont .swiperBoxApp .itemBox .item::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 100%;
  background: url(../images/sy.png) no-repeat center center;
  width: 60px;
  height: 100%;
  transition: all 0.5s;
}
.idx_app .appCont .swiperBoxApp .itemBox .item:hover::after {
  width: 100%;
  left: 0;
}
.idx_app .appCont .swiperBoxApp .itemBox .item:hover .number,
.idx_app .appCont .swiperBoxApp .itemBox .item.active .number {
  opacity: 1;
  transform: translateY(-50%);
}
.idx_app .appCont .swiperBoxApp .itemBox .item:hover::after,
.idx_app .appCont .swiperBoxApp .itemBox .item.active::after {
  height: 100%;
  top: 0;
}
.idx_app .appCont .swiperBoxApp .itemBox .item:last-child::before {
  opacity: 0;
  display: none;
}
@media (max-width:990px) {
  .idx_app .appCont .swiperBoxApp .itemBox .item {
    height: 100px;
  }
}
@media (max-width:990px) {
  .idx_app .appCont .swiperBoxApp {
    position: static;
  }
  .idx_app .appCont .swiperBoxApp .appSwiperb {
    position: absolute;
    z-index: 5;
    top: 0;
    width: 100%;
    margin-top: 0;
    height: 300px;
    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;
    padding: 0 20px;
  }
  .idx_app .appCont .swiperBoxApp .itemBox {
    margin-top: 0;
    grid-gap: clamp(5px, 0.52083333vw, 10px) clamp(15px, 1.5625vw, 30px);
    grid-template-columns: repeat(3, 1fr);
  }
  .idx_app .appCont .swiperBoxApp .itemBox .item {
    padding-top: clamp(10px, 1.04166667vw, 20px);
    padding-bottom: clamp(7.5px, 0.78125vw, 15px);
  }
  .idx_app .appCont .swiperBoxApp .itemBox .item .number {
    color: #000 !important;
    display: none;
  }
  .idx_app .appCont .swiperBoxApp .itemBox .item .images {
    filter: brightness(0) invert(0);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    max-width: 25px;
  }
  .idx_app .appCont .swiperBoxApp .itemBox .item .name {
    color: #000 !important;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .idx_app .appCont .swiperBoxApp .itemBox .item:hover .name,
  .idx_app .appCont .swiperBoxApp .itemBox .item.active .name {
    color: #005ca1 !important;
  }
  .idx_app .appCont .swiperBoxApp .itemBox .item:hover .images,
  .idx_app .appCont .swiperBoxApp .itemBox .item.active .images {
    filter: brightness(0) invert(0);
  }
  .idx_app .appCont .swiperBoxApp .itemBox .item:hover::after,
  .idx_app .appCont .swiperBoxApp .itemBox .item.active::after {
    opacity: 0 !important;
    height: 0 !important;
  }
}
@media (max-width:990px) {
  .idx_app .appCont {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
@keyframes scalea {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(7);
    opacity: 0;
  }
}
@keyframes scaleb {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(10);
    opacity: 0;
  }
}
@keyframes scalec {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(13);
    opacity: 0;
  }
}
@keyframes scaled {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(16);
    opacity: 0;
  }
}
@keyframes scalef {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
/* 首页 全球营销网络 */
.idx_world {
  background: #e5eef5;
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(110px, 11.45833333vw, 220px);
  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;
}
.idx_world .mapBox {
  position: absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  padding-top: clamp(105px, 10.9375vw, 210px);
  overflow: hidden;
}
.idx_world .mapBox .swiper_boxa ul li {
  width: 0;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont {
  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;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images {
  position: relative;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #005ca1;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it span {
  position: absolute;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: max-content;
  transform: translateY(-25px);
  top: 0;
  font-size: 16px;
  font-family: "sy_bo";
  color: #000;
  z-index: 2;
}
@media (max-width:1366px) {
  .idx_world .mapBox .swiper_boxa ul li .mapCont .images .it span {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_world .mapBox .swiper_boxa ul li .mapCont .images .it span {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .idx_world .mapBox .swiper_boxa ul li .mapCont .images .it span {
    font-size: 12px;
  }
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.i1 {
  top: 54.5%;
  left: 35%;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.i2 {
  top: 60%;
  left: 30%;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.i3 {
  top: 45.11%;
  left: 31.76%;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.i4 {
  top: 41.07%;
  left: 36.54%;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.i5 {
  top: 45.79%;
  left: 38.78%;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.i6 {
  top: 44.78%;
  left: 41.92%;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #005ba16c;
  animation-name: scalea;
  /*关键帧名称*/
  animation-iteration-count: infinite;
  /*动画播放的次数*/
  animation-duration: 2.5s;
  /*动画所花费的时间*/
  z-index: 0;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.active::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #005ba16c;
  animation-name: scaleb;
  /*关键帧名称*/
  animation-iteration-count: infinite;
  /*动画播放的次数*/
  animation-duration: 3.8s;
  /*动画所花费的时间*/
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.active i {
  position: relative;
  width: 8px;
  height: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.active i::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #005ba16c;
  animation-name: scalec;
  /*关键帧名称*/
  animation-iteration-count: infinite;
  /*动画播放的次数*/
  animation-duration: 4.2s;
  /*动画所花费的时间*/
  z-index: 0;
}
.idx_world .mapBox .swiper_boxa ul li .mapCont .images .it.active i::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #005ba16c;
  animation-name: scaled;
  /*关键帧名称*/
  animation-iteration-count: infinite;
  /*动画播放的次数*/
  animation-duration: 5.5s;
  /*动画所花费的时间*/
}
.idx_world .ocnt_box {
  position: relative;
  z-index: 2;
}
.idx_world .ocnt_box .worldBox .worldCon {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.idx_world .ocnt_box .worldBox .worldCon .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 100px;
  overflow: hidden;
  width: fit-content;
  border: 1px solid #dcdcdc;
  background: #ffffff;
}
.idx_world .ocnt_box .worldBox .worldCon .itemBox .item {
  width: 200px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: "sy_me";
  font-size: 18px;
  line-height: 1;
  color: #000;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
@media (max-width:1600px) {
  .idx_world .ocnt_box .worldBox .worldCon .itemBox .item {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .idx_world .ocnt_box .worldBox .worldCon .itemBox .item {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_world .ocnt_box .worldBox .worldCon .itemBox .item {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .idx_world .ocnt_box .worldBox .worldCon .itemBox .item {
    font-size: 12px;
  }
}
.idx_world .ocnt_box .worldBox .worldCon .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: #005ca1;
  transition: all 0.5s;
}
.idx_world .ocnt_box .worldBox .worldCon .itemBox .item span {
  z-index: 2;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_world .ocnt_box .worldBox .worldCon .itemBox .item:hover,
.idx_world .ocnt_box .worldBox .worldCon .itemBox .item.active {
  color: white;
}
.idx_world .ocnt_box .worldBox .worldCon .itemBox .item:hover::after,
.idx_world .ocnt_box .worldBox .worldCon .itemBox .item.active::after {
  width: 100%;
  left: 0;
}
@media (max-width:990px) {
  .idx_world .ocnt_box .worldBox .worldCon .itemBox {
    margin-top: 50px;
  }
  .idx_world .ocnt_box .worldBox .worldCon .itemBox .item {
    width: 90px;
    height: 40px;
  }
}
.idx_world .ocnt_box .worldBox .worldCon .swiper_box {
  margin-top: clamp(50px, 5.20833333vw, 100px);
  overflow: hidden;
}
.idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .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;
  grid-gap: clamp(30px, 3.125vw, 60px) clamp(0px, 0vw, 0px);
}
.idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title {
  font-family: 'ba';
  line-height: 1;
  color: #005ca1;
  font-size: 80px;
}
@media (max-width:1600px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title {
    font-size: 70px;
  }
}
@media (max-width:1366px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title {
    font-size: 62px;
  }
}
@media (max-width:1024px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title {
    font-size: 50px;
  }
}
@media (max-width:768px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title {
    font-size: 40px;
  }
}
@media (max-width:480px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title {
    font-size: 35px;
  }
}
@media (max-width:360px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title {
    font-size: 30px;
  }
}
.idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title span {
  font-family: "sy_bo";
  line-height: 1;
  color: #005ca1;
  font-size: 24px;
}
@media (max-width:1600px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title span {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title span {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title span {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .title span {
    font-size: 15px;
  }
}
.idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .subtitle {
  font-family: "eu_re";
  font-size: 16px;
  color: #666666;
  line-height: 1;
}
@media (max-width:1366px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .subtitle {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .subtitle {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .idx_world .ocnt_box .worldBox .worldCon .swiper_box ul li .center .item .subtitle {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .idx_world .ocnt_box .worldBox .worldCon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width:990px) {
  .idx_world {
    padding-bottom: 50px;
  }
}
/* 首页 新闻 */
.idx_news {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(80px, 8.33333333vw, 160px);
}
.idx_news .newNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.idx_news .newNav .idx_bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 10px;
}
.idx_news .newNav .idx_bot > div {
  width: 60px;
  height: 60px;
  border: 1px solid #dcdcdc;
  flex-shrink: 0;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_news .newNav .idx_bot > div i::before {
  font-size: 22px;
}
@media (max-width:1600px) {
  .idx_news .newNav .idx_bot > div i::before {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .idx_news .newNav .idx_bot > div i::before {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .idx_news .newNav .idx_bot > div i::before {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .idx_news .newNav .idx_bot > div i::before {
    font-size: 14px;
  }
}
.idx_news .newNav .idx_bot > div:hover {
  background: #005ca1;
  color: #fff;
  border: 1px solid #005ca1;
}
@media (max-width:990px) {
  .idx_news .newNav .idx_bot {
    display: none;
  }
}
.idx_news .swiperBox {
  overflow: hidden;
  padding-top: clamp(30px, 3.125vw, 60px);
}
.idx_news .swiperBox .swiper_box ul li {
  height: auto;
}
.idx_news .swiperBox .swiper_box ul li .center {
  height: 100%;
}
.idx_news .itemBox {
  margin-top: 20px;
}
.idx_news .itemBox .item {
  margin-bottom: 15px;
}
.idx_news .idx_button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.idx_news .idx_button a {
  border: 1px solid #005ca1;
  width: fit-content;
}
.idx_news .center {
  padding-bottom: clamp(30px, 3.125vw, 60px);
  border-bottom: 1px #e5e5e5 solid;
  display: block;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_news .center .pb {
  padding-bottom: 47%;
  overflow: hidden;
}
.idx_news .center .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.idx_news .center .title {
  margin-top: clamp(20px, 2.08333333vw, 40px);
  font-size: 20px;
  font-family: "sy_me";
  line-height: 1;
  color: #000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .idx_news .center .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .idx_news .center .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .idx_news .center .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .idx_news .center .title {
    font-size: 13px;
  }
}
.idx_news .center .time {
  margin-top: clamp(7.5px, 0.78125vw, 15px);
  font-size: 18px;
  font-family: "eu_re";
  color: #afbcc6;
  line-height: 1;
}
@media (max-width:1600px) {
  .idx_news .center .time {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .idx_news .center .time {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_news .center .time {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .idx_news .center .time {
    font-size: 12px;
  }
}
.idx_news .center .content {
  margin-top: clamp(20px, 2.08333333vw, 40px);
  font-size: 16px;
  font-family: "sy_re";
  color: #666666;
  line-height: 1.8;
}
@media (max-width:1366px) {
  .idx_news .center .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .idx_news .center .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .idx_news .center .content {
    font-size: 12px;
  }
}
.idx_news .center:hover {
  transform: translateY(-10px);
}
.idx_news .center:hover .pb .ab img {
  transform: scale(1.02);
}
.idx_news .center:hover .title {
  color: #005ca1;
}
/* 首页 底部 */
.footer {
  background: #f2f2f2;
  padding-top: clamp(30px, 3.125vw, 60px);
}
.footer .footContent .fooTop {
  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(60px, 6.25vw, 120px);
  border-bottom: 1px solid #e5e5e5;
}
.footer .footContent .fooTop .left .dhhm {
  margin-top: clamp(20px, 2.08333333vw, 40px);
}
.footer .footContent .fooTop .left .dhhm a {
  font-family: "eu_me";
  font-size: 16px;
  color: #888888;
  line-height: 1.8;
}
@media (max-width:1366px) {
  .footer .footContent .fooTop .left .dhhm a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .fooTop .left .dhhm a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .footer .footContent .fooTop .left .dhhm a {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .footer .footContent .fooTop .left .dhhm {
    text-align: center;
    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 30px;
  }
}
.footer .footContent .fooTop .left .dizhi {
  margin-top: clamp(20px, 2.08333333vw, 40px);
}
.footer .footContent .fooTop .left .dizhi a {
  font-family: "sy_me";
  font-size: 16px;
  color: #888888;
  line-height: 1;
}
@media (max-width:1366px) {
  .footer .footContent .fooTop .left .dizhi a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .fooTop .left .dizhi a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .footer .footContent .fooTop .left .dizhi a {
    font-size: 12px;
  }
}
.footer .footContent .fooTop .left .codeBox {
  margin-top: clamp(20px, 2.08333333vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 20px;
}
.footer .footContent .fooTop .left .codeBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #dcdcdc;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
}
.footer .footContent .fooTop .left .codeBox a i::before {
  color: #000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.footer .footContent .fooTop .left .codeBox a:hover {
  background: #005ca1;
}
.footer .footContent .fooTop .left .codeBox a:hover i::before {
  color: #ffffff;
}
.footer .footContent .fooTop .left .codeBox a .code {
  position: absolute;
  bottom: calc(100% + 20px);
  width: 120px;
  background: white;
  padding: 3px;
  display: -webkit-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;
  transform: translateY(10px);
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.footer .footContent .fooTop .left .codeBox a .code img {
  width: 100%;
}
.footer .footContent .fooTop .left .codeBox a .code::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 11px 0 11px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 100%;
}
.footer .footContent .fooTop .left .codeBox a:hover .code {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
}
@media (max-width:990px) {
  .footer .footContent .fooTop .left .codeBox {
    display: none;
  }
}
.footer .footContent .fooTop .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 55.12%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer .footContent .fooTop .right .item .title {
  margin-bottom: clamp(14px, 1.45833333vw, 28px);
}
.footer .footContent .fooTop .right .item .title a {
  color: #686a77;
  font-size: 16px;
  font-family: "sy_bo";
  line-height: 1;
}
@media (max-width:1366px) {
  .footer .footContent .fooTop .right .item .title a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .fooTop .right .item .title a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .footer .footContent .fooTop .right .item .title a {
    font-size: 12px;
  }
}
.footer .footContent .fooTop .right .item .subtit a {
  width: auto;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #888888;
  font-size: 14px;
  font-family: "sy_me";
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .footer .footContent .fooTop .right .item .subtit a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .fooTop .right .item .subtit a {
    font-size: 12px;
  }
}
.footer .footContent .fooTop .right .item .subtit a:hover {
  color: #005ca1;
  transform: translateX(10px);
}
@media (max-width:990px) {
  .footer .footContent .fooTop .right .item .subtit {
    display: none;
  }
}
@media (max-width:990px) {
  .footer .footContent .fooTop {
    padding-bottom: clamp(15px, 1.5625vw, 30px);
  }
  .footer .footContent .fooTop .left {
    width: 100%;
  }
  .footer .footContent .fooTop .left .logoFooter {
    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;
  }
  .footer .footContent .fooTop .left .dizhi {
    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;
  }
  .footer .footContent .fooTop .right {
    display: none;
  }
}
.footer .footContent .fooBot {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer .footContent .fooBot .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 10px 0;
}
.footer .footContent .fooBot .left a {
  font-family: "eu_me";
  line-height: 1;
  color: #888888;
  font-size: 16px;
}
@media (max-width:1366px) {
  .footer .footContent .fooBot .left a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .fooBot .left a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .footer .footContent .fooBot .left a {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .footer .footContent .fooBot .left {
    width: 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;
    text-align: center;
  }
}
.footer .footContent .fooBot .right {
  width: 120px;
  height: 38px;
  background: #e5e5e5;
  font-size: 14px;
  color: #888888;
  font-family: "sy_me";
  display: -webkit-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;
}
@media (max-width:1366px) {
  .footer .footContent .fooBot .right {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .fooBot .right {
    font-size: 12px;
  }
}
.footer .footContent .fooBot .right i {
  transform: rotate(-90deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 8px;
}
.footer .footContent .fooBot .right .itemBox {
  position: absolute;
  bottom: calc(100% + 20px);
  width: auto;
  background: white;
  padding: 10px 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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.footer .footContent .fooBot .right .itemBox::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 11px 0 11px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 100%;
}
.footer .footContent .fooBot .right .itemBox .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.footer .footContent .fooBot .right .itemBox .item a {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  font-family: "sy_me";
  color: #888;
}
@media (max-width:1366px) {
  .footer .footContent .fooBot .right .itemBox .item a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .footer .footContent .fooBot .right .itemBox .item a {
    font-size: 12px;
  }
}
.footer .footContent .fooBot .right .itemBox .item a:hover {
  color: #005ca1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.footer .footContent .fooBot .right:hover .itemBox {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width:990px) {
  .footer .footContent .fooBot .right {
    display: none;
  }
}
/* 内页 */
.pagerEm .layui-laypage {
  padding-top: clamp(40px, 4.16666667vw, 80px);
  margin: 0 !important;
  width: 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;
}
.pagerEm .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #005ca1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.pagerEm .layui-laypage a,
.pagerEm .layui-laypage span {
  width: 48px;
  height: 48px;
  padding: 0 !important;
  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;
  font-size: 20px;
  font-family: "sy_re";
  border: 0;
  margin: 0 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .pagerEm .layui-laypage a,
  .pagerEm .layui-laypage span {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .pagerEm .layui-laypage a,
  .pagerEm .layui-laypage span {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .pagerEm .layui-laypage a,
  .pagerEm .layui-laypage span {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .pagerEm .layui-laypage a,
  .pagerEm .layui-laypage span {
    font-size: 13px;
  }
}
.pagerEm .layui-laypage a:hover {
  background: #005ca1;
  color: white !important;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.pagerEm .layui-laypage .leftem::after {
  font-family: "iconfont";
  content: "\e661";
}
.pagerEm .layui-laypage .rightem::after {
  font-family: "iconfont";
  content: "\e65e";
}
.pagerEm .layui-laypage .leftem:hover::after,
.pagerEm .layui-laypage .right:hover::after {
  color: white !important;
}
.pagerEm .layui-laypage a.layui-laypage-prev {
  color: #005ca1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.pagerEm .layui-laypage a.layui-laypage-next {
  color: #005ca1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:640px) {
  .pagerEm .layui-laypage a,
  .pagerEm .layui-laypage span {
    width: 25px;
    height: 25px;
  }
}
.inside_tit .title {
  font-family: "sy_bo";
  font-size: 48px;
  color: #000;
  line-height: 1;
  text-align: center;
}
@media (max-width:1600px) {
  .inside_tit .title {
    font-size: 42px;
  }
}
@media (max-width:1366px) {
  .inside_tit .title {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .inside_tit .title {
    font-size: 32px;
  }
}
@media (max-width:768px) {
  .inside_tit .title {
    font-size: 28px;
  }
}
.inside_tit .subtitle {
  font-family: "sy_bo";
  font-size: 42px;
  color: #000;
  line-height: 1;
  text-align: center;
}
@media (max-width:1600px) {
  .inside_tit .subtitle {
    font-size: 38px;
  }
}
@media (max-width:1366px) {
  .inside_tit .subtitle {
    font-size: 34px;
  }
}
@media (max-width:1024px) {
  .inside_tit .subtitle {
    font-size: 28px;
  }
}
@media (max-width:768px) {
  .inside_tit .subtitle {
    font-size: 24px;
  }
}
.proFooter {
  background-image: url(../images/proafgb.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: clamp(87.5px, 9.11458333vw, 175px);
}
.proFooter .content {
  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(50px, 5.20833333vw, 100px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 15px 0;
}
.proFooter .content .left .title {
  font-family: "sy_bo";
  line-height: 1;
  color: white;
  font-size: 36px;
}
@media (max-width:1600px) {
  .proFooter .content .left .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .proFooter .content .left .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .proFooter .content .left .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .proFooter .content .left .title {
    font-size: 20px;
  }
}
.proFooter .content .left .subtitle {
  font-family: "sy_re";
  line-height: 1;
  color: #ffffff9c;
  font-size: 16px;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1366px) {
  .proFooter .content .left .subtitle {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .proFooter .content .left .subtitle {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .proFooter .content .left .subtitle {
    font-size: 12px;
  }
}
.proFooter .content .idx_button {
  margin-top: 0;
}
.insideNavBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.insideNavBox .item a {
  color: #666666;
  font-family: "sy_re";
  font-size: 16px;
  line-height: 1;
}
@media (max-width:1366px) {
  .insideNavBox .item a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .insideNavBox .item a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .insideNavBox .item a {
    font-size: 12px;
  }
}
.insideNavBox .item a i {
  font-size: 12px;
  margin-left: 5px;
}
.insideNavBox .item.active a {
  color: #000;
}
/* 内页 产品 */
.product .product_banner .images {
  width: 100%;
}
.product .product_banner .images img {
  width: 100%;
}
.product .product_banner .searchBox {
  background: #005ca1;
  transform: translateY(-50%);
  padding-top: clamp(25px, 2.60416667vw, 50px);
  padding-bottom: clamp(35px, 3.64583333vw, 70px);
  border-radius: 5px;
}
@media (max-width:990px) {
  .product .product_banner .searchBox {
    transform: translateY(0%);
  }
}
.product .product_banner .searchBox .searchItem .title {
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-family: "sy_bo";
}
@media (max-width:1600px) {
  .product .product_banner .searchBox .searchItem .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .product .product_banner .searchBox .searchItem .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .product .product_banner .searchBox .searchItem .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .product .product_banner .searchBox .searchItem .title {
    font-size: 20px;
  }
}
.product .product_banner .searchBox .searchItem .inputBox {
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item {
  margin-bottom: 0;
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline {
  padding: 0;
  margin: 0;
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline {
  margin-right: 0;
  width: auto;
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-input {
  height: 56px;
  width: 200px;
  border-radius: 3px;
  font-size: 16px;
}
@media (max-width:1366px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-input {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-input {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-input {
    font-size: 12px;
  }
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-form-select .layui-edge {
  border-top-color: #005ca1;
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-form-select dl dd.layui-this {
  color: #005ca1;
}
@media (max-width:990px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-input {
    height: 40px;
  }
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block {
  padding: 0;
  margin: 0;
  position: relative;
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block .layui-input {
  height: 56px;
  width: 560px;
  border-radius: 3px;
  font-size: 16px;
}
@media (max-width:1366px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block .layui-input {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block .layui-input {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block .layui-input {
    font-size: 12px;
  }
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block i {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 52px;
  height: 52px;
  background: #0cb4f2;
  display: -webkit-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: 3px;
  cursor: pointer;
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block i::before {
  color: white;
  font-size: 22px;
}
@media (max-width:1600px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block i::before {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block i::before {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block i::before {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block i::before {
    font-size: 14px;
  }
}
@media (max-width:990px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block .layui-input {
    height: 40px;
  }
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block i {
    width: 36px;
    height: 36px;
  }
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .proXuan a {
  width: 160px;
  height: 56px;
  background: #0cb4f2;
  border-radius: 3px;
  display: -webkit-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;
  color: white;
  font-family: "sy_me";
  font-size: 16px;
  line-height: 1;
}
@media (max-width:1366px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .proXuan a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .proXuan a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .proXuan a {
    font-size: 12px;
  }
}
.product .product_banner .searchBox .searchItem .inputBox .layui-form .proXuan a img {
  margin-right: 8px;
}
@media (max-width:990px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .proXuan {
    width: 100%;
  }
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .proXuan a {
    width: 100%;
    height: 40px;
  }
}
@media (max-width:990px) {
  .product .product_banner .searchBox .searchItem .inputBox .layui-form {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item {
    width: 100%;
  }
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline {
    width: 100%;
  }
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline {
    width: 100%;
    margin: 0;
  }
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-input {
    width: 100% !important;
  }
  .product .product_banner .searchBox .searchItem .inputBox .layui-form .layui-form-item .layui-input-block .layui-input {
    width: 100% !important;
  }
  .product .product_banner .searchBox .searchItem .inputBox .layui-form-item .layui-input-inline {
    left: 0;
  }
}
.product .proContBox .title {
  font-family: "sy_bo";
  font-size: 48px;
  color: #000;
  line-height: 1;
}
@media (max-width:1600px) {
  .product .proContBox .title {
    font-size: 42px;
  }
}
@media (max-width:1366px) {
  .product .proContBox .title {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .product .proContBox .title {
    font-size: 32px;
  }
}
@media (max-width:768px) {
  .product .proContBox .title {
    font-size: 28px;
  }
}
.product .proContBox .itemNav {
  margin-top: clamp(20px, 2.08333333vw, 40px);
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  overflow: auto;
}
.product .proContBox .itemNav .item {
  font-family: 'ba';
  font-size: 20px;
  color: #666666;
  line-height: 1;
  height: 80px;
  display: -webkit-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-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  min-width: 100px;
}
@media (max-width:1600px) {
  .product .proContBox .itemNav .item {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .product .proContBox .itemNav .item {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .product .proContBox .itemNav .item {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .product .proContBox .itemNav .item {
    font-size: 13px;
  }
}
@media (max-width:990px) {
  .product .proContBox .itemNav .item {
    height: 60px;
  }
}
.product .proContBox .itemNav .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: #005ca1;
  transition: all 0.5s;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.product .proContBox .itemNav .item:hover,
.product .proContBox .itemNav .item.active {
  color: white;
}
.product .proContBox .itemNav .item:hover::after,
.product .proContBox .itemNav .item.active::after {
  width: 100%;
  left: 0;
}
.product .proContBox .itemNav .item span {
  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:990px) {
  .product .proContBox .itemNav {
    padding-bottom: 10px;
  }
}
.product .proContBox .itemList .itemBox {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(15px, 1.5625vw, 30px) clamp(15px, 1.5625vw, 30px);
  margin-top: clamp(40px, 4.16666667vw, 80px);
  display: none;
}
.product .proContBox .itemList .itemBox.active {
  display: grid;
}
.product .proContBox .itemList .itemBox .item {
  background: #f5f5f5;
  padding: clamp(20px, 2.08333333vw, 40px);
  border-radius: 5px;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  position: relative;
  overflow: hidden;
}
.product .proContBox .itemList .itemBox .item a {
  position: relative;
  z-index: 2;
}
.product .proContBox .itemList .itemBox .item a .titlea {
  font-size: 18px;
  color: #999999;
  font-family: "sy_me";
  line-height: 1;
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  border-bottom: 1px solid #e7e7e7;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .product .proContBox .itemList .itemBox .item a .titlea {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .product .proContBox .itemList .itemBox .item a .titlea {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product .proContBox .itemList .itemBox .item a .titlea {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .product .proContBox .itemList .itemBox .item a .titlea {
    font-size: 12px;
  }
}
.product .proContBox .itemList .itemBox .item a .subtit {
  padding-top: clamp(10px, 1.04166667vw, 20px);
  color: #000;
  font-family: "sy_bo";
  font-size: 28px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .product .proContBox .itemList .itemBox .item a .subtit {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .product .proContBox .itemList .itemBox .item a .subtit {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .product .proContBox .itemList .itemBox .item a .subtit {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .product .proContBox .itemList .itemBox .item a .subtit {
    font-size: 17px;
  }
}
.product .proContBox .itemList .itemBox .item a .images .pb {
  padding-bottom: 93%;
}
.product .proContBox .itemList .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;
}
.product .proContBox .itemList .itemBox .item a .images .pb .ab img {
  max-width: 60%;
}
.product .proContBox .itemList .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background-image: url(../images/proagb.jpg);
  background-size: cover;
  background-position: bottom center;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: 1;
}
.product .proContBox .itemList .itemBox .item:hover a .titlea,
.product .proContBox .itemList .itemBox .item.active a .titlea {
  color: #ffffff9c;
}
.product .proContBox .itemList .itemBox .item:hover a .subtit,
.product .proContBox .itemList .itemBox .item.active a .subtit {
  color: white;
}
.product .proContBox .itemList .itemBox .item:hover::after,
.product .proContBox .itemList .itemBox .item.active::after {
  height: 100%;
  top: 0;
}
@media (max-width:990px) {
  .product .proContBox .itemList .itemBox .item::after {
    display: none;
  }
  .product .proContBox .itemList .itemBox .item:hover a .titlea,
  .product .proContBox .itemList .itemBox .item.active a .titlea {
    color: #999999;
  }
  .product .proContBox .itemList .itemBox .item:hover a .subtit,
  .product .proContBox .itemList .itemBox .item.active a .subtit {
    color: #000000;
  }
}
@media (max-width:990px) {
  .product .proContBox .itemList .itemBox {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width:768px) {
  .product .proContBox .itemList .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .product .proContBox .itemList .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width:990px) {
  .product .proContBox {
    margin-top: 50px;
  }
}
/* 内页 产品筛选 */
.product_result .product_banner {
  width: 100%;
}
.product_result .product_banner .images {
  width: 100%;
}
.product_result .product_banner .images img {
  width: 100%;
}
.product_result .resulCont .cont1 {
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
  border-bottom: 1px solid #e5e5e5;
}
.product_result .resulCont .cont1 .proBox {
  margin-top: clamp(75px, 7.8125vw, 150px);
}
.product_result .resulCont .cont1 .proBox .content {
  margin-top: clamp(35px, 3.64583333vw, 70px);
  background-color: #f2f4f6;
  padding-left: clamp(12px, 1.25vw, 24px);
  padding-right: clamp(12px, 1.25vw, 24px);
  padding-top: clamp(17px, 1.77083333vw, 34px);
}
.product_result .resulCont .cont1 .proBox .content .title {
  font-family: "sy_me";
  font-size: 18px;
  line-height: 1;
  color: #333333;
}
@media (max-width:1600px) {
  .product_result .resulCont .cont1 .proBox .content .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .product_result .resulCont .cont1 .proBox .content .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_result .resulCont .cont1 .proBox .content .title {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .product_result .resulCont .cont1 .proBox .content .title {
    font-size: 12px;
  }
}
.product_result .resulCont .cont1 .proBox .content .itemBox {
  margin-top: clamp(15px, 1.5625vw, 30px);
  padding-bottom: clamp(12.5px, 1.30208333vw, 25px);
}
.product_result .resulCont .cont1 .proBox .content .itemBox .layui-form {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px 20px;
}
.product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item {
  width: 100%;
  margin-bottom: 0 !important;
}
.product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-inline,
.product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-input-block {
  width: 100%;
  padding: 0;
  margin: 0;
}
.product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-input-inline {
  width: 100%;
  margin: 0;
}
.product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-input,
.product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-select {
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
  font-size: 16px;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  color: #000;
  font-family: "sy_re";
}
@media (max-width:1366px) {
  .product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-input,
  .product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-select {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-input,
  .product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-select {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-input,
  .product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-select {
    font-size: 12px;
  }
}
.product_result .resulCont .cont1 .proBox .content .itemBox .layui-form .layui-form-item .layui-form-select dl dd.layui-this {
  color: #005ca1;
}
@media (max-width:990px) {
  .product_result .resulCont .cont1 .proBox .content .itemBox .layui-form {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 10px;
  }
}
@media (max-width:640px) {
  .product_result .resulCont .cont1 .proBox .content .itemBox .layui-form {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 10px;
  }
}
.product_result .resulCont .cont1 .proBox .buttonBox {
  margin-top: clamp(27.5px, 2.86458333vw, 55px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: clamp(0px, 0vw, 0px) clamp(20px, 2.08333333vw, 40px);
}
.product_result .resulCont .cont1 .proBox .buttonBox .but a {
  font-size: 16px;
  font-family: "sy_re";
  color: white;
  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;
  background: #005ca1;
  width: 12.5em;
  height: 3.75em;
  border-radius: 100px;
}
@media (max-width:1366px) {
  .product_result .resulCont .cont1 .proBox .buttonBox .but a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_result .resulCont .cont1 .proBox .buttonBox .but a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product_result .resulCont .cont1 .proBox .buttonBox .but a {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .product_result .resulCont .cont1 .proBox .buttonBox .but a {
    width: 8em;
    height: 3.2em;
  }
}
.product_result .resulCont .cont1 .proBox .buttonBox .but:last-child a {
  background: #0cb4f2;
}
.product_result .resulCont .cont2 {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.product_result .resulCont .cont2 .tableBox {
  margin-top: clamp(40px, 4.16666667vw, 80px);
  overflow: auto;
}
.product_result .resulCont .cont2 .tableBox table {
  width: 100%;
  min-width: 1000px;
}
.product_result .resulCont .cont2 .tableBox table thead tr th {
  height: 70px;
  background: #f5f5f5;
  text-align: left;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  font-family: "sy_li";
  font-size: 16px;
  color: #000;
}
@media (max-width:1366px) {
  .product_result .resulCont .cont2 .tableBox table thead tr th {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_result .resulCont .cont2 .tableBox table thead tr th {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product_result .resulCont .cont2 .tableBox table thead tr th {
    font-size: 12px;
  }
}
.product_result .resulCont .cont2 .tableBox table tbody tr td {
  height: 50px;
  text-align: left;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  font-family: "sy_re";
  font-size: 16px;
  color: #444444;
}
@media (max-width:1366px) {
  .product_result .resulCont .cont2 .tableBox table tbody tr td {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_result .resulCont .cont2 .tableBox table tbody tr td {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product_result .resulCont .cont2 .tableBox table tbody tr td {
    font-size: 12px;
  }
}
.product_result .resulCont .cont2 .tableBox table tbody tr td:first-child {
  cursor: pointer;
}
.product_result .resulCont .cont2 .tableBox table tbody tr td:first-child:hover {
  color: #005ca1;
}
/* 内页 产品详情 */
.product_list .product_banner {
  background-image: url(../images/listBanner.jpg);
}
.product_list .product_banner .listContent {
  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;
}
.product_list .product_banner .listContent .left {
  width: 36.42%;
  padding-top: clamp(25px, 2.60416667vw, 50px);
  padding-bottom: clamp(67.5px, 7.03125vw, 135px);
}
.product_list .product_banner .listContent .left .title {
  margin-top: clamp(42.5px, 4.42708333vw, 85px);
  font-family: "sy_me";
  color: #999999;
  font-size: 18px;
  line-height: 1;
}
@media (max-width:1600px) {
  .product_list .product_banner .listContent .left .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .product_list .product_banner .listContent .left .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_list .product_banner .listContent .left .title {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .product_list .product_banner .listContent .left .title {
    font-size: 12px;
  }
}
.product_list .product_banner .listContent .left .subtitle {
  margin-top: clamp(27.5px, 2.86458333vw, 55px);
  font-family: "sy_bo";
  color: #000;
  font-size: 28px;
  line-height: 1;
}
@media (max-width:1600px) {
  .product_list .product_banner .listContent .left .subtitle {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .product_list .product_banner .listContent .left .subtitle {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .product_list .product_banner .listContent .left .subtitle {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .product_list .product_banner .listContent .left .subtitle {
    font-size: 17px;
  }
}
.product_list .product_banner .listContent .left .content {
  margin-top: clamp(15px, 1.5625vw, 30px);
  font-family: "sy_re";
  color: #999999;
  font-size: 16px;
  line-height: 1.8;
}
@media (max-width:1366px) {
  .product_list .product_banner .listContent .left .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_list .product_banner .listContent .left .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product_list .product_banner .listContent .left .content {
    font-size: 12px;
  }
}
.product_list .product_banner .listContent .left .butont {
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.product_list .product_banner .listContent .left .butont a {
  width: 190px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #005ca1;
  color: white;
  font-size: 16px;
  font-family: "sy_re";
  border-radius: 5px;
}
@media (max-width:1366px) {
  .product_list .product_banner .listContent .left .butont a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_list .product_banner .listContent .left .butont a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product_list .product_banner .listContent .left .butont a {
    font-size: 12px;
  }
}
.product_list .product_banner .listContent .left .butont a i {
  margin-right: 5px;
}
.product_list .product_banner .listContent .left .butont a i::before {
  color: white;
  font-size: 22px;
}
@media (max-width:1600px) {
  .product_list .product_banner .listContent .left .butont a i::before {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .product_list .product_banner .listContent .left .butont a i::before {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .product_list .product_banner .listContent .left .butont a i::before {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .product_list .product_banner .listContent .left .butont a i::before {
    font-size: 14px;
  }
}
@media (max-width:990px) {
  .product_list .product_banner .listContent .left .butont a {
    width: 120px  !important;
    height: 40px !important;
  }
}
.product_list .product_banner .listContent .right {
  width: 41.42%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  -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;
  overflow: hidden;
}
.product_list .product_banner .listContent .right .swiper_box {
  width: 100%;
}
.product_list .product_banner .listContent .right .swiper_box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.product_list .product_banner .listContent .right .swiper_box ul li .pb {
  padding-bottom: 74%;
}
.product_list .product_banner .listContent .right .swiper_box ul li .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;
}
.product_list .product_banner .listContent .right .navBut {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.product_list .product_banner .listContent .right .navBut.next {
  right: 0;
}
.product_list .product_banner .listContent .right .navBut.prev {
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.product_list .product_banner .listContent .right .navBut i::before {
  font-size: 26px;
  color: #005ca1;
}
@media (max-width:1600px) {
  .product_list .product_banner .listContent .right .navBut i::before {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .product_list .product_banner .listContent .right .navBut i::before {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .product_list .product_banner .listContent .right .navBut i::before {
    font-size: 17px;
  }
}
@media (max-width:768px) {
  .product_list .product_banner .listContent .right .navBut i::before {
    font-size: 16px;
  }
}
.product_list .product_banner .listContent .right .insidePage {
  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;
}
.product_list .product_banner .listContent .right .insidePage .swiper-pagination-bullet {
  opacity: 0.1;
}
.product_list .product_banner .listContent .right .insidePage .swiper-pagination-bullet-active {
  color: #005ca1;
  opacity: 1;
}
@media (max-width:990px) {
  .product_list .product_banner .listContent {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
  }
  .product_list .product_banner .listContent .left {
    width: 100%;
  }
  .product_list .product_banner .listContent .right {
    width: 100%;
  }
}
.product_list .listCont .listTitle {
  font-family: "sy_me";
  color: #000;
  font-size: 24px;
  line-height: 1;
}
@media (max-width:1600px) {
  .product_list .listCont .listTitle {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .product_list .listCont .listTitle {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .listTitle {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .product_list .listCont .listTitle {
    font-size: 15px;
  }
}
.product_list .listCont .cont1 {
  padding-top: clamp(45px, 4.6875vw, 90px);
}
.product_list .listCont .cont1 .table {
  margin-top: clamp(20px, 2.08333333vw, 40px);
  overflow: auto;
}
.product_list .listCont .cont1 .table table {
  width: 100%;
  min-width: 1000px;
}
.product_list .listCont .cont1 .table table thead tr th {
  height: 65px;
  background: #005ca1;
  color: white;
  text-align: left;
  padding-left: clamp(22.5px, 2.34375vw, 45px);
  font-family: "sy_me";
  font-size: 16px;
}
@media (max-width:1366px) {
  .product_list .listCont .cont1 .table table thead tr th {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont1 .table table thead tr th {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product_list .listCont .cont1 .table table thead tr th {
    font-size: 12px;
  }
}
.product_list .listCont .cont1 .table table tbody tr td {
  height: 65px;
  text-align: center;
  font-family: "sy_me";
  font-size: 16px;
  color: #444444;
}
@media (max-width:1366px) {
  .product_list .listCont .cont1 .table table tbody tr td {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont1 .table table tbody tr td {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product_list .listCont .cont1 .table table tbody tr td {
    font-size: 12px;
  }
}
.product_list .listCont .cont1 .table table tbody tr td:first-child {
  background: #f6f6f6;
  text-align: left;
  padding-left: clamp(22.5px, 2.34375vw, 45px);
}
.product_list .listCont .cont2 {
  padding-top: clamp(45px, 4.6875vw, 90px);
}
.product_list .listCont .cont2 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.product_list .listCont .cont2 .content .item {
  width: 50%;
}
.product_list .listCont .cont2 .content .item .images {
  width: 100%;
}
.product_list .listCont .cont2 .content .item .images img {
  width: 100%;
}
@media (max-width:990px) {
  .product_list .listCont .cont2 .content {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .product_list .listCont .cont2 .content .item {
    width: 100%;
  }
}
.product_list .listCont .cont3 {
  padding-top: clamp(45px, 4.6875vw, 90px);
}
.product_list .listCont .cont3 .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px 40px;
  margin-top: clamp(20px, 2.08333333vw, 40px);
}
.product_list .listCont .cont3 .itemBox .item {
  background: #f8f8f8;
  padding-left: clamp(25px, 2.60416667vw, 50px);
  padding-right: clamp(30px, 3.125vw, 60px);
  padding-top: clamp(17.5px, 1.82291667vw, 35px);
  padding-bottom: clamp(17.5px, 1.82291667vw, 35px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 5px;
  overflow: hidden;
}
.product_list .listCont .cont3 .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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.product_list .listCont .cont3 .itemBox .item a .left .title {
  font-family: "sy_me";
  font-size: 18px;
  color: #000000;
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .product_list .listCont .cont3 .itemBox .item a .left .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .product_list .listCont .cont3 .itemBox .item a .left .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont3 .itemBox .item a .left .title {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .product_list .listCont .cont3 .itemBox .item a .left .title {
    font-size: 12px;
  }
}
.product_list .listCont .cont3 .itemBox .item a .left .subtit {
  font-family: "sy_me";
  font-size: 14px;
  color: #999999;
  line-height: 1;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: clamp(0px, 0vw, 0px) 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:1366px) {
  .product_list .listCont .cont3 .itemBox .item a .left .subtit {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont3 .itemBox .item a .left .subtit {
    font-size: 12px;
  }
}
.product_list .listCont .cont3 .itemBox .item a .right {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #005ca1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.product_list .listCont .cont3 .itemBox .item a .right i::before {
  color: white;
}
.product_list .listCont .cont3 .itemBox .item:hover,
.product_list .listCont .cont3 .itemBox .item.active {
  background: #005ca1;
}
.product_list .listCont .cont3 .itemBox .item:hover a .left .title,
.product_list .listCont .cont3 .itemBox .item.active a .left .title {
  color: white;
}
.product_list .listCont .cont3 .itemBox .item:hover a .left .subtit,
.product_list .listCont .cont3 .itemBox .item.active a .left .subtit {
  color: #ffffff81;
}
.product_list .listCont .cont3 .itemBox .item:hover a .right,
.product_list .listCont .cont3 .itemBox .item.active a .right {
  background: #0cb4f2;
}
@media (max-width:990px) {
  .product_list .listCont .cont3 .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.product_list .listCont .cont4 {
  margin-top: clamp(60px, 6.25vw, 120px);
}
.product_list .listCont .cont4 .titlexg {
  font-size: 36px;
  font-family: "sy_me";
  color: #000;
  line-height: 1;
  text-align: center;
}
@media (max-width:1600px) {
  .product_list .listCont .cont4 .titlexg {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .product_list .listCont .cont4 .titlexg {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont4 .titlexg {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .product_list .listCont .cont4 .titlexg {
    font-size: 20px;
  }
}
.product_list .listCont .cont4 .swiper_boxa {
  overflow: hidden;
  margin-top: clamp(20px, 2.08333333vw, 40px);
}
.product_list .listCont .cont4 .swiper_boxa ul li {
  width: 0;
}
.product_list .listCont .cont4 .swiper_boxa ul li .item {
  background: #f5f5f5;
  padding: clamp(20px, 2.08333333vw, 40px);
  padding-bottom: 0;
  border-radius: 5px;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  position: relative;
  overflow: hidden;
}
.product_list .listCont .cont4 .swiper_boxa ul li .item a {
  position: relative;
  z-index: 2;
}
.product_list .listCont .cont4 .swiper_boxa ul li .item a .titlea {
  font-size: 16px;
  color: #999999;
  font-family: "sy_me";
  line-height: 1;
  padding-bottom: clamp(9px, 0.9375vw, 18px);
  border-bottom: 1px solid #e7e7e7;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .product_list .listCont .cont4 .swiper_boxa ul li .item a .titlea {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont4 .swiper_boxa ul li .item a .titlea {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .product_list .listCont .cont4 .swiper_boxa ul li .item a .titlea {
    font-size: 12px;
  }
}
.product_list .listCont .cont4 .swiper_boxa ul li .item a .subtit {
  padding-top: clamp(12.5px, 1.30208333vw, 25px);
  color: #000;
  font-family: "sy_bo";
  font-size: 24px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .product_list .listCont .cont4 .swiper_boxa ul li .item a .subtit {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .product_list .listCont .cont4 .swiper_boxa ul li .item a .subtit {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont4 .swiper_boxa ul li .item a .subtit {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .product_list .listCont .cont4 .swiper_boxa ul li .item a .subtit {
    font-size: 15px;
  }
}
.product_list .listCont .cont4 .swiper_boxa ul li .item a .images .pb {
  padding-bottom: 100%;
}
.product_list .listCont .cont4 .swiper_boxa ul li .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;
}
.product_list .listCont .cont4 .swiper_boxa ul li .item a .images .pb .ab img {
  max-width: 60%;
}
.product_list .listCont .cont4 .swiper_boxa ul li .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background-image: url(../images/proagb.jpg);
  background-size: cover;
  background-position: bottom center;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.product_list .listCont .cont4 .swiper_boxa ul li .item:hover a .titlea,
.product_list .listCont .cont4 .swiper_boxa ul li .item.active a .titlea {
  color: #ffffff9c;
}
.product_list .listCont .cont4 .swiper_boxa ul li .item:hover a .subtit,
.product_list .listCont .cont4 .swiper_boxa ul li .item.active a .subtit {
  color: white;
}
.product_list .listCont .cont4 .swiper_boxa ul li .item:hover::after,
.product_list .listCont .cont4 .swiper_boxa ul li .item.active::after {
  height: 100%;
  top: 0;
}
@media (max-width:990px) {
  .product_list .listCont .cont4 .swiper_boxa ul li .item::after {
    display: none;
  }
  .product_list .listCont .cont4 .swiper_boxa ul li .item:hover a .titlea,
  .product_list .listCont .cont4 .swiper_boxa ul li .item.active a .titlea {
    color: #999999;
  }
  .product_list .listCont .cont4 .swiper_boxa ul li .item:hover a .subtit,
  .product_list .listCont .cont4 .swiper_boxa ul li .item.active a .subtit {
    color: #000000;
  }
}
.product_list .listCont .cont5 {
  margin-top: clamp(60px, 6.25vw, 120px);
}
.product_list .listCont .cont5 .titlexg {
  font-size: 36px;
  font-family: "sy_me";
  color: #000;
  line-height: 1;
  text-align: center;
}
@media (max-width:1600px) {
  .product_list .listCont .cont5 .titlexg {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .product_list .listCont .cont5 .titlexg {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont5 .titlexg {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .product_list .listCont .cont5 .titlexg {
    font-size: 20px;
  }
}
.product_list .listCont .cont5 .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(15px, 1.5625vw, 30px) clamp(15px, 1.5625vw, 30px);
  margin-top: clamp(25px, 2.60416667vw, 50px);
}
.product_list .listCont .cont5 .itemBox .item {
  position: relative;
}
.product_list .listCont .cont5 .itemBox .item .pb {
  padding-bottom: 67%;
  z-index: 1;
}
.product_list .listCont .cont5 .itemBox .item .pb .ab img {
  width: 100%;
}
.product_list .listCont .cont5 .itemBox .item .center {
  position: absolute;
  z-index: 2;
  bottom: 40px;
  left: 50px;
}
.product_list .listCont .cont5 .itemBox .item .center .title {
  color: #fff;
  font-family: "sy_me";
  font-size: 24px;
  line-height: 1;
}
@media (max-width:1600px) {
  .product_list .listCont .cont5 .itemBox .item .center .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .product_list .listCont .cont5 .itemBox .item .center .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont5 .itemBox .item .center .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .product_list .listCont .cont5 .itemBox .item .center .title {
    font-size: 15px;
  }
}
.product_list .listCont .cont5 .itemBox .item .center .subtit {
  font-family: "sy_re";
  color: #ffffff8a;
  font-size: 14px;
  line-height: 1;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1366px) {
  .product_list .listCont .cont5 .itemBox .item .center .subtit {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .product_list .listCont .cont5 .itemBox .item .center .subtit {
    font-size: 12px;
  }
}
@media (max-width:990px) {
  .product_list .listCont .cont5 .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
  .product_list .listCont .cont5 .itemBox .item .center {
    bottom: 20px;
    left: 20px;
  }
}
.product_list .listCont .proFooter {
  margin-top: clamp(50px, 5.20833333vw, 100px);
}
/* 公共banner */
.product_banner {
  position: relative;
}
.product_banner .centerBox {
  position: absolute;
  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;
}
.product_banner .centerBox .center .title {
  font-size: 64px;
  color: white;
  line-height: 1.5625;
  font-family: "sy_bo";
}
@media (max-width:1600px) {
  .product_banner .centerBox .center .title {
    font-size: 55px;
  }
}
@media (max-width:1366px) {
  .product_banner .centerBox .center .title {
    font-size: 48px;
  }
}
@media (max-width:1024px) {
  .product_banner .centerBox .center .title {
    font-size: 40px;
  }
}
@media (max-width:768px) {
  .product_banner .centerBox .center .title {
    font-size: 31px;
  }
}
@media (max-width:480px) {
  .product_banner .centerBox .center .title {
    font-size: 28px;
  }
}
@media (max-width:360px) {
  .product_banner .centerBox .center .title {
    font-size: 26px;
  }
}
.product_banner .centerBox .center .subtitle {
  font-size: 40px;
  color: white;
  line-height: 1;
  font-family: "sy_bo";
  margin-top: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:1600px) {
  .product_banner .centerBox .center .subtitle {
    font-size: 36px;
  }
}
@media (max-width:1366px) {
  .product_banner .centerBox .center .subtitle {
    font-size: 32px;
  }
}
@media (max-width:1024px) {
  .product_banner .centerBox .center .subtitle {
    font-size: 26px;
  }
}
@media (max-width:768px) {
  .product_banner .centerBox .center .subtitle {
    font-size: 23px;
  }
}
.product_banner .centerBox .center .conta {
  margin-top: clamp(80px, 8.33333333vw, 160px);
}
.product_banner .centerBox .center .conta a {
  color: white;
  font-size: 32px;
  font-family: "sy_re";
  line-height: 1;
}
@media (max-width:1600px) {
  .product_banner .centerBox .center .conta a {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .product_banner .centerBox .center .conta a {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .product_banner .centerBox .center .conta a {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .product_banner .centerBox .center .conta a {
    font-size: 19px;
  }
}
.product_banner .centerBox .centerC .title {
  font-size: 64px;
  color: rgba(255, 255, 255, 0.133);
  line-height: 1;
  font-family: "dinbt";
  text-transform: uppercase;
  text-stroke: 1px #ffffff;
  -webkit-text-stroke: 1px #ffffff;
}
@media (max-width:1600px) {
  .product_banner .centerBox .centerC .title {
    font-size: 55px;
  }
}
@media (max-width:1366px) {
  .product_banner .centerBox .centerC .title {
    font-size: 48px;
  }
}
@media (max-width:1024px) {
  .product_banner .centerBox .centerC .title {
    font-size: 40px;
  }
}
@media (max-width:768px) {
  .product_banner .centerBox .centerC .title {
    font-size: 31px;
  }
}
@media (max-width:480px) {
  .product_banner .centerBox .centerC .title {
    font-size: 28px;
  }
}
@media (max-width:360px) {
  .product_banner .centerBox .centerC .title {
    font-size: 26px;
  }
}
.product_banner .centerBox .centerC .subtitle {
  font-size: 48px;
  color: white;
  line-height: 1;
  font-family: "sy_bo";
  margin-top: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:1600px) {
  .product_banner .centerBox .centerC .subtitle {
    font-size: 42px;
  }
}
@media (max-width:1366px) {
  .product_banner .centerBox .centerC .subtitle {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .product_banner .centerBox .centerC .subtitle {
    font-size: 32px;
  }
}
@media (max-width:768px) {
  .product_banner .centerBox .centerC .subtitle {
    font-size: 28px;
  }
}
.product_banner .images {
  width: 100%;
}
.product_banner .images img {
  width: 100%;
}
/* 关于我们 */
.about .abtBox .con1 {
  -webkit-transition: all 1.2s linear;
  -o-transition: all 1.2s linear;
  transition: all 1.2s linear;
  overflow: hidden;
}
.about .abtBox .con1 .boxCenter {
  width: 100%;
  height: auto;
  position: relative;
}
.about .abtBox .con1 .boxCenter .contabso {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.about .abtBox .con1 .boxCenter .contabso .w1660 {
  width: 100%;
  height: 100%;
}
.about .abtBox .con1 .boxCenter .contabso .info {
  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;
  width: 100%;
  height: 100%;
}
.about .abtBox .con1 .boxCenter .contabso .info .left {
  width: 36.144%;
  margin-top: clamp(40px, 4.16666667vw, 80px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.about .abtBox .con1 .boxCenter .contabso .info .right {
  width: 50%;
  position: absolute;
  bottom: 45%;
  right: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.about .abtBox .con1 .boxCenter .contabso .info .right .textCon {
  font-size: 18px;
  line-height: 1.8;
  color: #333333;
  font-family: "sy_re";
  max-height: 200px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #005ca1 #d4d6d7;
}
@media (max-width:1600px) {
  .about .abtBox .con1 .boxCenter .contabso .info .right .textCon {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con1 .boxCenter .contabso .info .right .textCon {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con1 .boxCenter .contabso .info .right .textCon {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con1 .boxCenter .contabso .info .right .textCon {
    font-size: 12px;
  }
}
.about .abtBox .con1 .boxCenter .contabso .info .right .textCon::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #d4d6d7;
}
.about .abtBox .con1 .boxCenter .contabso .info .right .textCon::-webkit-scrollbar-thumb {
  background-color: #005ca1;
  border-radius: 10px;
}
.about .abtBox .con1 .boxCenter .contabso .info .right .textCon::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(226, 226, 226, 0.76);
}
@media (max-width:990px) {
  .about .abtBox .con1 .boxCenter .contabso .info {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .about .abtBox .con1 .boxCenter .contabso .info .left {
    width: 100%;
  }
  .about .abtBox .con1 .boxCenter .contabso .info .right {
    width: 100%;
    position: relative;
    bottom: unset;
    margin-top: 40px;
  }
}
@media (max-width:990px) {
}
.about .abtBox .con1 .imgPoa {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  transform: translateY(80px);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.about .abtBox .con1 .imgPoa img {
  width: 100%;
}
.about .abtBox .con1 .images {
  width: 100%;
}
.about .abtBox .con1 .images img {
  width: 100%;
}
@media (max-width:990px) {
}
.about .abtBox .con2 {
  background-image: url(../images/qiyebga.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: clamp(35px, 3.64583333vw, 70px);
}
.about .abtBox .con2 .cenBox {
  margin-top: clamp(30px, 3.125vw, 60px);
}
.about .abtBox .con2 .cenBox .aboutSwiper {
  overflow: hidden;
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .swiper_boxa ul li .conBox {
  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;
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .swiper_boxa ul li .conBox .title {
  font-family: "sy_re";
  font-size: 24px;
  line-height: 1.58;
  color: #000;
  text-align: center;
  max-height: 120px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #005ca1 #d4d6d7;
}
@media (max-width:1600px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .swiper_boxa ul li .conBox .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .swiper_boxa ul li .conBox .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .swiper_boxa ul li .conBox .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .swiper_boxa ul li .conBox .title {
    font-size: 15px;
  }
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .swiper_boxa ul li .conBox .title::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #d4d6d7;
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .swiper_boxa ul li .conBox .title::-webkit-scrollbar-thumb {
  background-color: #005ca1;
  border-radius: 10px;
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .swiper_boxa ul li .conBox .title::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(226, 226, 226, 0.76);
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut {
  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(7.5px, 0.78125vw, 15px);
  grid-gap: 0 10px;
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut .but {
  width: 60px;
  height: 60px;
  border: 1px solid #dedede;
  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;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut .but i::before {
  font-size: 20px;
}
@media (max-width:1600px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut .but i::before {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut .but i::before {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut .but i::before {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut .but i::before {
    font-size: 13px;
  }
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut .but:hover {
  background: #005ca1;
  border: 0;
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut .but:hover i::before {
  color: white;
}
@media (max-width:990px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo .inSwiBut {
    display: none;
  }
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb {
  margin-top: clamp(22.5px, 2.34375vw, 45px);
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox {
  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-bottom: clamp(20px, 2.08333333vw, 40px);
  padding-top: clamp(50px, 5.20833333vw, 100px);
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
  font-size: 100px;
  font-family: "dinb";
  line-height: 1;
  color: #005ca1;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 40px;
}
@media (max-width:1600px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    font-size: 90px;
  }
}
@media (max-width:1560px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    font-size: 80px;
  }
}
@media (max-width:1440px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    font-size: 70px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    font-size: 60px;
  }
}
@media (max-width:1200px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    font-size: 50px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    font-size: 40px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    font-size: 45px;
  }
}
@media (max-width:480px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    font-size: 40px;
  }
}
@media (max-width:360px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    font-size: 30px;
  }
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
  font-size: 380px;
  font-family: "dinb";
  letter-spacing: -20px;
  width: 100%;
  line-height: 1;
  color: white;
  text-shadow: 0px 0px 30px #e5e5e5;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  transform: translateY(-70px);
  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) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    font-size: 350px;
  }
}
@media (max-width:1560px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    font-size: 310px;
  }
}
@media (max-width:1440px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    font-size: 280px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    font-size: 240px;
  }
}
@media (max-width:1200px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    font-size: 200px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    font-size: 180px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    font-size: 140px;
  }
}
@media (max-width:480px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    font-size: 120px;
  }
}
@media (max-width:360px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    font-size: 100px;
  }
}
@media (max-width:1320px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .title {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    text-align: end;
    padding-right: 40px;
  }
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    letter-spacing: -10px;
    margin-top: 20px;
  }
}
@media (max-width:1200px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    letter-spacing: 0px;
  }
}
@media (max-width:990px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li .conBox .subtitle {
    margin-top: 50px;
  }
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li.swiper-slide-active .conBox .title {
  opacity: 1;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li.swiper-slide-active .conBox .subtitle {
  transform: translateY(-50px);
  background-image: linear-gradient(to bottom, #0092ff 5%, #063668 100%);
  -moz-background-clip: text;
  -webkit-background-clip: text;
  text-shadow: 0 0 0 #00000000;
  background-clip: text;
  color: transparent;
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li.swiper-slide-prev .conBox .subtitle {
  transform: translateY(0px);
}
.about .abtBox .con2 .cenBox .aboutSwiper .swiper_boxb ul li.swiper-slide-next .conBox .subtitle {
  transform: translateY(0px);
}
@media (max-width:990px) {
  .about .abtBox .con2 .cenBox .aboutSwiper .swiperInfo {
    margin-top: 30px;
  }
}
.about .abtBox .con3 {
  background-color: #e5eef5;
  overflow: hidden;
  position: relative;
}
.about .abtBox .con3 .cenBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.about .abtBox .con3 .cenBox .left {
  width: 50%;
}
.about .abtBox .con3 .cenBox .left .top {
  padding-bottom: clamp(25px, 2.60416667vw, 50px);
  padding-top: clamp(40px, 4.16666667vw, 80px);
}
.about .abtBox .con3 .cenBox .left .top .idx_title {
  min-height: 134px;
  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;
}
.about .abtBox .con3 .cenBox .left .bot {
  position: absolute;
  left: 0;
  width: 50%;
}
.about .abtBox .con3 .cenBox .left .bot .images {
  width: 100%;
}
.about .abtBox .con3 .cenBox .left .bot .images img {
  width: 100%;
}
.about .abtBox .con3 .cenBox .right {
  position: relative;
  width: 50%;
  border-left: 1px solid #cad6e1;
}
.about .abtBox .con3 .cenBox .right .top {
  border-bottom: 1px solid #cad6e1;
}
.about .abtBox .con3 .cenBox .right .top .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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: clamp(65px, 6.77083333vw, 130px);
  padding-right: clamp(65px, 6.77083333vw, 130px);
  padding-bottom: clamp(25px, 2.60416667vw, 50px);
  padding-top: clamp(40px, 4.16666667vw, 80px);
}
.about .abtBox .con3 .cenBox .right .top .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-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 134px;
}
.about .abtBox .con3 .cenBox .right .top .itemBox .item .images {
  width: 90px;
  height: 90px;
  background: white;
  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;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.about .abtBox .con3 .cenBox .right .top .itemBox .item .images img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:990px) {
  .about .abtBox .con3 .cenBox .right .top .itemBox .item .images {
    width: 60px;
    height: 60px;
  }
  .about .abtBox .con3 .cenBox .right .top .itemBox .item .images img {
    max-width: 50%;
  }
}
.about .abtBox .con3 .cenBox .right .top .itemBox .item .title {
  font-size: 24px;
  color: #333333;
  font-family: "sy_re";
  line-height: 1;
  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) {
  .about .abtBox .con3 .cenBox .right .top .itemBox .item .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con3 .cenBox .right .top .itemBox .item .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con3 .cenBox .right .top .itemBox .item .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con3 .cenBox .right .top .itemBox .item .title {
    font-size: 15px;
  }
}
.about .abtBox .con3 .cenBox .right .top .itemBox .item.active .images,
.about .abtBox .con3 .cenBox .right .top .itemBox .item:hover .images {
  background: #005ca1;
}
.about .abtBox .con3 .cenBox .right .top .itemBox .item.active .images img,
.about .abtBox .con3 .cenBox .right .top .itemBox .item:hover .images img {
  filter: brightness(0) invert(1);
}
.about .abtBox .con3 .cenBox .right .top .itemBox .item.active .title,
.about .abtBox .con3 .cenBox .right .top .itemBox .item:hover .title {
  color: #005ca1;
}
@media (max-width:990px) {
  .about .abtBox .con3 .cenBox .right .top .itemBox {
    grid-gap: 0 15% !important;
  }
}
.about .abtBox .con3 .cenBox .right .bot {
  width: 100%;
  padding-top: clamp(50px, 5.20833333vw, 100px);
  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-bottom: clamp(45px, 4.6875vw, 90px);
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc {
  overflow: hidden;
  width: 70%;
  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;
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc ul li .boxInfoa {
  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;
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc ul li .boxInfoa .box {
  width: 73.5%;
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc ul li .boxInfoa .box .pb {
  padding-bottom: 56%;
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc ul li .boxInfoa .box .pb .ab {
  border-radius: 10px;
  overflow: hidden;
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc ul li .boxInfoa .box .pb .ab img {
  width: 100%;
}
@media (max-width:990px) {
  .about .abtBox .con3 .cenBox .right .bot .swiper_boxc ul li .boxInfoa .box {
    width: 100% !important;
  }
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc .but {
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: -webkit-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;
  pointer-events: initial;
  z-index: 3;
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc .but i::before {
  font-size: 30px;
  color: #005ca1;
}
@media (max-width:1600px) {
  .about .abtBox .con3 .cenBox .right .bot .swiper_boxc .but i::before {
    font-size: 24px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con3 .cenBox .right .bot .swiper_boxc .but i::before {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con3 .cenBox .right .bot .swiper_boxc .but i::before {
    font-size: 19px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con3 .cenBox .right .bot .swiper_boxc .but i::before {
    font-size: 18px;
  }
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc .but.prev {
  left: 0;
}
.about .abtBox .con3 .cenBox .right .bot .swiper_boxc .but.next {
  right: 0;
}
@media (max-width:990px) {
  .about .abtBox .con3 .cenBox .right .bot .swiper_boxc {
    width: 100%;
  }
}
@media (max-width:990px) {
  .about .abtBox .con3 .cenBox .right .bot {
    padding-top: 30px;
  }
}
.about .abtBox .con3 .cenBox .right .bot .title {
  text-align: center;
  color: #333333;
  font-family: "sy_re";
  font-size: 20px;
  margin-top: clamp(40px, 4.16666667vw, 80px);
  min-height: 60px;
}
@media (max-width:1600px) {
  .about .abtBox .con3 .cenBox .right .bot .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con3 .cenBox .right .bot .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con3 .cenBox .right .bot .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con3 .cenBox .right .bot .title {
    font-size: 13px;
  }
}
@media (max-width:990px) {
  .about .abtBox .con3 .cenBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .about .abtBox .con3 .cenBox .left {
    width: 100%;
  }
  .about .abtBox .con3 .cenBox .left .bot {
    position: relative;
    width: 100%;
  }
  .about .abtBox .con3 .cenBox .left .bot img {
    width: 100%;
  }
  .about .abtBox .con3 .cenBox .left .top .idx_title {
    min-height: auto !important;
  }
  .about .abtBox .con3 .cenBox .right {
    width: 100%;
    border: 0;
    margin-top: 20px;
  }
  .about .abtBox .con3 .cenBox .right .top {
    border: 0;
  }
  .about .abtBox .con3 .cenBox .right .top .itemBox {
    padding: 0 !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    grid-gap: 0 20px;
  }
}
.about .abtBox .con4 {
  background-image: url(../images/qiyebgb.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: clamp(50px, 5.20833333vw, 100px);
}
.about .abtBox .con4 .swiperBox {
  width: 74.6%;
  margin-top: clamp(57.5px, 5.98958333vw, 115px);
  overflow: hidden;
}
.about .abtBox .con4 .swiperBox .swiper_box ul li {
  width: 0;
}
.about .abtBox .con4 .swiperBox .swiper_box ul li .contBox .pb {
  padding-bottom: 84%;
}
.about .abtBox .con4 .swiperBox .swiper_box ul li .contBox .pb .ab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.about .abtBox .con4 .swiperBox .swiper_box ul li .contBox .pb .ab img {
  max-width: 80%;
}
.about .abtBox .con4 .swiperBox .swiper_box ul li .contBox .title {
  font-family: "sy_re";
  font-size: 18px;
  color: #333333;
  line-height: 1;
  margin-top: clamp(20px, 2.08333333vw, 40px);
  text-align: center;
}
@media (max-width:1600px) {
  .about .abtBox .con4 .swiperBox .swiper_box ul li .contBox .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con4 .swiperBox .swiper_box ul li .contBox .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con4 .swiperBox .swiper_box ul li .contBox .title {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con4 .swiperBox .swiper_box ul li .contBox .title {
    font-size: 12px;
  }
}
.about .abtBox .con4 .swiperBox .inSwiBut {
  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(50px, 5.20833333vw, 100px);
  grid-gap: 0 10px;
  padding-bottom: clamp(25px, 2.60416667vw, 50px);
}
.about .abtBox .con4 .swiperBox .inSwiBut .but {
  width: 60px;
  height: 60px;
  border: 1px solid #dedede;
  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;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
.about .abtBox .con4 .swiperBox .inSwiBut .but i::before {
  font-size: 20px;
}
@media (max-width:1600px) {
  .about .abtBox .con4 .swiperBox .inSwiBut .but i::before {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .about .abtBox .con4 .swiperBox .inSwiBut .but i::before {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .about .abtBox .con4 .swiperBox .inSwiBut .but i::before {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .about .abtBox .con4 .swiperBox .inSwiBut .but i::before {
    font-size: 13px;
  }
}
.about .abtBox .con4 .swiperBox .inSwiBut .but:hover {
  background: #005ca1;
  border: 0;
}
.about .abtBox .con4 .swiperBox .inSwiBut .but:hover i::before {
  color: white;
}
@media (max-width:990px) {
  .about .abtBox .con4 .swiperBox {
    width: 100%;
  }
  .about .abtBox .con4 .swiperBox .inSwiBut {
    display: none;
  }
}
@media (max-width:990px) {
  .about .abtBox .con4 {
    padding-bottom: clamp(50px, 5.20833333vw, 100px);
  }
}
.about .abtBox .con5 {
  position: relative;
}
.about .abtBox .con5 .center {
  position: absolute;
  top: 0;
  padding-top: clamp(50px, 5.20833333vw, 100px);
  width: 100%;
}
.about .abtBox .con5 .images.wap img {
  min-height: 400px;
  width: 100%;
}
.about .abtBox .con5 .contBox {
  width: calc(80% - 70px);
  overflow: hidden;
  margin-left: 60px;
}
.about .abtBox .con5 .contBox .infoBox {
  margin-top: 12%;
}
.about .abtBox .con5 .contBox .swiper_box ul li .cententBox {
  position: relative;
  cursor: pointer;
}
.about .abtBox .con5 .contBox .swiper_box ul li .cententBox::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 10px;
  width: calc(100% - 17px);
  height: 2px;
  background: #eff1f2;
  transition: all 0.5s;
}
.about .abtBox .con5 .contBox .swiper_box ul li .cententBox::before {
  content: '';
  position: absolute;
  bottom: 10px;
  right: 0px;
  width: 2px;
  height: 50%;
  background: #eff1f2;
  transition: all 0.5s;
}
.about .abtBox .con5 .contBox .swiper_box ul li .cententBox .pb {
  padding-bottom: 56%;
}
.about .abtBox .con5 .contBox .swiper_box ul li .cententBox .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;
}
.about .abtBox .con5 .contBox .swiper_box ul li .cententBox .pb .ab img {
  max-width: 70%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.about .abtBox .con5 .contBox .swiper_box ul li .cententBox:hover .pb .ab img {
  transform: scale(1.1);
}
.about .abtBox .con5 .contBox .swiper_box ul li:nth-child(2n) .cententBox::after {
  display: none;
}
.about .abtBox .con5 .contBox .swiper_box ul li:nth-child(2n) .cententBox::before {
  top: 10px;
}
.about .abtBox .con5 .contBox .swiper_box ul li:nth-child(7) .cententBox::before,
.about .abtBox .con5 .contBox .swiper_box ul li:nth-child(8) .cententBox::before {
  display: none;
}
@media (max-width:1280px) {
  .about .abtBox .con5 .contBox {
    width: calc(80% - 100px);
  }
}
@media (max-width:990px) {
  .about .abtBox .con5 .contBox .swiper_box ul li .cententBox .pb {
    padding-bottom: 44%;
  }
}
@media (max-width:768px) {
  .about .abtBox .con5 .contBox .swiper_box ul li .cententBox .pb {
    padding-bottom: 28%;
  }
}
@media (max-width:990px) {
  .about .abtBox .con5 .center {
    height: 100%;
    padding: 30px 10px;
  }
  .about .abtBox .con5 .center .w1660 {
    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;
    justify-content: start;
  }
  .about .abtBox .con5 .center .w1660 .contBox {
    padding: 15px;
    position: relative;
    background: rgba(255, 255, 255, 0.219);
    margin-top: 40px;
    width: 100%;
    margin-left: 0 !important;
    overflow: auto;
  }
  .about .abtBox .con5 .center .w1660 .contBox .infoBox {
    margin-top: 0;
    background: white;
    overflow: hidden;
  }
  .about .abtBox .con5 .center .w1660 .contBox .itemBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    grid-gap: 5px 0;
  }
  .about .abtBox .con5 .center .w1660 .contBox .itemBox .item {
    width: 49%;
  }
  .about .abtBox .con5 .center .w1660 .contBox .itemBox .item .pb {
    padding-bottom: 42%;
  }
  .about .abtBox .con5 .center .w1660 .contBox .itemBox .item .pb img {
    width: 100%;
  }
}
/*关于我们 智能制造*/
.about_z .abztBox .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;
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.about_z .abztBox .con1 .images {
  width: 46.5%;
  border-radius: clamp(13.33333333px, 2.08333333vw, 40px);
}
.about_z .abztBox .con1 .images img {
  width: 100%;
}
.about_z .abztBox .con1 .centent {
  width: 46.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;
  padding-left: clamp(12.5px, 1.30208333vw, 25px);
}
.about_z .abztBox .con1 .centent .title {
  font-size: 36px;
  font-family: "sy_bo";
  color: #333333;
  line-height: 1;
}
@media (max-width:1600px) {
  .about_z .abztBox .con1 .centent .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .about_z .abztBox .con1 .centent .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con1 .centent .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con1 .centent .title {
    font-size: 20px;
  }
}
.about_z .abztBox .con1 .centent .subtitle {
  margin-top: clamp(22.5px, 2.34375vw, 45px);
  color: #333333;
  font-family: "sy_re";
  font-size: 20px;
  line-height: 1.9;
}
@media (max-width:1600px) {
  .about_z .abztBox .con1 .centent .subtitle {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .about_z .abztBox .con1 .centent .subtitle {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con1 .centent .subtitle {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con1 .centent .subtitle {
    font-size: 13px;
  }
}
.about_z .abztBox .con1 .centent .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(30px, 3.125vw, 60px) clamp(0px, 0vw, 0px);
  margin-top: clamp(50px, 5.20833333vw, 100px);
  height: auto;
}
.about_z .abztBox .con1 .centent .itemBox .item {
  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;
}
.about_z .abztBox .con1 .centent .itemBox .item .box {
  width: fit-content;
  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;
}
.about_z .abztBox .con1 .centent .itemBox .item .box .img {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:990px) {
  .about_z .abztBox .con1 .centent .itemBox .item .box .img {
    height: 60px;
  }
  .about_z .abztBox .con1 .centent .itemBox .item .box .img img {
    max-width: 43px;
  }
}
.about_z .abztBox .con1 .centent .itemBox .item .box .tt {
  font-family: "sy_re";
  font-size: 18px;
  color: #666666;
  line-height: 1;
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
@media (max-width:1600px) {
  .about_z .abztBox .con1 .centent .itemBox .item .box .tt {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .about_z .abztBox .con1 .centent .itemBox .item .box .tt {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con1 .centent .itemBox .item .box .tt {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con1 .centent .itemBox .item .box .tt {
    font-size: 12px;
  }
}
.about_z .abztBox .con1.tow {
  margin-top: clamp(55px, 5.72916667vw, 110px);
  flex-direction: row-reverse;
}
.about_z .abztBox .con1.tow .centent {
  padding-left: clamp(0px, 0vw, 0px);
}
@media (max-width:990px) {
  .about_z .abztBox .con1 {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .about_z .abztBox .con1 .images {
    width: 100%;
  }
  .about_z .abztBox .con1 .centent {
    width: 100%;
    margin-top: clamp(15px, 1.5625vw, 30px);
  }
  .about_z .abztBox .con1 .centent .itemBox {
    grid-template-columns: repeat(4, 1fr);
  }
  .about_z .abztBox .con1 .centent .itemBox .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .about_z .abztBox .con1.tow {
    margin-top: clamp(55px, 5.72916667vw, 110px);
    flex-direction: column !important;
    border-top: 1px solid #e5e5e5;
    padding-top: 50px;
  }
  .about_z .abztBox .con1.tow .centent {
    padding-left: clamp(0px, 0vw, 0px);
  }
}
.about_z .abztBox .con2 {
  background: #e5eef5;
  padding-top: clamp(42.5px, 4.42708333vw, 85px);
  padding-bottom: clamp(42.5px, 4.42708333vw, 85px);
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.about_z .abztBox .con2 .aboutzSwiper {
  overflow: hidden;
  margin-top: clamp(45px, 4.6875vw, 90px);
}
.about_z .abztBox .con2 .aboutzSwiper ul li {
  height: auto;
  width: 0;
}
.about_z .abztBox .con2 .aboutzSwiper ul li .center {
  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;
}
.about_z .abztBox .con2 .aboutzSwiper ul li .center .images {
  border-radius: clamp(6.66666667px, 1.04166667vw, 20px);
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
}
.about_z .abztBox .con2 .aboutzSwiper ul li .center .images::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #ffffff, 40%, #005ca1);
  transition: all 0.5s;
  z-index: 0;
}
.about_z .abztBox .con2 .aboutzSwiper ul li .center .images::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(255, 255, 255, 0), 60%, #00000079);
  transition: all 0.5s;
  z-index: 3;
  border-radius: 7vw;
  opacity: 0;
}
.about_z .abztBox .con2 .aboutzSwiper ul li .center .images img {
  position: relative;
  z-index: 2;
  width: 100%;
}
.about_z .abztBox .con2 .aboutzSwiper ul li .center .title {
  margin-top: clamp(22.5px, 2.34375vw, 45px);
  padding-top: clamp(12.5px, 1.30208333vw, 25px);
  font-family: "sy_re";
  font-size: 18px;
  color: #000;
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .about_z .abztBox .con2 .aboutzSwiper ul li .center .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .about_z .abztBox .con2 .aboutzSwiper ul li .center .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con2 .aboutzSwiper ul li .center .title {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con2 .aboutzSwiper ul li .center .title {
    font-size: 12px;
  }
}
.about_z .abztBox .con2 .aboutzSwiper ul li:hover .center .images,
.about_z .abztBox .con2 .aboutzSwiper ul li.swiper-slide-next .center .images {
  border-radius: 7vw;
  padding: 5px;
}
.about_z .abztBox .con2 .aboutzSwiper ul li:hover .center .images::before,
.about_z .abztBox .con2 .aboutzSwiper ul li.swiper-slide-next .center .images::before {
  opacity: 1;
}
.about_z .abztBox .con2 .aboutzSwiper ul li:hover .center .images img,
.about_z .abztBox .con2 .aboutzSwiper ul li.swiper-slide-next .center .images img {
  border-radius: 7vw;
}
.about_z .abztBox .con2 .aboutzSwiper ul li:hover .center .title,
.about_z .abztBox .con2 .aboutzSwiper ul li.swiper-slide-next .center .title {
  color: #005ca1;
}
@media (max-width:640px) {
  .about_z .abztBox .con2 .aboutzSwiper ul li.swiper-slide-active .center .images {
    border-radius: 7vw;
    padding: 8px;
  }
  .about_z .abztBox .con2 .aboutzSwiper ul li.swiper-slide-active .center .images img {
    border-radius: 7vw;
  }
  .about_z .abztBox .con2 .aboutzSwiper ul li.swiper-slide-active .center .title {
    color: #005ca1;
    border-top: 1px solid #005ca1;
  }
}
.about_z .abztBox .con3 {
  background-image: url(../images/abdbg.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(115px, 11.97916667vw, 230px);
}
@media (max-width:640px) {
  .about_z .abztBox .con3 {
    background-size: 100% 50%;
  }
}
.about_z .abztBox .con3 .center {
  margin-top: clamp(37.5px, 3.90625vw, 75px);
  background: white;
  border: 1px solid #b2cee3;
  border-radius: 30px;
  padding-left: clamp(22.5px, 2.34375vw, 45px);
  padding-right: clamp(22.5px, 2.34375vw, 45px);
  padding-top: clamp(37.5px, 3.90625vw, 75px);
  box-shadow: inset 0 5px 10px 0px #edeff0;
}
.about_z .abztBox .con3 .center .title {
  font-size: 24px;
  font-family: "sy_re";
  color: #333333;
  line-height: 1;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
}
@media (max-width:1600px) {
  .about_z .abztBox .con3 .center .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .about_z .abztBox .con3 .center .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con3 .center .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con3 .center .title {
    font-size: 15px;
  }
}
.about_z .abztBox .con3 .center .itemBox {
  padding-top: clamp(45px, 4.6875vw, 90px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.about_z .abztBox .con3 .center .itemBox .item {
  margin: 0 clamp(25px, 2.60416667vw, 50px) 0 clamp(25px, 2.60416667vw, 50px);
  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;
  cursor: pointer;
}
.about_z .abztBox .con3 .center .itemBox .item .images {
  font-size: 50px;
  width: 2em;
  height: 2em;
  border: 1px solid #005ca1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
@media (max-width:1600px) {
  .about_z .abztBox .con3 .center .itemBox .item .images {
    font-size: 44px;
  }
}
@media (max-width:1366px) {
  .about_z .abztBox .con3 .center .itemBox .item .images {
    font-size: 40px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con3 .center .itemBox .item .images {
    font-size: 34px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con3 .center .itemBox .item .images {
    font-size: 30px;
  }
}
@media (max-width:990px) {
  .about_z .abztBox .con3 .center .itemBox .item .images img {
    max-width: 50%;
  }
}
.about_z .abztBox .con3 .center .itemBox .item .tit {
  text-align: center;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  font-size: 18px;
  font-family: "sy_re";
  color: #333333;
  line-height: 1.6;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .about_z .abztBox .con3 .center .itemBox .item .tit {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .about_z .abztBox .con3 .center .itemBox .item .tit {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con3 .center .itemBox .item .tit {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con3 .center .itemBox .item .tit {
    font-size: 12px;
  }
}
.about_z .abztBox .con3 .center .itemBox .item:hover .images {
  transform: rotate(360deg);
}
.about_z .abztBox .con3 .center .itemBox .item:hover .tit {
  color: #005ca1;
}
@media (max-width:990px) {
  .about_z .abztBox .con3 .center .itemBox {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 0;
  }
}
@media (max-width:480px) {
  .about_z .abztBox .con3 .center .itemBox {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 0;
  }
  .about_z .abztBox .con3 .center .itemBox .item {
    margin: 0 10px !important;
  }
}
.about_z .abztBox .con4 {
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(55px, 5.72916667vw, 110px);
}
.about_z .abztBox .con4 .navTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: clamp(30px, 3.125vw, 60px);
  border-bottom: 1px solid #e6e6e6;
}
.about_z .abztBox .con4 .navTop .idx_bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 10px;
}
.about_z .abztBox .con4 .navTop .idx_bot > div {
  width: 60px;
  height: 60px;
  border: 2px solid #dcdcdc;
  flex-shrink: 0;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.about_z .abztBox .con4 .navTop .idx_bot > div i::before {
  font-size: 22px;
}
@media (max-width:1600px) {
  .about_z .abztBox .con4 .navTop .idx_bot > div i::before {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .about_z .abztBox .con4 .navTop .idx_bot > div i::before {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con4 .navTop .idx_bot > div i::before {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con4 .navTop .idx_bot > div i::before {
    font-size: 14px;
  }
}
.about_z .abztBox .con4 .navTop .idx_bot > div:hover {
  background: #005ca1;
  color: #fff;
  border: 1px solid #005ca1;
}
@media (max-width:990px) {
  .about_z .abztBox .con4 .navTop .idx_bot {
    display: none;
  }
}
.about_z .abztBox .con4 .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
}
.about_z .abztBox .con4 .itemBox .item {
  position: relative;
  /* &.swiper-slide-active, */
}
.about_z .abztBox .con4 .itemBox .item .conInfo {
  padding-top: clamp(17.5px, 1.82291667vw, 35px);
  padding-bottom: clamp(35px, 3.64583333vw, 70px);
  padding-left: clamp(30px, 3.125vw, 60px);
  padding-right: clamp(5px, 0.52083333vw, 10px);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.about_z .abztBox .con4 .itemBox .item .conInfo .number {
  font-family: "din_me";
  font-size: 150px;
  color: #005ca1;
  text-align: end;
  line-height: 1;
  position: relative;
  z-index: 2;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.about_z .abztBox .con4 .itemBox .item .conInfo .tBox {
  margin-top: clamp(45px, 4.6875vw, 90px);
  position: relative;
  z-index: 2;
}
.about_z .abztBox .con4 .itemBox .item .conInfo .tBox .tit {
  font-family: "sy_bo";
  color: #333333;
  font-size: 20px;
  line-height: 1;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
@media (max-width:1600px) {
  .about_z .abztBox .con4 .itemBox .item .conInfo .tBox .tit {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .about_z .abztBox .con4 .itemBox .item .conInfo .tBox .tit {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con4 .itemBox .item .conInfo .tBox .tit {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con4 .itemBox .item .conInfo .tBox .tit {
    font-size: 13px;
  }
}
.about_z .abztBox .con4 .itemBox .item .conInfo .tBox .sub {
  font-family: "sy_re";
  color: #666666;
  font-size: 16px;
  line-height: 1;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
@media (max-width:1366px) {
  .about_z .abztBox .con4 .itemBox .item .conInfo .tBox .sub {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .about_z .abztBox .con4 .itemBox .item .conInfo .tBox .sub {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .about_z .abztBox .con4 .itemBox .item .conInfo .tBox .sub {
    font-size: 12px;
  }
}
.about_z .abztBox .con4 .itemBox .item .conInfo .images {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  -webkit-clip-path: circle(25% at 80% 54%);
  clip-path: circle(17.5% at 80% 54%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.about_z .abztBox .con4 .itemBox .item .conInfo .images img {
  height: 100%;
  max-width: none;
}
.about_z .abztBox .con4 .itemBox .item .conInfo .images::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background: linear-gradient(0deg, #005ca1, 40%, transparent);
}
.about_z .abztBox .con4 .itemBox .item:hover .conInfo .number {
  color: white;
}
.about_z .abztBox .con4 .itemBox .item:hover .conInfo .tBox .tit {
  color: white;
}
.about_z .abztBox .con4 .itemBox .item:hover .conInfo .tBox .sub {
  color: white;
}
.about_z .abztBox .con4 .itemBox .item:hover .conInfo .images {
  -webkit-clip-path: circle(105% at 70% 75%);
  clip-path: circle(105% at 70% 75%);
}
.about_z .abztBox .con4 .itemBox .item:hover .conInfo .images::after {
  height: 100%;
}
.about_z .abztBox .con4 .idx_button {
  width: 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;
}
.about_z .abztBox .con4 .idx_button a {
  border: 1px solid #005ca1;
  width: fit-content;
}
/*联系我们*/
.contant {
  background: #f6f7fa;
}
.contant .contantBox {
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(70px, 7.29166667vw, 140px);
  position: relative;
}
.contant .contantBox .contaInfo {
  padding-top: clamp(50px, 5.20833333vw, 100px);
  padding-bottom: clamp(47.5px, 4.94791667vw, 95px);
  background: white;
}
.contant .contantBox .contaInfo .con1 {
  padding-left: clamp(25px, 2.60416667vw, 50px);
  padding-right: clamp(25px, 2.60416667vw, 50px);
  border-bottom: 2px solid #e4e9ec;
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
}
.contant .contantBox .contaInfo .con1 .title {
  font-size: 36px;
  font-family: "sy_bo";
  line-height: 1;
  color: #222222;
}
@media (max-width:1600px) {
  .contant .contantBox .contaInfo .con1 .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con1 .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con1 .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .contant .contantBox .contaInfo .con1 .title {
    font-size: 20px;
  }
}
.contant .contantBox .contaInfo .con1 .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(40px, 4.16666667vw, 80px) clamp(15px, 1.5625vw, 30px);
  margin-top: clamp(30px, 3.125vw, 60px);
}
.contant .contantBox .contaInfo .con1 .itemBox .item {
  background: #f6f7fa;
  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;
}
.contant .contantBox .contaInfo .con1 .itemBox .item .pb {
  padding-bottom: 60%;
}
.contant .contantBox .contaInfo .con1 .itemBox .item .pb .ab img {
  width: 100%;
}
.contant .contantBox .contaInfo .con1 .itemBox .item .fontBox {
  width: 72%;
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.contant .contantBox .contaInfo .con1 .itemBox .item .fontBox .font1 {
  font-family: "sy_bo";
  font-size: 20px;
  color: #000;
  line-height: 2.2;
  text-align: center;
}
@media (max-width:1600px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .fontBox .font1 {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .fontBox .font1 {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .fontBox .font1 {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .fontBox .font1 {
    font-size: 13px;
  }
}
.contant .contantBox .contaInfo .con1 .itemBox .item .fontBox .font2 {
  font-family: "sy_re";
  font-size: 16px;
  color: #3a3a3b;
  line-height: 1.9;
  text-align: center;
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .fontBox .font2 {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .fontBox .font2 {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .fontBox .font2 {
    font-size: 12px;
  }
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox {
  width: 72%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: clamp(30px, 3.125vw, 60px);
  padding-bottom: clamp(15px, 1.5625vw, 30px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0 10px;
  cursor: pointer;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .img {
  filter: brightness(0) invert(0.5);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .f {
  font-size: 16px;
  color: #222222;
  font-family: "sy_re";
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .f {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .f {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .f {
    font-size: 12px;
  }
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .f a {
  font-size: 16px;
  color: #222222;
  font-family: "sy_re";
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .f a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .f a {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .f a {
    font-size: 12px;
  }
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .float {
  position: absolute;
  top: calc(100% + 10px);
  background: white;
  width: 85px;
  height: 40px;
  box-shadow: 0 0 10px 1px #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 14px;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  transform: translateY(10px);
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .float {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .float {
    font-size: 12px;
  }
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it .float::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  bottom: 100%;
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it:hover .img {
  filter: brightness(1) invert(0);
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it:hover .f {
  color: #005ca1;
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it:hover .f a {
  color: #005ca1;
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .it:hover .float {
  opacity: 1;
  transform: translateY(0px);
}
.contant .contantBox .contaInfo .con1 .itemBox .item .mapBox .line {
  width: 2px;
  height: 35px;
  background: #d8d8d8;
}
@media (max-width:800px) {
  .contant .contantBox .contaInfo .con1 .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contant .contantBox .contaInfo .con2 {
  padding-left: clamp(25px, 2.60416667vw, 50px);
  padding-right: clamp(25px, 2.60416667vw, 50px);
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.contant .contantBox .contaInfo .con2 .boxCon {
  width: 50%;
}
.contant .contantBox .contaInfo .con2 .boxCon .title {
  font-size: 36px;
  font-family: "sy_bo";
  line-height: 1;
  color: #222222;
}
@media (max-width:1600px) {
  .contant .contantBox .contaInfo .con2 .boxCon .title {
    font-size: 30px;
  }
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con2 .boxCon .title {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con2 .boxCon .title {
    font-size: 21px;
  }
}
@media (max-width:768px) {
  .contant .contantBox .contaInfo .con2 .boxCon .title {
    font-size: 20px;
  }
}
.contant .contantBox .contaInfo .con2 .boxCon .subtit {
  font-size: 20px;
  font-family: "sy_me";
  line-height: 1.8;
  color: #333333;
  margin-top: clamp(25px, 2.60416667vw, 50px);
}
@media (max-width:1600px) {
  .contant .contantBox .contaInfo .con2 .boxCon .subtit {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con2 .boxCon .subtit {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con2 .boxCon .subtit {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .contant .contantBox .contaInfo .con2 .boxCon .subtit {
    font-size: 13px;
  }
}
.contant .contantBox .contaInfo .con2 .boxCon .inputBox {
  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(15px, 1.5625vw, 30px) clamp(0px, 0vw, 0px);
  margin-top: clamp(32.5px, 3.38541667vw, 65px);
  z-index: 2;
  position: relative;
}
.contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item {
  height: 50px;
  border-bottom: 1px solid #dae1e5;
  padding: 0;
  margin: 0;
}
.contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item .layui-input-block {
  width: 100%;
  height: 100%;
  margin: 0;
}
.contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item input {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 16px;
  font-family: "sy_re";
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item input {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item input {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item input {
    font-size: 12px;
  }
}
.contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item select {
  width: 100%;
  height: 100%;
  border: 0;
  background: none;
  color: #777777;
  font-size: 16px;
  font-family: "sy_re";
}
@media (max-width:1366px) {
  .contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item select {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item select {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item select {
    font-size: 12px;
  }
}
.contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item .layui-input,
.contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item .layui-select,
.contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item .layui-textarea {
  color: #999;
}
.contant .contantBox .contaInfo .con2 .boxCon .inputBox .layui-form-item .layui-form-select dl dd.layui-this {
  color: #005ca1;
}
.contant .contantBox .contaInfo .con2 .boxCon .layui-btn-container {
  margin-top: clamp(35px, 3.64583333vw, 70px);
  z-index: 0;
  position: relative;
}
.contant .contantBox .contaInfo .con2 .boxCon .layui-btn-container .layui-btn {
  margin: clamp(0px, 0vw);
  width: 100px;
  height: 40px;
  background: #005ca1;
}
@media (max-width:990px) {
  .contant .contantBox .contaInfo .con2 .boxCon {
    width: 100%;
    z-index: 3;
    position: relative;
  }
}
.contant .contantBox .bottomImg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
}
.search .product_banner {
  background: #e5eef5;
}
.search .product_banner .navigation {
  border-bottom: 1px solid #dae2ed;
}
.search .product_banner .navigation .cent {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.search .product_banner .navigation .cent a {
  font-size: 14px;
  font-family: "sy_re";
  color: #666666;
  line-height: 1;
}
@media (max-width:1366px) {
  .search .product_banner .navigation .cent a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .search .product_banner .navigation .cent a {
    font-size: 12px;
  }
}
.search .product_banner .searchInput {
  margin-top: clamp(20px, 2.08333333vw, 40px);
}
.search .product_banner .searchInput .layui-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: clamp(0px, 0vw, 0px) clamp(10px, 1.04166667vw, 20px);
}
.search .product_banner .searchInput .layui-form .layui-form-item {
  margin-bottom: 0;
  width: 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;
}
.search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block {
  padding: 0;
  margin: 0;
  position: relative;
  width: 50%;
  border: 1px solid #cad1e1;
}
@media (max-width:990px) {
  .search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block {
    width: 100%;
  }
}
.search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block .layui-input {
  height: 56px;
  width: 100%;
  border-radius: 3px;
  font-size: 16px;
  padding-left: 23px;
}
@media (max-width:1366px) {
  .search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block .layui-input {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block .layui-input {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block .layui-input {
    font-size: 12px;
  }
}
.search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block i {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 52px;
  height: 52px;
  background: #0cb4f2;
  display: -webkit-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: 3px;
  cursor: pointer;
}
.search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block i::before {
  color: white;
  font-size: 22px;
}
@media (max-width:1600px) {
  .search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block i::before {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block i::before {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block i::before {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .search .product_banner .searchInput .layui-form .layui-form-item .layui-input-block i::before {
    font-size: 14px;
  }
}
.search .product_banner .listBox {
  margin-top: clamp(45px, 4.6875vw, 90px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: clamp(0px, 0vw, 0px) clamp(47.5px, 4.94791667vw, 95px);
}
.search .product_banner .listBox .item {
  font-size: 18px;
  font-family: "sy_re";
  color: #222222;
  line-height: 1;
  cursor: pointer;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  position: relative;
  -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-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:1600px) {
  .search .product_banner .listBox .item {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .search .product_banner .listBox .item {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .search .product_banner .listBox .item {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .search .product_banner .listBox .item {
    font-size: 12px;
  }
}
.search .product_banner .listBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 2px;
  background: #005ca1;
  transition: all 0.5s;
}
.search .product_banner .listBox .item:hover,
.search .product_banner .listBox .item.active {
  color: #005ca1;
}
.search .product_banner .listBox .item:hover::after,
.search .product_banner .listBox .item.active::after {
  width: 100%;
}
@media (max-width:990px) {
  .search .product_banner .listBox {
    grid-gap: clamp(0px, 0vw, 0px) clamp(10px, 1.04166667vw, 20px);
  }
}
.search .searchBox .con1 .searResult {
  margin-top: clamp(20px, 2.08333333vw, 40px);
  font-size: 16px;
  color: #666666;
  font-family: "sy_me";
  line-height: 1;
}
@media (max-width:1366px) {
  .search .searchBox .con1 .searResult {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .search .searchBox .con1 .searResult {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .search .searchBox .con1 .searResult {
    font-size: 12px;
  }
}
.search .searchBox .con1 .searResult span {
  color: #e02323;
}
.search .searchBox .con1 .result .item {
  margin-top: clamp(27.5px, 2.86458333vw, 55px);
}
.search .searchBox .con1 .result .item a .title {
  font-size: 20px;
  font-family: "sy_me";
  color: #333333;
  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;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 10px 0;
}
@media (max-width:1600px) {
  .search .searchBox .con1 .result .item a .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .search .searchBox .con1 .result .item a .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .search .searchBox .con1 .result .item a .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .search .searchBox .con1 .result .item a .title {
    font-size: 13px;
  }
}
.search .searchBox .con1 .result .item a .title span {
  color: #e02323;
}
.search .searchBox .con1 .result .item a .title .fl {
  padding-left: clamp(8px, 0.83333333vw, 16px);
  padding-right: clamp(8px, 0.83333333vw, 16px);
  padding-top: clamp(3px, 0.3125vw, 6px);
  padding-bottom: clamp(3px, 0.3125vw, 6px);
  background: #cfe4f4;
  color: #005ca1;
  font-size: 16px;
  border-radius: 8px;
}
@media (max-width:1366px) {
  .search .searchBox .con1 .result .item a .title .fl {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .search .searchBox .con1 .result .item a .title .fl {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .search .searchBox .con1 .result .item a .title .fl {
    font-size: 12px;
  }
}
.search .searchBox .con1 .result .item a .subtitle {
  margin-top: clamp(5px, 0.52083333vw, 10px);
  line-height: 1.75;
  font-size: 16px;
  font-family: "sy_re";
  color: #666666;
}
@media (max-width:1366px) {
  .search .searchBox .con1 .result .item a .subtitle {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .search .searchBox .con1 .result .item a .subtitle {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .search .searchBox .con1 .result .item a .subtitle {
    font-size: 12px;
  }
}
.search .searchBox .con1 .pagerEm .layui-laypage {
  padding-top: clamp(65px, 6.77083333vw, 130px);
  padding-bottom: clamp(55px, 5.72916667vw, 110px);
}
.new .product_banner {
  display: -webkit-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;
}
.new .product_banner .newCon {
  position: absolute;
  font-size: 48px;
  font-family: "sy_bo";
  color: white;
  line-height: 1;
}
@media (max-width:1600px) {
  .new .product_banner .newCon {
    font-size: 42px;
  }
}
@media (max-width:1366px) {
  .new .product_banner .newCon {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .new .product_banner .newCon {
    font-size: 32px;
  }
}
@media (max-width:768px) {
  .new .product_banner .newCon {
    font-size: 28px;
  }
}
.new .newBox .con1 {
  padding-top: clamp(57.5px, 5.98958333vw, 115px);
  position: relative;
  z-index: 5;
}
.new .newBox .con1 .layui-form {
  grid-gap: clamp(0px, 0vw, 0px) clamp(15px, 1.5625vw, 30px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
}
.new .newBox .con1 .layui-form .layui-form-item {
  margin-bottom: 0;
}
.new .newBox .con1 .layui-form .layui-form-item .layui-input-block {
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  border: 1px solid #cad1e1;
}
.new .newBox .con1 .layui-form .layui-form-item .layui-input-block .layui-input {
  height: 55px;
  width: 100%;
  border-radius: 3px;
  font-size: 16px;
  padding-left: 23px;
}
@media (max-width:1366px) {
  .new .newBox .con1 .layui-form .layui-form-item .layui-input-block .layui-input {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .new .newBox .con1 .layui-form .layui-form-item .layui-input-block .layui-input {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .new .newBox .con1 .layui-form .layui-form-item .layui-input-block .layui-input {
    font-size: 12px;
  }
}
.new .newBox .con1 .layui-form .layui-form-item .layui-input-block i.iconfont {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 52px;
  height: 52px;
  background: #0cb4f2;
  display: -webkit-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: 3px;
  cursor: pointer;
}
.new .newBox .con1 .layui-form .layui-form-item .layui-input-block i.iconfont::before {
  color: white;
  font-size: 22px;
}
@media (max-width:1600px) {
  .new .newBox .con1 .layui-form .layui-form-item .layui-input-block i.iconfont::before {
    font-size: 20px;
  }
}
@media (max-width:1366px) {
  .new .newBox .con1 .layui-form .layui-form-item .layui-input-block i.iconfont::before {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  .new .newBox .con1 .layui-form .layui-form-item .layui-input-block i.iconfont::before {
    font-size: 15px;
  }
}
@media (max-width:768px) {
  .new .newBox .con1 .layui-form .layui-form-item .layui-input-block i.iconfont::before {
    font-size: 14px;
  }
}
.new .newBox .con1 .layui-form .layui-form-item .layui-input-block .layui-form-select dl dd.layui-this {
  color: #005ca1;
}
.new .newBox .con1 .layui-form .layui-form-item:last-child {
  grid-area: 1 / 3 / 2 / 5;
}
@media (max-width:640px) {
  .new .newBox .con1 .layui-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 10px 10px;
  }
  .new .newBox .con1 .layui-form .layui-form-item {
    width: calc(50% - 5px);
  }
  .new .newBox .con1 .layui-form .layui-form-item:last-child {
    width: 100% !important;
  }
}
.new .newBox .con2 {
  margin-top: clamp(30px, 3.125vw, 60px);
  position: relative;
  z-index: 1;
}
.new .newBox .con2 .itemBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(40px, 4.16666667vw, 80px) clamp(40px, 4.16666667vw, 80px);
}
.new .newBox .con2 .itemBox .item {
  padding-bottom: clamp(30px, 3.125vw, 60px);
  border-bottom: 1px solid #e5e5e5;
}
.new .newBox .con2 .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;
}
.new .newBox .con2 .itemBox .item a .pb {
  padding-bottom: 46.5%;
}
.new .newBox .con2 .itemBox .item a .pb .ab {
  overflow: hidden;
}
.new .newBox .con2 .itemBox .item a .pb .ab img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.new .newBox .con2 .itemBox .item a .title {
  font-family: "sy_me";
  font-size: 20px;
  color: #222222;
  line-height: 1;
  margin-top: clamp(20px, 2.08333333vw, 40px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .new .newBox .con2 .itemBox .item a .title {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .new .newBox .con2 .itemBox .item a .title {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .new .newBox .con2 .itemBox .item a .title {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .new .newBox .con2 .itemBox .item a .title {
    font-size: 13px;
  }
}
.new .newBox .con2 .itemBox .item a .subtitle {
  font-family: "eu_me";
  font-size: 18px;
  color: #afbcc6;
  line-height: 1;
  margin-top: clamp(7.5px, 0.78125vw, 15px);
}
@media (max-width:1600px) {
  .new .newBox .con2 .itemBox .item a .subtitle {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .new .newBox .con2 .itemBox .item a .subtitle {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .new .newBox .con2 .itemBox .item a .subtitle {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .new .newBox .con2 .itemBox .item a .subtitle {
    font-size: 12px;
  }
}
.new .newBox .con2 .itemBox .item a .content {
  font-family: "sy_re";
  font-size: 16px;
  color: #666666;
  line-height: 1.875;
  margin-top: clamp(15px, 1.5625vw, 30px);
}
@media (max-width:1366px) {
  .new .newBox .con2 .itemBox .item a .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .new .newBox .con2 .itemBox .item a .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .new .newBox .con2 .itemBox .item a .content {
    font-size: 12px;
  }
}
.new .newBox .con2 .itemBox .item:hover a .pb .ab img {
  transform: scale(1.02);
}
.new .newBox .con2 .itemBox .item:hover a .title {
  color: #005ca1;
}
@media (max-width:990px) {
  .new .newBox .con2 .itemBox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:640px) {
  .new .newBox .con2 .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.new .newBox .con2 .pagerEm .layui-laypage {
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.newlist {
  background-image: url(../images/newlisbg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #e5eef5;
}
@media (max-width:990px) {
  .newlist {
    background-size: 100% 20%;
  }
}
.newlist .navigationNew {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ffffff44;
}
.newlist .navigationNew .w1660 {
  height: 100%;
}
.newlist .navigationNew .w1660 .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.newlist .navigationNew .w1660 .info a {
  color: #ffffff93;
  font-family: "sy_re";
  font-size: 14px;
  line-height: 1;
}
@media (max-width:1366px) {
  .newlist .navigationNew .w1660 .info a {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .newlist .navigationNew .w1660 .info a {
    font-size: 12px;
  }
}
.newlist .navBox {
  margin-top: clamp(85px, 8.85416667vw, 170px);
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
}
.newlist .navBox .navTopNew .title {
  font-size: 64px;
  font-family: "sy_bo";
  color: #ffffff;
  line-height: 1;
  text-align: center;
  padding-bottom: clamp(25px, 2.60416667vw, 50px);
  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;
}
@media (max-width:1600px) {
  .newlist .navBox .navTopNew .title {
    font-size: 55px;
  }
}
@media (max-width:1366px) {
  .newlist .navBox .navTopNew .title {
    font-size: 48px;
  }
}
@media (max-width:1024px) {
  .newlist .navBox .navTopNew .title {
    font-size: 40px;
  }
}
@media (max-width:768px) {
  .newlist .navBox .navTopNew .title {
    font-size: 31px;
  }
}
@media (max-width:480px) {
  .newlist .navBox .navTopNew .title {
    font-size: 28px;
  }
}
@media (max-width:360px) {
  .newlist .navBox .navTopNew .title {
    font-size: 26px;
  }
}
.newlist .navBox .navTopNew .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 2px;
  background: #ffffff;
  transition: all 0.5s;
}
.newlist .navBox .navTopNew .time {
  font-size: 20px;
  font-family: "sy_re";
  color: #ffffffa8;
  line-height: 1;
  text-align: center;
  margin-top: clamp(25px, 2.60416667vw, 50px);
}
@media (max-width:1600px) {
  .newlist .navBox .navTopNew .time {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .newlist .navBox .navTopNew .time {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .newlist .navBox .navTopNew .time {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .newlist .navBox .navTopNew .time {
    font-size: 13px;
  }
}
.newlist .navBox .newConBox {
  background: white;
  padding-left: clamp(50px, 5.20833333vw, 100px);
  padding-right: clamp(50px, 5.20833333vw, 100px);
  padding-top: clamp(45px, 4.6875vw, 90px);
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
  margin-top: clamp(45px, 4.6875vw, 90px);
}
.newlist .navBox .newConBox .text {
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: clamp(37.5px, 3.90625vw, 75px);
}
.newlist .navBox .newConBox .text * {
  font-family: "sy_re";
  color: #333333;
}
.newlist .navBox .newConBox .text p {
  font-size: 18px;
  line-height: 2.5;
}
@media (max-width:1600px) {
  .newlist .navBox .newConBox .text p {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .newlist .navBox .newConBox .text p {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .newlist .navBox .newConBox .text p {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .newlist .navBox .newConBox .text p {
    font-size: 12px;
  }
}
.newlist .navBox .newConBox .text img {
  margin: 20px 0;
}
.newlist .navBox .newConBox .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;
  margin-top: clamp(35px, 3.64583333vw, 70px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 20px 0;
}
.newlist .navBox .newConBox .botBox .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: 20px 0;
}
.newlist .navBox .newConBox .botBox .left .it a {
  font-size: 18px;
  font-family: "sy_re";
  color: #333333;
  line-height: 1.2;
}
@media (max-width:1600px) {
  .newlist .navBox .newConBox .botBox .left .it a {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .newlist .navBox .newConBox .botBox .left .it a {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .newlist .navBox .newConBox .botBox .left .it a {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .newlist .navBox .newConBox .botBox .left .it a {
    font-size: 12px;
  }
}
.newlist .navBox .newConBox .botBox .left .it a:hover span {
  color: #005ca1;
}
.newlist .navBox .newConBox .botBox .right .idx_button {
  margin-top: 0;
}
.newlist .navBox .newConBox .botBox .right .idx_button a {
  background: #005ca1;
  color: white;
}
.newlist .navBox .newConBox .botBox .right .idx_button a i::before {
  color: white;
}
.newlist .navBox .newConBox .botBox .right .idx_button a::after {
  background: #da251c;
}
.newlist .recommend {
  background: #f2f7fa;
  padding-top: clamp(37.5px, 3.90625vw, 75px);
  padding-bottom: clamp(50px, 5.20833333vw, 100px);
}
.newlist .recommend .content .title {
  font-size: 40px;
  font-family: "sy_me";
  color: #000;
  line-height: 1;
}
@media (max-width:1600px) {
  .newlist .recommend .content .title {
    font-size: 36px;
  }
}
@media (max-width:1366px) {
  .newlist .recommend .content .title {
    font-size: 32px;
  }
}
@media (max-width:1024px) {
  .newlist .recommend .content .title {
    font-size: 26px;
  }
}
@media (max-width:768px) {
  .newlist .recommend .content .title {
    font-size: 23px;
  }
}
.newlist .recommend .content .itemBox {
  margin-top: clamp(35px, 3.64583333vw, 70px);
}
.newlist .recommend .content .itemBox ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(27.5px, 2.86458333vw, 55px) clamp(40px, 4.16666667vw, 80px);
}
.newlist .recommend .content .itemBox ul li 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;
}
.newlist .recommend .content .itemBox ul li a .tit {
  font-family: "sy_re";
  font-size: 20px;
  color: #666666;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding-left: 15px;
}
@media (max-width:1600px) {
  .newlist .recommend .content .itemBox ul li a .tit {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .newlist .recommend .content .itemBox ul li a .tit {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .newlist .recommend .content .itemBox ul li a .tit {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .newlist .recommend .content .itemBox ul li a .tit {
    font-size: 13px;
  }
}
.newlist .recommend .content .itemBox ul li a .tit::after {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50%;
}
.newlist .recommend .content .itemBox ul li a .time {
  font-family: "sy_re";
  font-size: 14px;
  color: #c9c9c9;
  line-height: 1;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  padding-left: 15px;
}
@media (max-width:1366px) {
  .newlist .recommend .content .itemBox ul li a .time {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .newlist .recommend .content .itemBox ul li a .time {
    font-size: 12px;
  }
}
.newlist .recommend .content .itemBox ul li a:hover .tit {
  color: #005ca1;
}
.newlist .recommend .content .itemBox ul li a:hover .tit::after {
  background: #005ca1;
}
@media (max-width:990px) {
  .newlist .recommend .content .itemBox ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.app {
  background: #e5eef5;
}
.app .appBox {
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(55px, 5.72916667vw, 110px);
}
.app .appBox .con1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(20px, 2.08333333vw, 40px);
}
.app .appBox .con1 .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;
}
.app .appBox .con1 .item a .left {
  width: 50%;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
}
.app .appBox .con1 .item a .left img {
  width: 100%;
}
.app .appBox .con1 .item a .right {
  background-image: url(../images/apbga.jpg);
  background-color: #fff;
  width: 50%;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 30px 0;
}
.app .appBox .con1 .item a .right .center {
  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-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-left: clamp(18px, 1.875vw, 36px);
  padding-right: clamp(18px, 1.875vw, 36px);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.app .appBox .con1 .item a .right .center .title {
  font-family: "sy_re";
  font-size: 12px;
  color: #999999;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.app .appBox .con1 .item a .right .center .subtitle {
  font-family: "sy_me";
  font-size: 28px;
  color: #333333;
  line-height: 1;
  margin-top: clamp(7.5px, 0.78125vw, 15px);
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  border-bottom: 1px solid #e2e2e2;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .app .appBox .con1 .item a .right .center .subtitle {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .app .appBox .con1 .item a .right .center .subtitle {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  .app .appBox .con1 .item a .right .center .subtitle {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .app .appBox .con1 .item a .right .center .subtitle {
    font-size: 17px;
  }
}
.app .appBox .con1 .item a .right .center .centent {
  font-size: 16px;
  font-family: "sy_re";
  color: #666666;
  line-height: 2;
  margin-top: clamp(20px, 2.08333333vw, 40px);
  min-height: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .app .appBox .con1 .item a .right .center .centent {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .app .appBox .con1 .item a .right .center .centent {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .app .appBox .con1 .item a .right .center .centent {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .app .appBox .con1 .item a .right .center .centent {
    min-height: auto;
  }
}
.app .appBox .con1 .item a .right .center .but {
  font-size: 14px;
  color: white;
  background: #005ca1;
  width: 113px;
  height: 40px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: clamp(60px, 6.25vw, 120px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .app .appBox .con1 .item a .right .center .but {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .app .appBox .con1 .item a .right .center .but {
    font-size: 12px;
  }
}
.app .appBox .con1 .item a .right .center .but img {
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-left: 10px;
}
.app .appBox .con1 .item a .right::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url(../images/apbg.jpg);
  background-color: #fff;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.5s;
  z-index: 1;
  opacity: 0;
}
.app .appBox .con1 .item a:hover .right .center .title {
  color: #ffffff85;
}
.app .appBox .con1 .item a:hover .right .center .subtitle {
  color: #ffffff;
}
.app .appBox .con1 .item a:hover .right .center .centent {
  color: #ffffff;
}
.app .appBox .con1 .item a:hover .right .center .but {
  color: #005ca1;
  background: #fff;
}
.app .appBox .con1 .item a:hover .right .center .but img {
  filter: brightness(1) invert(0);
}
.app .appBox .con1 .item a:hover .right::after {
  width: 100%;
  opacity: 1;
}
@media (max-width:768px) {
  .app .appBox .con1 .item a {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .app .appBox .con1 .item a .left {
    width: 100%;
  }
  .app .appBox .con1 .item a .right {
    width: 100%;
  }
}
@media (max-width:768px) {
  .app .appBox .con1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.applist .applistTitle .title {
  text-transform: uppercase;
  color: #959595;
  font-family: "sy_re";
  font-size: 18px;
  line-height: 1;
}
@media (max-width:1600px) {
  .applist .applistTitle .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .applist .applistTitle .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .applist .applistTitle .title {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .applist .applistTitle .title {
    font-size: 12px;
  }
}
.applist .applistTitle .subtitle {
  font-family: "sy_bo";
  font-size: 40px;
  color: #005ca1;
  line-height: 1;
  margin-top: clamp(17.5px, 1.82291667vw, 35px);
}
@media (max-width:1600px) {
  .applist .applistTitle .subtitle {
    font-size: 36px;
  }
}
@media (max-width:1366px) {
  .applist .applistTitle .subtitle {
    font-size: 32px;
  }
}
@media (max-width:1024px) {
  .applist .applistTitle .subtitle {
    font-size: 26px;
  }
}
@media (max-width:768px) {
  .applist .applistTitle .subtitle {
    font-size: 23px;
  }
}
.applist .applistBox .con1 {
  background-image: url(../images/aplibg.jpg);
  background-color: #fff;
  width: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
}
.applist .applistBox .con1 .infoBox {
  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;
}
.applist .applistBox .con1 .infoBox .left {
  width: 196px;
  display: flex;
  flex-shrink: 0;
  padding-top: clamp(60px, 6.25vw, 120px);
}
.applist .applistBox .con1 .infoBox .content {
  width: 43%;
  padding-top: clamp(90px, 9.375vw, 180px);
  padding-bottom: clamp(115px, 11.97916667vw, 230px);
  font-size: 16px;
  font-family: "sy_re";
  color: #333333;
  line-height: 2.25;
}
@media (max-width:1366px) {
  .applist .applistBox .con1 .infoBox .content {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .applist .applistBox .con1 .infoBox .content {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .applist .applistBox .con1 .infoBox .content {
    font-size: 12px;
  }
}
.applist .applistBox .con1 .infoBox .right {
  width: 34%;
  padding-top: clamp(85px, 8.85416667vw, 170px);
}
.applist .applistBox .con1 .infoBox .right .centent {
  position: relative;
}
.applist .applistBox .con1 .infoBox .right .centent .introduce {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 8%;
  left: 29%;
  border-radius: 50%;
  background: #ffffff;
  display: -webkit-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;
}
.applist .applistBox .con1 .infoBox .right .centent .introduce::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  border-radius: 50%;
  height: 100%;
  background: #005ca1;
  animation-name: scalef;
  /*关键帧名称*/
  animation-iteration-count: infinite;
  /*动画播放的次数*/
  animation-duration: 2.5s;
  /*动画所花费的时间*/
  z-index: 0;
}
.applist .applistBox .con1 .infoBox .right .centent .introduce::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  border-radius: 50%;
  height: 100%;
  background: white;
  z-index: 2;
}
.applist .applistBox .con1 .infoBox .right .centent .introduce i {
  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;
  width: 100%;
  height: 100%;
}
.applist .applistBox .con1 .infoBox .right .centent .introduce i::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  border-radius: 50%;
  height: 100%;
  background: #005ca1;
  animation-name: scalef;
  /*关键帧名称*/
  animation-iteration-count: infinite;
  /*动画播放的次数*/
  animation-duration: 5s;
  /*动画所花费的时间*/
  z-index: 0;
}
.applist .applistBox .con1 .infoBox .right .centent .introduce i::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  border-radius: 50%;
  height: 100%;
  background: #005ca1;
  animation-name: scalef;
  /*关键帧名称*/
  animation-iteration-count: infinite;
  /*动画播放的次数*/
  animation-duration: 7s;
  /*动画所花费的时间*/
  z-index: 0;
}
.applist .applistBox .con1 .infoBox .right .centent .introduce .inBox {
  position: absolute;
  min-width: 337px;
  padding-left: clamp(10px, 1.04166667vw, 20px);
  padding-right: clamp(10px, 1.04166667vw, 20px);
  padding-top: clamp(10px, 1.04166667vw, 20px);
  padding-bottom: clamp(7.5px, 0.78125vw, 15px);
  border-radius: clamp(3.33333333px, 0.52083333vw, 10px);
  height: auto;
  top: calc(100% + 28px);
  background: white;
  display: -webkit-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-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.applist .applistBox .con1 .infoBox .right .centent .introduce .inBox::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20.5px 18px 20.5px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  bottom: 100%;
}
.applist .applistBox .con1 .infoBox .right .centent .introduce .inBox .title {
  font-family: "sy_re";
  font-size: 18px;
  color: #333333;
  line-height: 1;
  width: 100%;
}
@media (max-width:1600px) {
  .applist .applistBox .con1 .infoBox .right .centent .introduce .inBox .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .applist .applistBox .con1 .infoBox .right .centent .introduce .inBox .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .applist .applistBox .con1 .infoBox .right .centent .introduce .inBox .title {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .applist .applistBox .con1 .infoBox .right .centent .introduce .inBox .title {
    font-size: 12px;
  }
}
.applist .applistBox .con1 .infoBox .right .centent .introduce .inBox .img {
  margin-top: clamp(7.5px, 0.78125vw, 15px);
  border-radius: clamp(3.33333333px, 0.52083333vw, 10px);
}
@media (max-width:1366px) {
  .applist .applistBox .con1 .infoBox .right .centent .introduce .inBox {
    min-width: 280px;
  }
}
@media (max-width:1200px) {
  .applist .applistBox .con1 .infoBox .right .centent .introduce .inBox {
    min-width: 200px;
  }
}
@media (max-width:990px) {
  .applist .applistBox .con1 .infoBox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .applist .applistBox .con1 .infoBox .left {
    width: 100%;
  }
  .applist .applistBox .con1 .infoBox .content {
    width: 100%;
    padding: 20px 0;
  }
  .applist .applistBox .con1 .infoBox .right {
    width: 100%;
    padding: 20px 0;
  }
  .applist .applistBox .con1 .infoBox .right .introduce {
    left: 36% !important;
    display: none !important;
  }
}
.applist .applistBox .con2 {
  margin-top: clamp(45px, 4.6875vw, 90px);
}
.applist .applistBox .con2 .itemBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px 40px;
  margin-top: clamp(40px, 4.16666667vw, 80px);
}
.applist .applistBox .con2 .itemBox .item {
  background: #f8f8f8;
  padding-left: clamp(25px, 2.60416667vw, 50px);
  padding-right: clamp(30px, 3.125vw, 60px);
  padding-top: clamp(17.5px, 1.82291667vw, 35px);
  padding-bottom: clamp(17.5px, 1.82291667vw, 35px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 5px;
  overflow: hidden;
}
.applist .applistBox .con2 .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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.applist .applistBox .con2 .itemBox .item a .left .title {
  font-family: "sy_me";
  font-size: 18px;
  color: #000000;
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .applist .applistBox .con2 .itemBox .item a .left .title {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .applist .applistBox .con2 .itemBox .item a .left .title {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .applist .applistBox .con2 .itemBox .item a .left .title {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .applist .applistBox .con2 .itemBox .item a .left .title {
    font-size: 12px;
  }
}
.applist .applistBox .con2 .itemBox .item a .left .subtit {
  font-family: "sy_me";
  font-size: 14px;
  color: #999999;
  line-height: 1;
  margin-top: clamp(10px, 1.04166667vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: clamp(0px, 0vw, 0px) 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:1366px) {
  .applist .applistBox .con2 .itemBox .item a .left .subtit {
    font-size: 13px;
  }
}
@media (max-width:1024px) {
  .applist .applistBox .con2 .itemBox .item a .left .subtit {
    font-size: 12px;
  }
}
.applist .applistBox .con2 .itemBox .item a .right {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #005ca1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.applist .applistBox .con2 .itemBox .item a .right i::before {
  color: white;
}
.applist .applistBox .con2 .itemBox .item:hover,
.applist .applistBox .con2 .itemBox .item.active {
  background: #005ca1;
}
.applist .applistBox .con2 .itemBox .item:hover a .left .title,
.applist .applistBox .con2 .itemBox .item.active a .left .title {
  color: white;
}
.applist .applistBox .con2 .itemBox .item:hover a .left .subtit,
.applist .applistBox .con2 .itemBox .item.active a .left .subtit {
  color: #ffffff81;
}
.applist .applistBox .con2 .itemBox .item:hover a .right,
.applist .applistBox .con2 .itemBox .item.active a .right {
  background: #0cb4f2;
}
@media (max-width:990px) {
  .applist .applistBox .con2 .itemBox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.applist .applistBox .con3 {
  margin-top: clamp(70px, 7.29166667vw, 140px);
  padding-bottom: clamp(60px, 6.25vw, 120px);
}
.applist .applistBox .con3 .swiper_boxa {
  overflow: hidden;
  margin-top: clamp(32.5px, 3.38541667vw, 65px);
}
.applist .applistBox .con3 .swiper_boxa ul li .item {
  background: #f5f5f5;
  padding: clamp(20px, 2.08333333vw, 40px);
  padding-bottom: 0;
  border-radius: 5px;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  position: relative;
  overflow: hidden;
}
.applist .applistBox .con3 .swiper_boxa ul li .item a {
  position: relative;
  z-index: 2;
}
.applist .applistBox .con3 .swiper_boxa ul li .item a .titlea {
  font-size: 16px;
  color: #999999;
  font-family: "sy_me";
  line-height: 1;
  padding-bottom: clamp(9px, 0.9375vw, 18px);
  border-bottom: 1px solid #e7e7e7;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1366px) {
  .applist .applistBox .con3 .swiper_boxa ul li .item a .titlea {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .applist .applistBox .con3 .swiper_boxa ul li .item a .titlea {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .applist .applistBox .con3 .swiper_boxa ul li .item a .titlea {
    font-size: 12px;
  }
}
.applist .applistBox .con3 .swiper_boxa ul li .item a .subtit {
  padding-top: clamp(12.5px, 1.30208333vw, 25px);
  color: #000;
  font-family: "sy_bo";
  font-size: 24px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .applist .applistBox .con3 .swiper_boxa ul li .item a .subtit {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .applist .applistBox .con3 .swiper_boxa ul li .item a .subtit {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .applist .applistBox .con3 .swiper_boxa ul li .item a .subtit {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .applist .applistBox .con3 .swiper_boxa ul li .item a .subtit {
    font-size: 15px;
  }
}
.applist .applistBox .con3 .swiper_boxa ul li .item a .images .pb {
  padding-bottom: 100%;
}
.applist .applistBox .con3 .swiper_boxa ul li .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;
}
.applist .applistBox .con3 .swiper_boxa ul li .item a .images .pb .ab img {
  max-width: 60%;
}
.applist .applistBox .con3 .swiper_boxa ul li .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background-image: url(../images/proagb.jpg);
  background-size: cover;
  background-position: bottom center;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.applist .applistBox .con3 .swiper_boxa ul li .item:hover a .titlea,
.applist .applistBox .con3 .swiper_boxa ul li .item.active a .titlea {
  color: #ffffff9c;
}
.applist .applistBox .con3 .swiper_boxa ul li .item:hover a .subtit,
.applist .applistBox .con3 .swiper_boxa ul li .item.active a .subtit {
  color: white;
}
.applist .applistBox .con3 .swiper_boxa ul li .item:hover::after,
.applist .applistBox .con3 .swiper_boxa ul li .item.active::after {
  height: 100%;
  top: 0;
}
@media (max-width:990px) {
  .applist .applistBox .con3 .swiper_boxa ul li .item::after {
    display: none;
  }
  .applist .applistBox .con3 .swiper_boxa ul li .item:hover a .titlea,
  .applist .applistBox .con3 .swiper_boxa ul li .item.active a .titlea {
    color: #999999;
  }
  .applist .applistBox .con3 .swiper_boxa ul li .item:hover a .subtit,
  .applist .applistBox .con3 .swiper_boxa ul li .item.active a .subtit {
    color: #000000;
  }
}
.column_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000c2;
  z-index: 999;
  display: -webkit-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;
}
.column_box .centerBox {
  max-width: 1400px;
  width: 100%;
  background: #fff;
  padding-top: clamp(20px, 2.08333333vw, 40px);
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  padding-left: clamp(30px, 3.125vw, 60px);
  padding-right: clamp(30px, 3.125vw, 60px);
  position: relative;
}
.column_box .centerBox .title {
  font-size: 24px;
  font-family: "sy_bo";
  text-align: center;
  color: #005ca1;
}
@media (max-width:1600px) {
  .column_box .centerBox .title {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .column_box .centerBox .title {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .column_box .centerBox .title {
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .column_box .centerBox .title {
    font-size: 15px;
  }
}
.column_box .centerBox .itemBox {
  margin-top: clamp(10px, 1.04166667vw, 20px);
}
.column_box .centerBox .itemBox .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.column_box .centerBox .itemBox .item .name {
  width: 50%;
  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-family: "sy_me";
  font-size: 16px;
  height: 50px;
  color: #333333;
}
@media (max-width:1366px) {
  .column_box .centerBox .itemBox .item .name {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .column_box .centerBox .itemBox .item .name {
    font-size: 12px;
  }
}
@media (max-width:768px) {
  .column_box .centerBox .itemBox .item .name {
    font-size: 12px;
  }
}
.column_box .centerBox .itemBox .item .name a {
  color: #000;
}
.column_box .centerBox .itemBox .item:first-child {
  background: #005ca1;
}
.column_box .centerBox .itemBox .item:first-child .name {
  color: #fff;
}
.column_box .centerBox .closeBox {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #005ca1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-50%) translateX(50%);
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.column_box .centerBox .closeBox:hover {
  transform: translateY(-50%) translateX(50%) rotate(360deg);
}
.column_box .centerBox .closeBox i {
  color: #fff;
}
.column_box.active {
  display: none;
}
.fuScreen {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.fuScreen .itemBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.fuScreen .itemBox .item {
  padding-top: clamp(90px, 9.375vw, 180px);
  flex: 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-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  height: 100%;
  position: relative;
}
.fuScreen .itemBox .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background-image: url(../images/aaa.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
}
.fuScreen .itemBox .item .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;
  position: relative;
  z-index: 2;
}
.fuScreen .itemBox .item .topBox .Cn {
  font-family: "sy_bo";
  font-size: 32px;
  color: #000;
  line-height: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .fuScreen .itemBox .item .topBox .Cn {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .fuScreen .itemBox .item .topBox .Cn {
    font-size: 21px;
  }
}
@media (max-width:1024px) {
  .fuScreen .itemBox .item .topBox .Cn {
    font-size: 20px;
  }
}
@media (max-width:768px) {
  .fuScreen .itemBox .item .topBox .Cn {
    font-size: 19px;
  }
}
.fuScreen .itemBox .item .topBox .En {
  font-family: "sy_re";
  font-size: 18px;
  color: #999999;
  line-height: 1;
  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) {
  .fuScreen .itemBox .item .topBox .En {
    font-size: 16px;
  }
}
@media (max-width:1366px) {
  .fuScreen .itemBox .item .topBox .En {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .fuScreen .itemBox .item .topBox .En {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .fuScreen .itemBox .item .topBox .En {
    font-size: 12px;
  }
}
.fuScreen .itemBox .item .botBox {
  margin-top: clamp(45px, 4.6875vw, 90px);
  position: relative;
  z-index: 2;
}
.fuScreen .itemBox .item .botBox .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;
  grid-gap: clamp(20px, 2.08333333vw, 40px) clamp(0px, 0vw, 0px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.fuScreen .itemBox .item .botBox .it a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: "sy_re";
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
@media (max-width:1600px) {
  .fuScreen .itemBox .item .botBox .it a {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .fuScreen .itemBox .item .botBox .it a {
    font-size: 16px;
  }
}
@media (max-width:1024px) {
  .fuScreen .itemBox .item .botBox .it a {
    font-size: 14px;
  }
}
@media (max-width:768px) {
  .fuScreen .itemBox .item .botBox .it a {
    font-size: 13px;
  }
}
.fuScreen .itemBox .item:hover .topBox .Cn,
.fuScreen .itemBox .item.active .topBox .Cn {
  color: #fff;
}
.fuScreen .itemBox .item:hover .topBox .En,
.fuScreen .itemBox .item.active .topBox .En {
  color: #fff;
}
.fuScreen .itemBox .item:hover .botBox .it a,
.fuScreen .itemBox .item.active .botBox .it a {
  color: #fff;
  opacity: 1;
}
.fuScreen .itemBox .item:hover::after,
.fuScreen .itemBox .item.active::after {
  width: 100%;
  left: 0;
}
.fuScreen .itemBox .item .number {
  font-family: "sy_me";
  font-size: 150px;
  position: absolute;
  bottom: 100px;
  background-image: linear-gradient(0deg, rgba(255, 0, 0, 0) 40%, #f5f5f5be 60%);
  -moz-background-clip: text;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@media (max-width:1680px) {
  .fuScreen .itemBox .item .number {
    font-size: 132px;
  }
}
@media (max-width:1440px) {
  .fuScreen .itemBox .item .number {
    font-size: 113px;
  }
}
@media (max-width:1280px) {
  .fuScreen .itemBox .item .number {
    font-size: 100px;
  }
}
@media (max-width:1024px) {
  .fuScreen .itemBox .item .number {
    font-size: 80px;
  }
}
@media (max-width:990px) {
  .fuScreen .itemBox .item .number {
    font-size: 78px;
  }
}
@media (max-width:768px) {
  .fuScreen .itemBox .item .number {
    font-size: 60px;
  }
}
@media (max-width:640px) {
  .fuScreen .itemBox .item .number {
    font-size: 50px;
  }
}
.fuScreen .closeBOx {
  position: absolute;
  top: 60px;
  right: 80px;
  z-index: 99;
  cursor: pointer;
}
.fuScreen .closeBOx i {
  font-size: 50px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width:1600px) {
  .fuScreen .closeBOx i {
    font-size: 44px;
  }
}
@media (max-width:1366px) {
  .fuScreen .closeBOx i {
    font-size: 40px;
  }
}
@media (max-width:1024px) {
  .fuScreen .closeBOx i {
    font-size: 34px;
  }
}
@media (max-width:768px) {
  .fuScreen .closeBOx i {
    font-size: 30px;
  }
}
.fuScreen .closeBOx:hover i {
  transform: rotate(360deg);
  color: #005ca1;
}