.innerBanner {
  width: 100%;
  height: 8rem;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 0.82rem;
}

.bannerTextBox1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.bannerTextBox1 > .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.9rem;
  color: #ffffff;
  text-align: center;
}

.bannerTextBox1 > .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.4rem;
  color: #ffffff;
  margin-top: 28px;
  text-align: center;
}

.bannerTextBox2 {
  position: absolute;
  left: 3.13rem;
  top: 3.3rem;
}

.bannerTextBox2 .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.7rem;
  text-align: center;
  color: #ffffff;
}

.bannerTextBox2 .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.4rem;
  color: #ffffff;
  margin-top: 0.3rem;
  text-align: center;
}
.bannerTextBox2 .text3 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #ffffff;
  text-align: center;
}



.banner-news,
.banner-job,
.banner-contact,
.banner-about {
  height: 8rem;
  margin-top: 0.82rem;
}

/* News banner 样式 */
.banner-news .banner-news-text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.banner-news .banner-news-text > .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.9rem;
  color: #ffffff;
  text-align: center;
}

.banner-news .banner-news-text > .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.4rem;
  color: #ffffff;
  margin-top: 28px;
  text-align: center;
}

.crumbs {
  width: 100%;
  height: 0.91rem;
  background: #d8d8d8;
  box-shadow: 0rem 0rem 0rem 0rem rgba(60, 62, 64, 0.41);
  display: flex;
  justify-content: space-between;
  padding: 0 1.63rem 0 1.96rem;
  align-items: center;
}

.crumbsNav {
  display: flex;
  gap: 0.1rem;
  height: 100%;
}

.crumbsNav .item {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #000000;
  padding: 0 0.3rem;
  border: 1px solid transparent;
  text-align: center;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.crumbsNav .item:hover,
.crumbsNav .item.active {
  color: #173993;
  border-bottom: 1px solid #173993;
}

/* 新闻咨询 */
.newsWrap {
  width: 100%;
  padding: 1.64rem 0 0.91rem;
}

.newsWrap .content {
  width: 16rem;
  margin: 0 auto 0.72rem;
  overflow: hidden;
}

.inner-title > p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.43rem;
  color: #000000;
  text-align: center;
}

.inner-title > p:last-child {
  font-size: 0.4rem;
}

.inner-text1 {
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  margin-top: 0.32rem;
}

.newsWrap .center {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.85rem;
}
.newsImg {
  width: 7.15rem;
  height: 5.36rem;
  position: relative;
  display: block;
}

.newsImg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsRight {
  width: 8.3rem;
}

.newsRight .tab {
  display: flex;
  gap: 0.54rem;
}

.newsRight .tab > div {
  width: 1.8rem;
  height: 0.51rem;
  border-radius: 0.12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.31rem;
  color: #000;
  cursor: pointer;
  transition: all 0.6s;
}
.newsRight .tab > div:hover,
.newsRight .tab > div.active {
  background: #173993;
  color: #fff;
}

.newsList {
  margin-top: 0.32rem;
  display: none;
}

.newsList.active {
  display: block;
}

.newsList > .item {
  color: #515151;
  width: fit-content;
  position: relative;
  margin-bottom: 0.48rem;
  max-width: 90%;
}

.newsList > .item > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
}

.newsList > .item:last-child {
  margin-bottom: 0;
}

.newTip {
  position: absolute;
  width: 0.55rem;
  height: 0.41rem;
  line-height: 0.41rem;
  left: 100%;
  top: -70%;
  padding-left: 0.15rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.17rem;
  color: #ff0000;
}

.newTip::before {
  content: "";
  width: 0.41rem;
  height: 0.41rem;
  background: #173993;
  border-radius: 50%;
  position: absolute;
  left: 0%;
  top: 0%;
  z-index: -1;
}

.newsCa {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #f7f7f8;
  width: 1.21rem;
  height: 0.34rem;
  background: #173993;
  border-radius: 0.13rem;
  position: absolute;
  left: 0.3rem;
  top: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newsWrap .bottom {
  width: 100%;
  display: flex;
  gap: 0.23rem;
  margin-top: 0.8rem;
}

.newsWrap .part {
  width: 3.83rem;
  height: 3.39rem;
  position: relative;
}

.newsWrap .part > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsWrap .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(
    -51deg,
    rgba(140, 208, 103, 0.74),
    rgba(16, 56, 136, 0.74)
  );
  padding-bottom: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}

.newsWrap .time {
  font-family: DengXian;
  font-weight: 400;
  font-size: 0.56rem;
  color: #ffffff;
  text-align: center;
}

.newsWrap .text3 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #f7f7f8;
  margin-top: 0.42rem;
}
.newsWrap .btn {
  width: 1.92rem;
  height: 0.34rem;
  border-radius: 0.16rem;
  border: 1px solid #ffffff;
  text-align: center;
  line-height: 0.34rem;
  margin-top: 0.07rem;
  font-family: DengXian;
  font-weight: 400;
  font-size: 0.18rem;
  color: #ffffff;
}

.lastPart {
  width: 100%;
  position: relative;
}

.lastPart>img{
    width: 100%;
}

.lastPart .box {
  position: absolute;
  width: 4.75rem;
  height: 1.46rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0rem 0rem 0.44rem 0.42rem;
  left: 50%;
  transform: translateX(-50%);
  top: 0.28rem;
  padding: 0.49rem 0 0.55rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.41rem;
  color: #1b5981;
  text-align: center;
  cursor: pointer;
}

/* About banner 样式 */
.banner-about .banner-about-text {
  position: absolute;
  left: 3.13rem;
  top: 3.3rem;
}

.banner-about .banner-about-text > .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.7rem;
  color: #ffffff;
}

.banner-about .banner-about-text > .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.4rem;
  color: #ffffff;
  margin-top: 0.3rem;
  text-align: center;
}

.banner-about .banner-about-text > .text3 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #ffffff;
  text-align: center;
  background: none !important;
  display: block !important;
  white-space: normal !important;
  word-break: keep-all !important;
  width: auto !important;
  height: auto !important;
  margin: 0rem 0 0 !important;
  border-radius: 0 !important;
  line-height: normal !important;
}

.crumbsPostion {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #020202;
  white-space: nowrap;
}

.crumbsPostion > a {
  color: #020202;
  display: inline-block;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #020202;
}

.aboutWrap {
  width: 100%;
  padding: 1.73rem 0 0.91rem;
}

.aboutPart1 {
  width: 16rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.aboutPart1 .left {
  width: 7.56rem;
}

.aboutPart1 .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.43rem;
  color: #2a2a2a;
  margin-bottom: 0.7rem;
}
.aboutPart1 .text1>span{
    font-weight: 400;
    font-size: 0.3rem;
    color: #000000;
    /*display: block;*/
}

.aboutPart1 .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #515151;
  line-height: 0.34rem;
  margin-top: 0.4rem;
}

.aboutPart1 .right {
  width: 8rem;
  height: 6.6rem;
  position: relative;
  display: flex;
  align-items: center;
}

.aboutPart1 .bg {
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/inner/about1.jpg);
  background-size: cover;
  width: 5.45rem;
  height: 100%;
}
.aboutPart1 .video-box {
  width: 100%;
  height: 5.29rem;
  border: 1px solid #324f80;
  position: relative;
  z-index: 10;
  padding: 0.21rem 0rem 0.3rem 0.2rem;
}

.video-center {
  position: relative;
  width: 100%;
  height: 100%;
}

.video-center > video {
  width: 100%;
  height: 100%;
}

.video-center .poster {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}

.video-center .poster > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-center .player {
  width: 0.86rem;
  height: 0.86rem;
  background: #173993;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-center .player > img {
  width: 0.3rem;
  transform: rotate(180deg);
}

.aboutPart2 {
  width: 100%;
  margin-top: 1.04rem;
  /*padding-bottom: 2.85rem;*/
  position: relative;
}
.aboutPart2 .title1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.7rem;
  color: #000000;
  line-height: 0.55rem;
  text-align: center;
}

.aboutPart2 .title1 > span {
  font-size: 0.41rem;
}

.aboutPart2 .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.31rem;
  color: #000000;
  text-align: center;
  margin-top: 0.3rem;
}

.aboutPart2 .content {
  background-image: url(../img/inner/img7.png);
  background-size: cover;
  margin-top: 0.4rem;

  /* margin-bottom: 2.87rem; */
}

.aboutPart2 .bg {
  background: linear-gradient(
    -51deg,
    rgba(140, 208, 103, 0.51),
    rgba(16, 56, 136, 0.51)
  );
  display: flex;
  justify-content: center;
  gap: 0.22rem;
  padding: 0.46rem 0 0.7rem;
}

.aboutPart2 .item {
  width: 3.74rem;
  z-index: 10;
}

.aboutPart2 .item.active {
  z-index: 20;
}
.aboutPart2 .pic {
  width: 3.74rem;
  height: 4.63rem;
  background: #ffffff;
  border-radius: 50%;

  background: #324f80;
}

.aboutPart2 .pic > img {
  width: 100%;
  height: 100%;
  padding: 0 0.05rem 0.2rem;
  border-radius: 50%;
  object-fit: cover;
  /* padding-bottom: 0.2rem; */
}

.aboutPart2 .name {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.35rem;
  color: #ffffff;
  text-align: center;
  margin-top: 0.7rem;
}

.about-logo {
  width: 3.5rem;
  margin-bottom: 0.35rem;
}
.about-logo img {
  width: 100%;
  display: block;
}

.aboutHistory {
  width: 100%;
  padding: 1.5rem 0;
  margin-top: 1.1rem;
  background-size: cover;
  background-position: center;
}
.historyContent {
  width: 16rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.96);
  padding: 0.9rem 0.9rem 1.1rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(23, 57, 147, 0.05);
}
.historyList {
  margin-top: 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.historyItem {
  padding: 0.5rem 0.6rem;
  border-radius: 0.24rem;
  background: #ffffff;
  box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.historyYear {
  font-family: Microsoft YaHei;
  font-size: 0.24rem;
  color: #173993;
  font-weight: 600;
}
.historyTitle {
  font-family: Microsoft YaHei;
  font-size: 0.32rem;
  color: #1a1a1a;
  margin-top: 0.2rem;
  font-weight: 500;
}
.historyDesc {
  font-family: Microsoft YaHei;
  font-size: 0.2rem;
  color: #333333;
  line-height: 0.36rem;
  margin-top: 0.2rem;
}
.historyEmpty {
  font-family: Microsoft YaHei;
  font-size: 0.24rem;
  color: #666666;
  text-align: center;
  padding: 0.4rem 0;
}

.aboutHonour {
  width: 16rem;
  margin: 1.6rem auto 2rem;
}
.honour-grid {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.honour-card {
  width: 3.7rem;
  padding: 0.4rem;
  border-radius: 0.24rem;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  text-align: center;
  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.03);
}
.honour-card img {
  width: 100%;
  height: 2.2rem;
  object-fit: contain;
}
.honour-card p {
  margin-top: 0.35rem;
  font-size: 0.2rem;
  color: #1a1a1a;
  min-height: 0.8rem;
}
.honour-more {
  margin-top: 0.8rem;
  text-align: center;
}
.honour-more a {
  padding: 0.22rem 0.9rem;
  font-size: 0.24rem;
  color: #173993;
  border-radius: 0.28rem;
  border: 1px solid #173993;
  display: inline-block;
}

/* 首页 banner 样式 */
.banner-home {
  width: 100%;
  height: 10.8rem;
}

.banner-home .banner-home-text {
  position: absolute;
  top: 4.7rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

.banner-home .banner-home-text .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.58rem;
  color: #ffffff;
  text-align: center;
}

.banner-home .banner-home-text .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #ffffff;
  text-align: center;
  margin-top: 0.2rem;
}

/*.banner-home .banner-home-text .text3.btn-ripple {*/
/*  width: 4.34rem;*/
/*  height: 0.72rem;*/
/*  border-radius: 0.32rem;*/
/*  border: 0.01rem solid #ffffff;*/
/*  margin: 0.23rem auto 0;*/
/*  font-family: Microsoft YaHei;*/
/*  font-weight: 400;*/
/*  font-size: 0.31rem;*/
/*  color: #ffffff;*/
/*  text-align: center;*/
/*  line-height: 0.72rem;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/
.banner-home .banner-home-text .text3.btn-ripple{
     width: 2.74rem;
    height: 0.47rem;
    background: #173993;
    border-radius: 0.22rem;
    margin: 0.23rem auto 0;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.47rem;
}
   

.banner-home .banner-home-text .text3.btn-ripple a {
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-home .banner-home-text2 {
  width: 100%;
  position: absolute;
  left: 3.6rem;
  top: 5.3rem;
}

.banner-home .banner-home-text2 .text4 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.67rem;
  color: #ffffff;
}

.banner-home .banner-home-text2 .text5 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.41rem;
  color: #ffffff;
  line-height: 0.56rem;
  margin-top: 0.34rem;
}

/* 其他 banner variant 样式 */

.banner-case .banner-case-text {
  background: transparent;
  text-align: center;
  color: #08346c;
}

.banner-job .banner-job-text {
  background: transparent;
  text-align: center;
  color: #084836;
}

/* 确保 banner-contact 容器有定位上下文 */
.banner-contact {
  position: relative;
}

.banner-contact .swiper-slide {
  position: relative;
}

.banner-contact .banner-contact-text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 2.12rem;
  background: transparent;
  text-align: center;
  color: #ffffff;
  z-index: 10;
}

.banner-contact .banner-contact-text .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.7rem;
  color: #ffffff;
  text-align: center;
}

.banner-contact .banner-contact-text .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.4rem;
  color: #ffffff;
  text-align: center;
  margin-top: 0.06rem;
}

.banner-contact .banner-contact-text .text3 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.31rem;
  color: #ffffff;
  text-align: center;
  margin-top: 0.3rem;
}

.banner-default .banner-default-text {
  background: transparent;
  text-align: center;
}

.aboutPart2 .position {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.25rem;
  color: #ffffff;
  margin-top: 0.1rem;
  text-shadow: 0rem 0rem 0rem rgba(60, 62, 64, 0.41);
  text-align: center;
}

.aboutPart2 .introduce {
  position: absolute;
  width: 16.05rem;
  min-height: 6rem;
  background: rgba(50, 79, 128, 0.86);
  border-radius: 0.77rem;
  left: 50%;
  transform: translateX(-50%);
  top: 40%;
  z-index: 30;

  display: none;
}

.aboutPart2 .item.active .introduce {
  display: flex;
}

.aboutPart2 .introduce > img {
  width: 5.28rem;
  height: auto;
  background: #ffffff;
  border-radius: 0.86rem 0rem 0rem 0.84rem;
  object-fit: cover;
}

.introduceBox {
  margin-left: 1.09rem;
  padding-top: 0.57rem;
  width: 8.6rem;
}

.aboutPart2 .text3 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.5rem;
  color: #ffffff;
}
.aboutPart2 .text3 span {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #ffffff;
  display: inline-block;
  margin-left: 0.23rem;
}

.aboutPart2 .text4 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.37rem;
  margin-top: 0.3rem;
}

.last-text {
  width: 16rem;
  margin: 0.8rem auto 0;
  text-align: center;
}
.last-text > P {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #515151;
  line-height: 0.28rem;
  /*margin-bottom: 0.2rem;*/
}

/* 项目案例 */

.bannerTextBox3 {
  position: absolute;
  width: 100%;
  top: 5.26rem;
  left: 0;
}


.bannerTextBox3 .text3 {
    width: 2.74rem;
    height: 0.47rem;
    background: #173993;
    border-radius: 0.22rem;
    margin: 0.23rem auto 0;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.47rem;
}

.bannerTextBox3.case{
    top: 3.5rem;
}
/* 案例 */
.caseWrap {
  width: 100%;
  padding: 1.31rem 0 0.91rem;
}

.caseWrap .content {
  width: 100%;
  overflow: hidden;
  margin-top: 0.71rem;
}

.caseWrap .flex-1 {
  width: 50%;
  transition: all 0.6s;
}

.caseWrap .flex-1.acr {
  width: 80%;
}

.caseWrap .flex-1.acr1 {
  width: 20%;
}

.caseWrap .flex-wrapper {
  width: 100%;
  height: 100%;
  transform: skew(-10.15deg);
  transform-origin: left top;
  transition: all 0.6s;
}
.caseWrap .flex-wrapper > img {
  width: 17.93rem;
  max-width: 17.93rem;
  transition: all 0.6s;
}

.caseWrap .text1 {
  width: 16rem;
  margin: 0.7rem auto 0;
}
.caseWrap .text1 > p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #515151;
  line-height: 0.44rem;
  text-align: center;
}

.caseWrap .kh {
  width: 16rem;
  height: 1.98rem;
  margin: 0.8rem auto 0;
  position: relative;
  border: 1px solid rgba(27, 89, 129, 1);
  display: flex;
  gap: 0.2rem;
  padding-top: 0.53rem;
  padding-left: 0.06rem;
  position: relative;
}

.logo-swiper {
  width: 100%;
  overflow: hidden;
}

.caseWrap .khLogo {
  width: 100%;
  height: 1.1rem;
  border-radius: 0.1rem;
  border: 1px dotted #070002;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.caseWrap .khLogo > img {
  object-fit: contain;
}

.caseWrap .khText {
  position: absolute;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  top: -0.5rem;
  width: 6rem;
  line-height: 0.4rem;
}

.caseWrap .khText > p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.43rem;
  color: #000000;
  text-align: center;
}

.caseWrap .khText > p > span {
  font-size: 0.2rem;
}

/* 招聘页面 */

.jobWrap {
  width: 100%;
  padding: 1.67rem 0 0.91rem;
}

.jobWrap .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  text-align: center;
  margin-top: 0.33rem;
}

.jobWrap .list {
  width: 16rem;
  margin: 0.8rem auto 0;
  height: 1.11rem;
  background: #173993;
  border-radius: 0.56rem;
  display: flex;
  padding-left: 0.7rem;
  justify-content: space-between;
  align-items: center;
}

.jobWrap .list > p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.33rem;
  color: #ffffff;
}

.jobWrap .list .xq {
  width: 3.57rem;
  height: 1.03rem;
  background: #ffffff;
  border-radius: 0rem 0.53rem 0.5rem 0rem;
  display: flex;
  align-items: center;
  padding-left: 0.26rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.33rem;
  color: #173993;
  gap: 0.14rem;
}

.jobWrap .list .xq > img {
  width: 0.22rem;
}

.jobWrap .list + .list {
  margin-top: 0.34rem;
}

.jobWrap .bottom {
  width: 100%;
  margin-top: 1.49rem;
}

/*.jobWrap .bottom img {*/
/*  width: 17.52rem;*/
/*  margin: 0 auto;*/
/*  display: block;*/
/*  transition: all 0.6s;*/
/*}*/

/*.jobWrap .bottom img:hover{*/
/*    transform: scale(1.02);*/
/*}*/

.jobWrap .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #515151;
  line-height: 0.39rem;
  width: 15.83rem;
  margin: 0.6rem auto 0.5rem;
}

.job-pic{
    position: relative;
    width: 17.52rem;
    height: 8.05rem;
    margin:0 auto;    
}

/* 联系我们 */
.job-pic .blue{
    position: absolute;
    width:28.6%;
    height: 60.6%;
    background: #163c93;
    border-radius: 50%;
}
.job-pic .blue.blue1{
    left: 4.5%;
    top: 31.8%;
}

.job-pic .blue.blue2{
    left: 26.3%;
    top: 10.5%;
}
.job-pic .blue.blue3{
    left: 31.6%;
    bottom: 0;
}

.job-pic .blue.blue4{
    left: 51.8%;
    top: 11.1%;
}


.job-pic .blue.blue5{
    left: 67.2%;
    top: 31.9%;
}

  .job-pic .img{
            position: absolute;
            width: 29%;
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-radius: 50%;
        }

        .job-pic .img:hover {
            transform: scale(1.05);
           animation-play-state: paused !important;
        }

        .job-pic .img.img1{
            left: 4.1%;
            top: 28.8%;
            animation: float1 3s ease-in-out infinite alternate;
        }

        .job-pic .img.img2{
            left: 25.9%;
            top: 9.7%;
            z-index: 4;
            animation: float2 2.5s ease-in-out infinite alternate;
        }

        .job-pic .img.img3{
            left: 31%;
            bottom:0;
            z-index: 5;
            animation: float3 3.2s ease-in-out infinite alternate;
        }

        .job-pic .img.img4{
            left: 51.8%;
            top: 9.9%;
            z-index: 6;
            animation: float4 4s ease-in-out infinite alternate;
        }

        .job-pic .img.img5{
            right: 4%;
            top: 29.8%;
            z-index: 5;
            animation: float5 3.5s ease-in-out infinite alternate;
        }
        
        @keyframes float1 {
            0% { transform: translateY(10px) }
            100% { transform: translateY(-10px) }
        }
        
        @keyframes float2 {
            0% { transform: translateY(0px) }
            100% { transform: translateY(-20px)  }
        }
        
        @keyframes float3 {
            0% { transform: translateY(5px) }
            100% { transform: translateY(-15px) }
        }
        
        @keyframes float4 {
            0% { transform: translateY(10px)}
            100% { transform: translateY(-10px) }
        }
        
        @keyframes float5 {
            0% { transform: translateY(-10px) }
            100% { transform: translateY(10px)}
        }

.bannerTextBox3 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 2.12rem;
}

.product-image-item{
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bannerTextBox3 .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.7rem;
  color: #ffffff;
  text-align: center;
}

.bannerTextBox3.case .text1{
    font-size: 0.58rem;
}

.bannerTextBox3.case .text2{
    font-size: 0.2rem;
}

.bannerTextBox3 .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.4rem;
  color: #ffffff;
  text-align: center;
  margin-top: 0.06rem;
}

.contactWrap {
  width: 100%;
  padding: 0.88rem 0 0.97rem;
  overflow: hidden;
}

.contactWrap .top {
  width: 16rem;
  margin: 0 auto;
}

.contactWrap .text1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  text-align: center;
  margin-top: 0.33rem;
}
.contactWrap .text2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.34rem;
  color: #000000;
  margin-top: 0.72rem;
}

.contactWrap .text3 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #605f5f;
  line-height: 0.33rem;
  margin-top: 0.2rem;
}
.contactWrap .msg {
  display: flex;
  justify-content: space-between;
  margin-top: 0.34rem;
}

.msgLeft {
  width: 6.6rem;
  margin-top: 0.7rem;
}

.msgLeft .item {
  padding-bottom: 0.15rem;
  border-bottom: 1px dotted rgba(141, 141, 141, 1);
  margin-bottom: 0.15rem;
  display: flex;
  gap: 0.08rem;
}

.msgLeft .item .icon {
  width: 0.21rem;
  height: 0.21rem;
}

.msgLeft .item .icon > svg {
  width: 100%;
  height: 100%;
}

.msgLeft .text4 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #000000;
}

.contactWrap .map {
  width: 8.08rem;
  height: 2.97rem;
  border: 1px solid #173993;
  padding: 0.13rem 0 0.13rem 0.16rem;
}

.contactWrap .map > img {
  width: 100%;
  display: block;
}

.contactWrap .bottom {
  width: 16rem;
  margin: 0.61rem auto 0;
}

.free-title {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  align-items: flex-end;
}

.free-title > img {
  width: 0.7rem;
}

.free-title > p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.43rem;
  color: #173993;
}

.contactWrap .text5 {
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  margin-top: 0.13rem;
}

.input-list {
  display: flex;
  gap: 0.92rem;
  margin-top: 0.91rem;
}

.input-list .item {
  width: 4.61rem;
}

.input-list .label {
  display: flex;
  align-items: center;
  gap: 0.09rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #000000;
}

.input-list .label > img {
  display: block;
}

.input-list input {
  width: 100%;
  height: 0.59rem;
  border: 1px solid #717171;
  padding-left: 0.23rem;
  margin-top: 0.33rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #646464;
}

.input-list .label span {
  color: rgba(180, 13, 13, 1);
}

.need {
  display: flex;
  gap: 0.13rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #080808;
  margin-top: 0.48rem;
}

.need > img {
  width: 0.31rem;
}

.cpList {
  width: 100%;
  height: 0.62rem;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  margin-top: 0.33rem;
}

.cpList .item {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #080808;
  width: 1.4rem;
  height: 100%;
  text-align: center;
  line-height: 0.62rem;
}

.cpList .item:first-child {
  border-right: 1px solid #fff;
}

.ly {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.08rem;
}

.lyBtn {
  display: flex;
  gap: 0.05rem;
  align-items: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #080808;
}

.lyBtn > img {
  width: 0.38rem;
}

.lyBtn > span {
  color: rgba(156, 0, 0, 1);
}

.cpBtn {
  width: 1.64rem;
  height: 0.58rem;
  background: #b40d0d;
  text-align: center;
  line-height: 0.58rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.23rem;
  color: #ffffff;
  cursor: pointer;
}

.ly-last {
  display: flex;
  margin-top: 0.5rem;
  align-items: flex-start;
}

.ly-last textarea {
  width: 12.1rem;
  height: 2.36rem;
  border-radius: 0.36rem;
  border: 1px solid #646464;
  padding: 0.15rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #646464;
}

.jiao {
  display: block;
  width: 0.21rem;
  margin-left: 0.1rem;
  margin-right: 0.05rem;
  margin-top: 0.19rem;
}

.otherQ {
  width: 3.11rem;
  height: 1.45rem;
  background: #eeeeee;
  border-radius: 0.22rem;
  border: 1px solid #b8b8b8;
  padding: 0.25rem 0.3rem;
}

.otherQ .item {
  display: flex;
  margin-bottom: 0.15rem;
  gap: 0.11rem;
}

.otherQ .dian {
  width: 0.08rem;
  height: 0.08rem;
  background: #9c0000;
  border-radius: 50%;
}

.otherQ p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #000000;
}

.scene .scene-content {
  display: flex;
  width: calc(var(--base-scale) * 404.8177);
  height: calc(var(--base-scale) * 166.6667);
  overflow: hidden;
}

.scene .scene-content:hover + .scene-hot,
.scene-mobile {
  display: none;
}

.scene
 .scene-content.active
  .scene-content-item
  .scene-wrapper
  .scene-wrapper-bg
  > img {
  transform: translate(0);
}

/*.scene*/
/* .scene-content:hover*/
/*  .scene-content-item*/
/*  .scene-wrapper*/
/*  .scene-wrapper-bg*/
/*  > img {*/
/*  transform: translate(0);*/
/*}*/

.scene .scene-content .scene-content-item {
  position: relative;
  flex: 1 1 calc(var(--base-scale) * 29.8177);
  transition: all 1s;
  will-change: auto;
}
/*.scene .scene-content .scene-content-item.active,*/
/*.scene .scene-content .scene-content-item:hover {*/
/*  flex: 1 0 calc(var(--base-scale) * 345.1823);*/
/*}*/

.scene .scene-content .scene-content-item.active {
  flex: 1 0 calc(var(--base-scale) * 345.1823);
}

.scene .scene-content .scene-content-item .scene-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transform: skew(-10.15deg);
  transform-origin: left top;
  overflow: hidden;
      border-right: 5px solid #fff;
}

.scene .scene-content .scene-content-item .scene-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(107deg, #0a2349 20%, rgba(10, 35, 73, 0));
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
}

.scene .scene-content .scene-content-item .scene-wrapper-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: calc(var(--base-scale) * -14.9089);
  width: calc(var(--base-scale) * 375);
  height: 100%;
  transform: translate(-50%) skew(10.15deg);
  transform-origin: left top;
}

.scene .scene-content .scene-content-item .scene-wrapper-bg > img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
  object-fit: cover;
}

.scene .scene-content .scene-content-item:first-child .scene-wrapper {
  position: relative;
}

.scene .scene-content .scene-content-item:first-child .scene-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
}

.scene .scene-content .scene-content-item:first-child .scene-wrapper-bg > img {
  transform: translate(calc(var(--base-scale) * -26.0417));
}

.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper {
  /*overflow: initial;*/
  z-index: 0;
}

.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper-bg > img {
  transform: translate(calc(var(--base-scale) * 26.0417));
}

.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper {
  position: relative;
}

.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 2px;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
}

.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper-bg > img {
  transform: translate(calc(var(--base-scale) * -18.2292));
}

.scene .scene-content .scene-content-item .scene-wrapper .scene-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 100;
  transition: all 0.6s;
}

.scene .scene-content .scene-content-item:hover .scene-wrapper .scene-modal {
  opacity: 0;
  visibility: hidden;
}

:root {
  --base-scale: calc(100vw / 3.79 / 100);
}

.case-content {
  position: absolute;
  left: 1.6rem;
  top: 0.5rem;
  transform: skew(10.15deg);
  opacity: 0;
  transition: all 0.6s;
}

.case-title {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.43rem;
  color: #f0f1f2;
}

.case-text1 {
  width: 12rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #f0f1f2;
  line-height: 0.45rem;
  margin-top: 0.5rem;
}

.case-btn {
  width: 2rem;
  height: 0.49rem;
  background: rgba(40, 175, 92, 1);
  border-radius: 0.35rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.22rem;
  color: #ffffff;
  line-height: 0.49rem;
  text-align: center;
  margin-top: 0.59rem;
}

.case-text2{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.33rem;
    color: #F0F1F2;
    margin-top:0.7rem;
}

.case-text3{
    margin-top: 0.1rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 0.26rem;
    color: #F0F1F2;
}

.scene-content-item:first-child .case-w-title {
  left: 58%;
}

.case-w-title {
      position: absolute;
    left: 50%;
    top: 69%;
    transform: skew(10.15deg) translateX(-50%);
    transition: all 0.6s;
}

.case-w-title>p{
    font-family: Microsoft YaHei;
      font-weight: 400;
      font-size: 0.34rem;
      color: #f0f1f2;
      text-align: center;
}

.case-w-title.right {
  right: 15%;
  left: auto;
}

.case-w-btn{
    width: 2rem;
    height: 0.45rem;
    background: #28AF5C;
    border-radius: 0.22rem;
    margin-top: 0.33rem;
    text-align: center;
    line-height: 0.45rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
}

/*.scene .scene-content .scene-content-item:hover .case-content {*/
/*  opacity: 1;*/
/*}*/

/*.scene .scene-content .scene-content-item:hover .case-w-title {*/
/*  opacity: 0;*/
/*}*/

.scene .scene-content .scene-content-item.active .case-content {
  opacity: 1;
}

.scene .scene-content .scene-content-item.active .case-w-title {
  opacity: 0;
}

.swiperBtn {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
  justify-content: flex-end;
  padding-right: 1.6rem;
  gap: 0.2rems;
  position: relative;
}

.swiper-pagination.box5Page {
  display: flex;
  width: fit-content;
  position: static;
}

.swiper-pagination.box5Page .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.06rem;
  background: #d4d4d4;
  border-radius: 0.03rem;
  opacity: 1;
  margin: 0 0.07rem;
}

.swiper-pagination.box5Page .swiper-pagination-bullet-active {
  background: #28AF5C;
}
.swiper-button-prev.prev5,
.swiper-button-next.next5 {
  position: static;
  width: 0.63rem;
  height: 0.63rem;
  background: #28AF5C;
  border-radius: 50%;
  margin: 0;
}
.swiper-button-prev.prev5::after,
.swiper-button-next.next5::after {
  font-size: 0.16rem;
  color: #fff;
}



.swiper-case {
  width: 100%;
}

/* 通用页面内容样式 */
.pageWrap {
  width: 100%;
  padding: 1.64rem 0 0.91rem;
}

.pageWrap .content {
  width: 16rem;
  margin: 0 auto;
  overflow: hidden;
}

.pageWrap .page-content,
.pageWrap .page-ext-content {
  margin-top: 0.72rem;
  font-family: Microsoft YaHei;
  font-size: 0.28rem;
  color: #333;
  line-height: 1.8;
  text-align: left;
}

.pageWrap .page-content img,
.pageWrap .page-ext-content img {
  max-width: 100%;
  height: auto;
}

.pageWrap .page-content p,
.pageWrap .page-ext-content p {
  margin-bottom: 0.3rem;
}

/* 产品研发 */
.proWrap {
  width: 100%;
  padding: 0.68rem 0 0.7rem;
}

.proWrap .part + .part{
  margin-top: 0.67rem;
}

.proWrap .part + .part .list{
  margin-top: 0.4rem;
}

.proWrap .inner-title > p,
.proWrap .inner-text1 {
  color: #324f80;
}

.proWrap .img1 {
  width: 100%;
  margin-top: 0.6rem;
}

.proWrap .list {
  width: 16rem;
  margin: 0 auto;
  display: flex;
  gap: 0.16rem;
}

.proWrap .list.mt{
  margin-top: -0.8rem;
}

.proWrap .item {
  width: 3.86rem;
  height: 5.68rem;
  position: relative;
  overflow: hidden;
}

.proWrap .item > img {
  width: 100%;
  height: 100%;
  display: block;

}

.proWrap .item:first-child {
  border-top-left-radius: 1.3rem;

}

.proWrap .item:last-child {
  border-top-right-radius: 1.3rem;

}

.bottom-mask {
  width: 3.86rem;
  height: 0.87rem;
  background: linear-gradient(
    -51deg,
    rgba(140, 208, 103, 0.61),
    rgba(16, 56, 136, 0.61)
  );
  position: absolute;
  left: 0;
  bottom: 0.03rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.23rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s;
}

.proWrap .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    -51deg,
    rgba(140, 208, 103, 0.61),
    rgba(16, 56, 136, 0.61)
  );
  left: 0;
  top: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 2.82rem;
  transition: all 0.6s;
}

.proWrap .mask > p {
  max-width: 2.86rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #ffffff;
  line-height: 0.25rem;
  text-align: center;
}

.pro-btn {
  margin-top: 0.26rem;
  width: 2rem;
  height: 0.49rem;
  border-radius: 0.32rem;
  border: 1px solid #ffffff;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.22rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.45rem;
}

.proWrap .item:hover > .mask{
  top: 0;
}

.proWrap .item:hover > .bottom-mask{
  opacity: 0;
}

.last-text{
  margin: 0.7rem auto 0.5rem;
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  text-align: center;
  color: #515151;
  line-height: 0.28rem;
}
    
.ta_wrap{
  width: 100%;
}

.ta_part1{
  padding: 0.63rem 0 0.48rem;
  background: #fff;
}

.ta_part1 .text1{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.43rem;
    color: #000000;
}


.ta_part1 .text2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #515151;
    margin-top: 0.41rem;
    line-height: 0.35rem;
}


.ta_part2{
    padding-bottom: 0.83rem;
}

.ta_part2 .img{
    width: 100%;
    position: relative;
}

.ta_part2 .img>img{
    width: 100%;
}


.ta_part2 .text_box{
    position: absolute;
    width: 90%;
    left: 5%;
    top: 2.1rem;
}
.ta_part2 .text1{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.9rem;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
    text-align: center;
}

.ta_part2 .text2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.25rem;
    color: #FFFFFF;
    letter-spacing: 0.05rem;
    margin-top: 0.2rem;
    text-align: center;
}
.ta_part2 .main{
    position: relative;
    z-index: 10;
    
}

.ta_part2 .list{
    display: flex;
    gap: 0.07rem;
    margin-top: -0.86rem;
}

.ta_part2 .item{
    width: 3.95rem;
}

.ta_part2 .item>img{
    width: 100%;
    height: 2.51rem;
    object-fit: cover;
}

.ta_part2 .bottom{
    height: 2.21rem;
    background: #F6F6F6;
    padding: 0.45rem 0.31rem 0.57rem 0.41rem;
}

.ta_part2 .text3{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.23rem;
    color: #000000;
}

.ta_part2 .text4{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.15rem;
    color:#515151;
    line-height: 0.19rem;
    margin-top: 0.2rem;
}

.history_wrap{
    width: 100%;
    height: 11.85rem;
    padding-top: 1.14rem;
    background: url(../img/hisimg1.png);
    background-size: cover;
    background-position: 50% 100%;
}

.history_main{
    width: 16.08rem;
    margin:0 auto;
}

.history_title_en{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.7rem;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
}

.history_title{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.41rem;
    color: #000000;
    text-align: center;
}

.history_text{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.31rem;
    color: #000000;
    text-align: center;
    margin-top: 0.29rem;
}

.history_content{
    display: flex;
    gap: 0.17rem;
    margin-top: 1.49rem;
}
 
.history_center{
    width: 14.54rem;
    position: relative;
    padding:0 0.75rem;
}
     
.history_center .swiper-container{
    width: 100%;
    overflow: hidden;
}

.history_center .text1{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.21rem;
    color: #24369C;
}

.history_center .text2{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.22rem;
    color: #24369C;
}

.history_center .cir{
    width: 0.39rem;
    height: 0.39rem;
    border-radius: 50%;
    border: 1px solid #28AF5C;
    margin-top: 0.35rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.history_center .cir::after{
    content: '';
    width: 0.19rem;
    height: 0.19rem;
    background: #28AF5C;
    border-radius: 50%;

}

.history_center .text_box{
    margin-top: 0.11rem;
        font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.23rem;
}

.history_center .text_box>p{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.23rem;
}
    
.history_line{
    width: 100%;
    height: 2px;
    background-color: #28AF5C;
    position: absolute;
    left: 0;
    top: 1.1rem;
}

.history_center .swiper-slide{
    width: fit-content;
    margin-right: 0.39rem;
}
.history_next,
.history_prev{
    width: 0.51rem;
    height: 0.51rem;
    background: #28AF5C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.85rem;
    cursor: pointer;
}
.history_next img,
.history_prev img{
   width: 0.18rem;
   height: 0.38rem;
   display: block;
}

.history_next img{
    transform: rotate(180deg);
}

.culture-wrap1{
    width: 100%;
    padding-top: 1.09rem;
    background: #fff;
}

.culture-titleen{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.7rem;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
}

.culture-title{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.41rem;
    color: #000000;
    text-align: center;
}

.culture-text{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.31rem;
    color: #000000;
    text-align: center;
    margin-top: 0.31rem;
}

.culture-content1{
    width: 100%;
    margin-top: 0.69rem;
    display: flex;
    gap: 0.02rem;
}

.culture-img{
    width: 5.39rem;
    height: 3.04rem;
    position: relative;
}

.culture-mask{
    position: absolute;
    background: #0056AF;
    opacity: 0.74;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.culture-tBox{
    width: 5.39rem;
    height: 3.04rem;
    background: #28AF5C;
    padding:0.2rem 0.51rem 0;
    
}
 
.culture-t1{
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.74rem;
    color: #FFFFFF;
}

.culture-t2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.13rem;
    color: #FFFFFF;
    line-height: 0.23rem;
    white-space: pre-line;
}
 
.culture-list1{
    display: flex;
    flex-direction: column;
    gap: 0.02rem;
}

 
.culture-list1:nth-child(2){
    flex-direction: column-reverse;
}

.culture-t4{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.15rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 0.25rem;
}

.culture-wrap2{
    padding:0.99rem 0 1.03rem;
     background: #fff;
}

.culture-content2{
    height: 5.56rem;
    background: #F6F6F6;
    position: relative;
    margin-top: 0.85rem;
}

.culture-list2{
    display: flex;
    gap: 0.1rem;
}

.culture-item{
    width: 3.92rem;
    height: 3.4rem;
    position: relative;
}

.culture-item>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.culture-item>p{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 1.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.56rem;
    color: #FFFFFF;
}

.culture-bottom{
    width: 2.92rem;
    height: 3.62rem;
    background: #FFFFFF;
    padding: 0.87rem 0.36rem 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2.34rem;
      box-shadow: 0 0.03rem 0.03rem 0.0096rem rgba(0, 0, 0, 0.14);
}

.culture-bottom::after{
    content:"";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    /*width: 100%;*/
    height: 5px;
    background: #28AF5C;
    transition: all 0.6s;
}


.culture-bottom:hover::after{
    width: 100%;
}

.culture-bottom>p{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.11rem;
    color: #515151;
    line-height: 0.22rem;
    white-space: pre-line;
    height: 2.2rem;
    overflow-y: auto;
}

.aa_wrap1{
    padding-top: 0.63rem;
    position: relative;
    padding-bottom: 1.3rem;
    background: #fff;
}

.aa_title{
    font-family: SimHei;
    font-weight: 400;
    font-size: 0.45rem;
    color: #040000;
}

.aa_desc{
    font-family: SimHei;
    font-weight: 400;
    font-size: 0.21rem;
    color: #515151;
    margin-top: 0.23rem;
}

.aa_list1{
    display: flex;
    gap: 0.32rem;
    margin-top: 0.92rem;
}
.aa_list1 .item{
    width: 3.29rem;
}

.aa_img1{
    width: 100%;
    height: 4.74rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.aa_img1>img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

.aa_list1 .item p{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.32rem;
    color: #004074;
    text-align: center;
    margin-top: 0.21rem;
}

.aa_bg{
    height: 4.9rem;
    background: #D2D9EC;
    position: absolute;
    left: 0;
    bottom: 0.81rem;
    width: 100%;
    box-shadow: 0 0.3rem 0.3rem 0 #00000040; 
}
  
.aa_wrap1 .main{
    position: relative;
    z-index: 10;
} 

.aa_wrap2{
    background: #fff;
    padding: 0.9rem 0 1.12rem;
}

.aa_flex{
    display: flex;
    gap: 0.4rem;
    margin-top: 0.48rem;
}

.aa_list2{
    display: flex;
    gap: 0.2rem;
}

.aa_list2>.item{
    width: 3.01rem;
    height: 4.29rem;
}
.aa_list2>.item>img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.aa_right{
    width: 0.86rem;
    padding-top: 1.49rem;
}

.aa_btn1{
    width: 0.86rem;
    height: 0.86rem;
    background: #3FAE38;
    border-radius: 50%;
    text-align: center;
    line-height: 0.86rem;
    font-family: SimHei;
    font-weight: 400;
    font-size: 0.21rem;
    color: #FFFFFF;
}

.aa_line{
    width: 2px;
    height: 1rem;
    border-left: 1px dotted #004074;
    margin:0 auto;
}

.aa_dian{
    width: 0.15rem;
    height: 0.15rem;
    background: #3FAE38;
    border-radius: 50%;
    margin:0 auto;
}

.video-alert{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 999;
}

.video-center{
   width: 700px;
   height: auto;
}

.video-close{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.video-close>svg{
    width: 18px;
    height: 18px;
}

.video-center>video{
    width: 100%;
    margin-top: 20px;
}

.newProduct{
    padding-top: 0.68rem;
    width: 100%;
    background: #fff;
}
.newProduct .mt2{
    margin-top: 1.35rem;
}

.newProduct .title-en{
    width: 100%;
    margin:0 auto;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.7rem;
    color: #324F80;
    text-transform: uppercase;
    text-align: center;
}

.newProduct .title{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.41rem;
    color: #324F80;
    text-align: center;
}

.newProduct .desc{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.41rem;
    color: #324F80;
    text-align: center;
    margin-top: 0.21rem;
}

.newContent{
    padding: 0.96rem 0 0.88rem;
    background: #F0F1F6;
    margin-top: 0.55rem;
}

.newContent .mt2{
    margin-top: 1.35rem;
}


.cj-line2{
    margin-top: 0.16rem;
}

.cj-right{
    padding-top: 1.59rem;
}

.aboutPart3{
    padding-top: 1.01rem;
}

.newAboutTitle{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.7rem;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
}

.newAboutTitle2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.41rem;
    color: #000000;
    text-align: center;
}

.newAboutText{
    margin-top: 0.3rem;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.31rem;
    color: #000000;
}

.newAboutPart{
    background: rgba(194, 194, 194, 0.15);
    padding:0.43rem 0;
    margin-top: 0.63rem;
    margin-bottom: 1.1rem;
}

.newAboutWrap{
     width: 16.08rem;
     margin:0 auto;
     position: relative;
}

.newAboutPart .flex{
    display: flex;
    gap: 0.66rem;
    width: 100%;
    display: none;
}

.newAboutPart .flex.active{
    display: flex;
}

.newsLeft{
    width: 6.14rem;
    height: 7.07rem;
    background: #29469A;
    padding:0.26rem 0.18rem;
}

.newsLeft>img{
    width: 100%;
    height: 4.06rem;
    object-fit: cover;
     border:3px solid #fff;
}

.newsText1{
   margin:0.31rem auto 0;
   width: 5.61rem;
   display: flex;
   justify-content: space-between;
}

.newsTime .time1{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.26rem;
    color: #FFFFFF;
}

.newsTime .time2{
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 0.21rem;
    color: #FFFFFF;
    margin-top: 0.75rem;
}

.newsTime .line{
    width: 0.49rem;
    height: 0.02rem;
    background: #fff;
    margin-top: 0.18rem;
}

.newsContent{
    margin-left: 0.22rem;
    width: 4.79rem;
    display: flex;
    flex-direction: column;
        max-height: 1.9rem;
    overflow: hidden;
}

.newsContent>p{
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 0.15rem;
    color: #FFFFFF;
    line-height: 0.24rem;
}
.newsContent>p+p{
   margin-top: auto;
}

.newAboutWrap{
    position: relative;
}

.newsRight{
    width:9.28rem;
    padding-top: 1rem;
}

.newsRightList{
    display: flex;
    gap: 0.44rem;
    margin-bottom: 0.8rem;
}

.newsRightList:last-child{
    margin-bottom: 0;
}

.newsTime2>.time1{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.29rem;
    color: #000000;
}

.newsTime2>.time2{
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 0.23rem;
    color: #000000;
    margin-top: 0.35rem;
}

.newsTime2>.line2{
    width: 0.52rem;
    height: 0.02rem;
    background:#28AF5C;
    margin-top: 0.17rem;
}

.newsContent2{
    flex: 1;
    padding-top: 0.12rem;
}

.newsContent2>p:first-child{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.21rem;
    color: #000000;
}

.newsContent2>p:last-child{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.13rem;
    color: #000000;
    line-height: 0.24rem;
    margin-top: 0.15rem;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.newBtn{
    position: absolute;
    right: 0;
    top: 0;
    width: 2.6rem;
    height: 0.41rem;
    border-radius: 0.2rem;
    border: 1px solid #28AF5C;
    display: flex;
    overflow: hidden;
    
}

.newBtnC{
    height: 100%;
    width: 1.3rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 0.22rem;
    color: #28AF5C;
    line-height: 0.39rem;
    text-align: center;
    cursor: pointer;
}

.newBtnC.active{
    background: rgba(40, 175, 92, 1);
    color: #fff;
}


.hyBanner{
    height: 100%;
    padding-top: 2.66rem;
}

.innerBanner.innerBanner-hy{
    height: 10.1rem;
}

.hyT1{
    font-family: SimHei;
    font-weight: 400;
    font-size: 0.76rem;
    color: #FFFFFF;
}

.hyLine{
    width: 1.42rem;
    height: 0.02rem;
    background: #FFFFFF;
    margin-top: 0.28rem;
}

.hyDesc{
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 0.33rem;
    color: #FFFFFF;
    margin-top: 1.81rem;
}

.cjPart1{
    padding:1.09rem 0 1.31rem;
    background: #fff;
}

.cjDetailBox1{
    margin-top: 0.56rem;
    background: rgba(230, 230, 230, 1);
    padding: 0.68rem 0 0.8rem;
}
.cjDetailBox1 .main{
    display: flex;
    gap: 0.36rem;
}


.cjDetailBox1>.main>img{
    width: 8.57rem;
    height: 4.47rem;
    object-fit: cover;
}

.cjLeft{
    flex:1;
    padding-top: 0.62rem;
}

.cjLeft .text1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.2rem;
    color: #000000;
}


.cjLeft .text2{
    font-family: Microsoft YaHei;
font-weight: bold;
font-size: 0.29rem;
color: #19397D;
    margin-top: 1.23rem;
}

.cjLeft .text3{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #686868;
    line-height: 0.31rem;
    margin-top: 0.28rem;
}

.cjDetailBox2{
    padding-top: 0.61rem;
    
}

.cjDetailBox2 .text1{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.21rem;
    color: #B2B2B2;
    line-height: 0.33rem;
}

.cjList{
    display: flex;
    gap: 0.54rem;
    flex-wrap: wrap;
    margin-top: 0.41rem;
}

.cjList .item{
    width:4.97rem ;
}

.cjList .item>img{
    width: 100%;
    height: 3.29rem;
    object-fit: cover;
    display: block;
}

.cjList .item>.bottom{
    height: 0.7rem;
    background: rgba(40, 175, 92, 1);
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.7rem;
    text-align: center;
}

.cjPart2{
    padding-top: .31rem;
    background: #fff;
    padding-bottom: 1.98rem;

}

.newAboutText.mt{
    margin-top: 0.17rem;
}

.cjList2{
    margin-top: 0.7rem;
    background: rgba(230, 230, 230, 1);
    padding: 1.01rem 0 0.43rem;
}

.cjList2 .flex{
    width: 15.7rem;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}

.cjList2 .flex>img{
    width: 8.27rem;
    height: 4.51rem;
}

.cjLeft2{
    width:7.07rem;
    padding-top: 0.26rem;
    margin-bottom: 0.64rem;
}

.cjLeft2:last-child{
    margin-bottom: 0;
}

.cjLeft2 .text1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.29rem;
    color: #19397D;
}


.cjLeft2 .text2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #A3A3A3;
    line-height: 0.35rem;
    margin-top: 0.47rem;
}

.cjLeft2 .btn{
    width: 1.67rem;
    height: 0.4rem;
    background: #28AF5C;
    border-radius: 0.16rem;
    text-align: center;
    line-height: 0.4rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    margin-top: 1.26rem;
    cursor: pointer;
}

.productDetailWrap1{
    padding-top: 0.98rem;
    background: #fff;
}

.productDetailWrap2{
    padding-top: 0.58rem;
    background: #fff;
}

.productDetailWrap3{
    padding-top: 1.21rem;
    background: #fff;
}


.productDetailWrap3 .product-rich-content {
  margin-top: 0.18rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.17rem;
  color: #333;
  line-height: 1.8;
}

.product-rich-content table {
  width: 100% !important;
  border-collapse: collapse;
  table-layout: fixed;
}

.product-rich-content th,
.product-rich-content td {
  height: 0.58rem;
  border: 1px solid #fff;
  padding: 0.12rem 0.34rem;
  font-family: Microsoft YaHei;
  font-size: 0.17rem;
  color: #333;
  text-align: center;
  vertical-align: middle;
}

.product-rich-content td p,
.product-rich-content th p {
  margin: 0;
  color: inherit;
  font-size: inherit;
}

.product-rich-content th,
.product-rich-content thead td {
  background: #173993 !important;
  color: #fff !important;
  font-weight: bold;
}

.product-rich-content tr:nth-child(even) td {
  background: #efefef !important;
}

.product-rich-content tr:nth-child(odd) td {
  background: #f7f7f7 !important;
}

.product-rich-content theady tr:first-child td {
  background: #173993 !important;
  color: #fff !important;
  font-weight: bold;
}

.product-rich-content img {
  max-width: 100%;
  height: auto;
}


.proTitle{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.25rem;
    color: #000000;
}

.productDetailWrap2 .flex{
    display: flex;
    gap: 0.77rem;
    margin-top: 0.78rem;
}

.productDetailWrap2 .flex .left{
    width: 7.15rem;
    position: relative;
    display: flex;
    align-items: center;
}

.productDetailWrap2 .flex .blue{
    width: 6.23rem;
    height: 4.23rem;
    background: #164299;
}

.productDetailWrap2 .left>img{
    width: 6.11rem;
    height: 3.33rem;
    object-fit: contain;
    margin-left: -5.19rem;
}

.productDetailWrap2 .right{
    flex: 1;
}

.productDetailWrap2 .right .text1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.25rem;
    color: #000000;
}

.productDetailWrap2 .right .text2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #696969;
    line-height: 0.32rem;
    margin-top: 0.23rem;
}

.productDetailWrap2 .right .list{
    display: flex;
    gap: 0.12rem;
}

.productDetailWrap2 .right .list .item{
    width: 1.92rem;
    height: 0.59rem;
    background: #28AF5C;
    border-radius: 0.16rem;
    line-height: 0.59rem;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    margin-top: 0.39rem;
}

.parameter-table{
    margin-top: 0.3rem;
    width: 100%;
    border-collapse: collapse;
}

.parameter-table th{
    background: rgba(23, 72, 154, 1);
    height: 0.62rem;
}

.parameter-table th,
.parameter-table td{
    
     font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.26rem;
    color: #fff;
    border-right: 1px solid rgba(205, 205, 205, 1);
    text-align: left;
}

.parameter-table td{
    height: 0.7rem;
    color: #000;
    font-weight: 500;
    font-size: 0.24rem;
}

.parameter-table tbody tr:nth-child(even){
    background: RGBA(239, 239, 239, 1);
}

.parameter-table th:first-child,
.parameter-table td:first-child{
    padding-left: 0.81rem;
    
}

.parameter-table th:last-child,
.parameter-table td:last-child{
    padding-left: 2.9rem;
    border-right: none;
}

.productDetailWrap4{
    padding-top: 0.7rem;
    background: #fff;
    position: relative;
}
.productDetailWrap4>img{
    width: 100%;
    display: block;
}

.proTitle2{
    width: 16rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0.7rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.25rem;
    color: #000000;
}

.jobWrap1{
    padding: 1.37rem 0 1.77rem;
    background: #fff;
}

.jobImg{
    width:100%;
    height: 4.19rem;
    margin-top: 0.51rem;
    background-image: url(../img/jobimg1.png);
    background-size: cover;
    padding: 1.09rem 0.9rem;
}

.jobImg .flex{
    width: 16rem;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.jobImg .flex .item{
    width: 25%;
    height: 2.19rem;
    border-right: 1px solid #fff;
    padding-top: 0.17rem;
}

.jobImg .flex .item:last-child{
    border-right: none;
}

.jobImg .flex .text1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.31rem;
    color: #FFFFFF;
    text-align: center;
}

.jobImg .flex .text2{
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.26rem;
    text-align: center;
    width: 2.25rem;
    margin: 0.47rem auto 0;
}

.jobWrap1 .text2{
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 0.24rem;
    color: #585858;
    line-height: 0.37rem;
    margin-top: 0.52rem;
    width: 16rem;
    margin: 0.52rem auto ;
}




@media screen and (max-width: 1042px) {
    .banner-home,
    .banner-news, .banner-job, .banner-contact, .banner-about,
    .innerBanner,
    .innerBanner.innerBanner-hy{
        height: 300px;
        margin-top: 70px;
    }
    .banner-about .banner-about-text{
        left: 3%;
        top: 50%;
        transform: translateY(-50%);
    }
    .banner-about .banner-about-text > .text1{
        font-size: 42px;
    }
    .banner-about .banner-about-text > .text2{
        font-size: 22px;
        margin-top: 16px;
    }
    .banner-about .banner-about-text > .text3{
        font-size: 16px;
    }
    .crumbs{
        padding: 16px 3%;
        height: auto;
    }
    .crumbsNav{
        gap: 20px;
    }
    .crumbsNav .item{
        font-size: 16px;
        padding: 0;
    }
    .crumbsPostion{
        font-size: 16px;
    }
    .crumbsPostion > a{
        font-size: 16px;
    }
    
    
    
    .hyBanner{
        padding-top: 0;
        height: auto;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
    }
    .hyT1{
        font-size: 28px;
    }
    .hyDesc{
        font-size: 16px;
        margin-top: 20px;
    }
    
    
    
    /*关于太初*/
    .aboutWrap{
        padding: 60px 0;
    }
    .aboutPart1{
        width: 94%;
        flex-wrap: wrap;
        row-gap: 70px;
    }
    .aboutPart1 .left{
        width: 100%;
    }
    .aboutPart1 .text1{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .aboutPart1 .text2{
        font-size: 16px;
        line-height: 1.8;
        margin: 0;
    }
    .aboutPart1 .right{
        width: 100%;
        height: auto;
    }.aboutPart1 .bg{
        width: 80%;
        height: calc(100% + 80px);
        top: -40px;
    }
    .aboutPart1 .video-box{
        height: auto;
        padding: 26px;
    }
    .video-center{
        width: 100%;
    }
    .video-center>video{
        margin: 0;
    }
    .video-center .player{
        width: 60px;
        height: 60px;
    }
    .video-center .player > img{
        width: 40%;
    }
    .aboutPart2{
        margin-top: 80px;
    }
    .inner-title > p{
        font-size: 20px;
    }
    .inner-title > p:last-child{
        font-size: 28px;
    }
    .inner-text1{
        font-size: 16px;
        margin-top: 20px;
    }
    .aboutPart2 .content{
        margin-top: 40px;
    }
    .aboutPart2 .bg{
        gap: 20px;
        padding: 40px 3%;
    }
    .aboutPart2 .item{
        width: calc(25% - 15px);
    }
    .aboutPart2 .pic{
        width: 100%;
        height: 66%;
        position: relative;
        z-index: 1;
    }
    .aboutPart2 .pic > img{
        padding: 0 5px 10px;
    }
    .aboutPart2 .name{
        font-size: 20px;
        margin-top: 30px;
    }
    .aboutPart2 .position{
        font-size: 16px;
        margin-top: 6px;
    }
    .aboutPart2 .introduce{
        width: 100%;
        z-index: 99999999;
        min-height: auto;
        top: 60%;
        border-radius: 50px;
    }
    .aboutPart2 .introduce > img{
        width: 30%;
        border-radius: 50px 0 0 50px;
    }
    .introduceBox{
        width: 70%;
        margin: 0;
        padding: 20px;
    }
    .aboutPart2 .text3{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .aboutPart2 .text3 span{
        font-size: 16px;
    }
    .aboutPart2 .text4{
        font-size: 16px;
        line-height: 1.6;
        margin-top: 10px;
    }
    .last-text{
        width: 94%;
        margin: 40px auto 30px;
        font-size: 16px;
        line-height: 1.6;
    }
    .last-text > P{
        font-size: 16px;
        line-height: 1.6;
    }
    .aboutPart3{
        padding-top: 20px;
    }
    .newAboutTitle{
        font-size: 30px;
    }
    .newAboutTitle2{
        font-size: 28px;
    }
    .newAboutText{
        font-size: 16px;
        margin-top: 20px;
    }
    .newAboutPart{
        margin-top: 40px;
        padding: 50px 3%;
        margin-bottom: 40px;
    }
    .newAboutWrap{
        width: 100%;
    }
    .newAboutPart .flex{
        gap: 20px;
    }
    .newBtn{
        width: 200px;
        height: 36px;
    }
    .newBtnC{
        font-size: 16px;
        line-height: 34px;
        width: 50%;
    }
    .newsLeft{
        width: calc(40% - 10px);
        height: auto;
        padding: 20px;
    }
    .newsLeft>img{
        height: auto;
    }
    .newsText1{
        width: 100%;
        margin: 20px auto 0;
        flex-wrap: wrap;
    }
    .newsText1 .newsTime{
        display: flex;
        align-items: baseline;
        column-gap: 20px;
        position: relative;
        margin-bottom: 20px;
    }
    .newsTime .time1{
        font-size: 26px;
    }
    .newsTime .time2{
        font-size: 16px;
        margin: 0;
    }
    .newsTime .line{
        position: absolute;
        transform: rotate(-65deg);
        width: 20px;
        left: 62px;
        height: 1px;
        bottom: 42%;
    }
    .newsContent{
        width: 100%;
        margin: 0;
    }
    .newsContent>p{
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 3;
    }
    .newsRight{
        width: calc(60% - 10px);
        padding-top: 60px;
    }
    .newsRightList{
        margin-bottom: 40px;
        gap: 20px;
    }
    .newsTime2>.time1{
        font-size: 28px;
    }
    
    .newsTime2>.time2{
        font-size: 16px;
        margin-top: 20px;
    }
    
    .newsTime2>.line2{
        width: 50px;
        height: 2px;
        margin-top: 7px;
    }
    .newsContent2{
        padding-top: 0;
    }
    .newsContent2>p:first-child{
        font-size: 16px;
    }
    .newsContent2>p:last-child{
        font-size: 14px;
        line-height: 1.75;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
    }
    .lastPart>img{
        min-height: 200px;
        object-fit: cover;
    }
    .lastPart .box{
        width: auto;
        height: auto;
        font-size: 30px;
        padding: 20px 40px 30px;
        top: 10%;
        white-space: nowrap;
    }
    
    
    
    
    
    
    
    /*企业文化*/
    .culture-wrap1,
    .history_wrap,
    .newProduct{
        padding-top: 40px;
        height: auto;
    }
    .culture-titleen,
    .history_title_en,
    .newProduct .title-en{
        font-size: 30px;
    }
    .culture-title,
    .history_title,
    .newProduct .title{
        font-size: 28px;
    }
    .culture-text,
    .history_text,
    .newProduct .desc{
        font-size: 16px;
        margin-top: 20px;
    }
    .culture-content1{
        margin-top: 30px;
    }
    .culture-list1{
        width: 33.33%;
    }
    .culture-img{
        width: 100%;
        height: 260px;
    }
    .culture-img img{
        height: 100%;
        object-fit: cover;
    }
    .culture-tBox{
        width: 100%;
        height: 260px;
        padding: 20px;
    }
    .culture-t1{
        font-size: 24px;
    }
    .culture-t2,
    .culture-t4{
        font-size: 14px;
        line-height: 1.5;
        margin-top: 15px;
        max-height: 170px;
        overflow-y: auto;
    }
    .culture-t2::-webkit-scrollbar,
    .culture-t4::-webkit-scrollbar {
    	width: 4px;    
    	/*height: 4px;*/
    }
    .culture-t2::-webkit-scrollbar-thumb,
    .culture-t4::-webkit-scrollbar-thumb {
    	border-radius: 10px;
    	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    	background: rgba(0,0,0,0.2);
    }
    .culture-t2::-webkit-scrollbar-track,
    .culture-t4::-webkit-scrollbar-track {
    	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    	border-radius: 0;
    	background: rgba(0,0,0,0.1);
    }
    
    .culture-wrap2{
        padding: 40px 0 100px;
    }
    .culture-content2{
        margin-top: 30px;
        height: auto;
        background: none;
    }
    .culture-list2{
        flex-wrap: wrap;
        gap: 10px;
        row-gap: 40px;
    }
    .culture-item{
        width: calc(50% - 5px);
        height: auto;
    }
    .culture-item>img{
        height: 260px;
    }
    .culture-item>p{
        font-size: 40px;
        top: 86px;
    }
    .culture-bottom{
        width: 80%;
        padding: 20px;
        font-size: 14px;
        position: relative;
        transform: none;
        margin: -60px auto 0;
        top: auto;
        left: auto;
        height: 280px;
        overflow-y: auto;
    }
    .culture-bottom>p{
        font-size: 14px;
        line-height: 1.7;
        height: auto;
    }
    
    
    
    /*发展历程*/
    .history_wrap{
        padding-bottom: 160px;
        margin-bottom: 30px;
    }
    .history_content{
        width: 100%;
        margin-top: 100px;
        gap: 15px;
    }
    .history_line{
        top: 84px;
    }
    .history_main{
        width: 100%;
    }
    .history_next, .history_prev{
        width: 45px;
        height: 45px;
        margin-top: 60px;
    }
    .history_next img, .history_prev img{
        width: 22%;
        height: auto;
    }
    .history_center{
        width: calc(100% - 120px);
        padding: 0 40px;
    }
    .history_center .swiper-slide{
        margin-right: 30px;
    }
    .history_center .text1{
        font-size: 18px;
    }
    .history_center .text2{
        font-size: 20px;
    }
    .history_center .cir{
        width: 30px;
        height: 30px;
        margin-top: 20px;
    }
    .history_center .cir::after{
        width: 70%;
        height: 70%;
    }
    .history_center .text_box,
    .history_center .text_box>p{
        font-size: 16px;
        line-height: 1.5;
    }
    
    
    
    
    
    /*企业荣誉*/
     .aa_wrap1,
    .aa_wrap2{
        padding: 50px 0 60px;
    }
    .aa_bg{
        height: 50%;
        bottom: 30px;
    }
    .aa_title{
        font-size: 28px;
    }
    .aa_desc{
        font-size: 16px;
        margin-top: 16px;
        line-height: 1.5;
    }
    .aa_list1{
        margin-top: 30px;
        gap: 14px;
        align-items: end;
    }
    .aa_list1 .item{
        width: calc(25% - 11px);
        height: fit-content;
    }
    .aa_img1{
        height: auto;
    }
    .aa_list1 .item p{
        font-size: 16px;
        margin-top: 20px;
    }
    
    .aa_flex{
        gap: 10px;
        margin-top: 30px;
    }
    .aa_list2{
        width: calc(100% - 70px);
        flex-wrap: wrap;
        gap: 8px;
    }
    .aa_list2>.item{
        width: calc(25% - 6px);
        height: auto;
    }
    .aa_right{
        width: 50px;
        padding-top: 10px;
    }
    .aa_btn1{
        font-size: 17px;
        width: 60px;
        height: 60px;
        line-height: 1.4;
        display: flex;
        align-items: center;
        padding: 5px;
    }
    .video-alert .video-center{
        width: 90%;
    }
    
    
    
    
    .productDetailWrap1{
        padding-top: 40px;
    }
    
    
    
    
    
    /*行业应用*/
    .caseWrap{
        padding: 40px 0 60px;
    }
    .caseWrap .content{
        margin-top: 30px;
    }
    .scene .scene-content{
        height: calc(var(--base-scale)* 210);
    }
    .case-w-title>p{
        font-size: 24px;
        white-space: nowrap;
    }
    .case-w-btn{
        width: auto;
        height: auto;
        font-size: 16px;
        padding: 6px 20px;
        border-radius: 30px;
        line-height: normal;
        margin-top: 20px;
        white-space: nowrap;
    }
    .case-content{
        top: 40px;
        left: 100px;
    }
    .case-title{
        font-size: 20px;
    }
    .case-text1{
        width: 92%;
        font-size: 14px;
        line-height: 1.7;
        margin-top: 10px;
    }
    .case-text2{
        font-size: 24px;
        margin-top: 30px;
    }
    .case-text3{
        font-size: 16px;
        margin-top: 8px;
    }
    .case-btn{
        width: fit-content;
        height: fit-content;
        font-size: 16px;
        line-height: normal;
        padding: 8px 26px;
        border-radius: 35px;
        margin-top: 20px;
    }
    .swiperBtn{
        margin-top: 20px;
        padding-right: 3%;
        gap: 15px;
    }
    .swiper-button-prev.prev5, .swiper-button-next.next5{
        width: 42px;
        height: 42px;
    }
    .swiper-button-prev.prev5::after, .swiper-button-next.next5::after{
        font-size: 18px;
    }
    .swiper-pagination.box5Page .swiper-pagination-bullet{
        width: 18px;
        height: 4px;
        margin: 0 6px;
    }
    .caseWrap .text1{
        width: 94%;
        margin: 40px auto 0;
    }
    .caseWrap .text1 > p{
        font-size: 16px;
        line-height: 2.1;
    }
    .caseWrap .kh{
        width: 100%;
        padding-top: 40px;
        height: auto;
        padding-bottom: 20px;
        margin: 80px auto 0;
        gap: 20px;
    }
    .caseWrap .khLogo{
        
    }
    .caseWrap .khText{
        width: fit-content;
        padding: 0 30px;
        line-height: 1.2;
        top: -30px;
    }
    .caseWrap .khText > p{
        font-size: 20px;
        white-space: nowrap;
    }
    .caseWrap .khText > p > span{
        font-size: 14px;
    }
    
    
    
    
    .cjPart1{
        padding: 40px 0 20px;
    }
    .cjDetailBox1{
        margin-top: 30px;
        padding: 20px 0 30px;
    }
    .cjDetailBox1 .main{
        gap: 20px;
    }
    .cjDetailBox1>.main>img,
    .cjList2 .flex>img,
    .cjLeft2{
        width: 50%;
        height: auto;
    }
    .cjLeft{
        padding-top: 20px;
    }
    .cjLeft .text1{
        font-size: 18px;
    }
    .cjLeft .text2{
        font-size: 22px;
        margin-top: 26px;
    }
    .cjLeft .text3{
        font-size: 16px;
        line-height: 1.5;
        margin-top: 14px;
    }
    
    .cjList2{
        margin-top: 30px;
        padding: 30px 0;
    }
    .cjList2 .flex{
        width: 94%;
        column-gap: 20px;
    }
    .cjLeft2 .text1 {
        font-size: 22px;
    }
    .cjLeft2 .text2 {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 14px;
    }
    .cjLeft2 .btn{
        width: fit-content;
        height: auto;
        font-size: 16px;
        line-height: normal;
        padding: 8px 20px;
        margin-top: 26px;
        border-radius: 16px;
    }
    .cjPart2{
        padding-top: 20px;
        padding-bottom: 40px;
    }
    
    
    
    
    
    
    /*技术优势*/
    .ta_part1{
        padding: 40px 0;
    }
    .ta_part1 .text1{
        font-size: 24px;
    }
    .ta_part1 .text2{
        font-size: 16px;
        line-height: 2;
        margin-top: 20px;
    }
    .ta_part2{
        padding-bottom: 60px;
    }
    .ta_part2 .text_box{
        top: 40%;
        transform: translateY(-50%);
    }
    .ta_part2 .text1{
        font-size: 28px;
        letter-spacing: 8px;
    }
    .ta_part2 .text2{
        font-size: 16px;
        letter-spacing: 4px;
        margin-top: 16px;
    }
    .ta_part2 .list{
        gap: 16px;
        margin-top: -40px;
        flex-wrap: wrap;
    }
    .ta_part2 .item{
        width: calc(50% - 8px);
        height: auto;
    }
    .ta_part2 .item>img{
        height: 270px;
    }
    .ta_part2 .bottom{
        height: auto;
        padding: 20px;
    }
    .ta_part2 .text3{
        font-size: 18px;
    }
    .ta_part2 .text4{
        font-size: 15px;
        line-height: 1.5;
        margin-top: 10px;
    }
    
    
    
    
    
    /*用人理念*/
    .jobWrap1{
        padding: 40px 0 40px;
    }
    .jobImg{
        height: auto;
        margin-top: 30px;
        padding: 40px 0;
        background-position: center;
    }
    .jobImg .flex{
        width: 100%;
    }
    .jobImg .flex .item{
        height: auto;
        padding: 0 20px;
    }
    .jobImg .flex .text1{
        font-size: 22px;
    }
    .jobImg .flex .text2{
        font-size: 16px;
        width: 100%;
        line-height: 1.625;
        margin: 20px auto 0;
    }
    .jobWrap1 .text2{
        width: 94%;
        margin: 40px auto;
        font-size: 20px;
        line-height: 1.54;
    }
    
    
    
    
    /*热招岗位*/
    .jobWrap{
        padding: 40px 0;
    }
    .jobWrap .text1{
        font-size: 16px;
        margin-top: 20px;
    }
    .jobWrap .list{
        width: 100%;
        margin: 40px auto 0;
    }
    .jobWrap .list > p{
        font-size: 20px;
    }
    .jobWrap .list .xq{
        font-size: 22px;
        width: 160px;
        height: calc(100% - 8px););)
        _;)
        _););
        gap: 10px;
    }
    .jobWrap .list .xq > img{
        width: 16px;
    }
    .jobWrap .bottom{
        
    }
    .job-pic{
        width: 100%;
    }
    .job-pic .blue{
        
    }
    .jobWrap .text2{
        width: 94%;
        font-size: 18px;
        line-height: 2;
    }
}


@media screen and (max-width: 769px) {
    .banner-home,
    .banner-news, .banner-job, .banner-contact, .banner-about,
    .innerBanner,
    .innerBanner.innerBanner-hy{
        height: 240px;
        margin-top: 60px;
    }
    
    
    .banner-about .banner-about-text > .text1{
        font-size: 28px;
    }
    .banner-about .banner-about-text > .text2,
    .hyDesc{
        font-size: 16px;
    }
    .banner-about .banner-about-text > .text3{
        font-size: 14px;
    }
    
    

    .hyT1{
        font-size: 24px;
    }
    .hyDesc{
        margin-top: 20px;
    }
    
    
    .crumbs{
        flex-wrap: wrap;
        row-gap: 10px;
        justify-content: center;
    }
    .crumbsNav{
        width: 100%;
        justify-content: space-around;
        overflow-x: auto;
    }
    .crumbsPostion{
        width: auto;
    }
    
    
    .aboutPart1 .text1{
        font-size: 22px;
    }
    .aboutPart1 .text2,
    .last-text > P{
        font-size: 14px;
    }
    .inner-title > p:last-child,
    .newAboutTitle2{
        font-size: 22px;
    }
    .inner-text1,
    .newAboutText{
        font-size: 12px;
    }
    .aboutPart2 .bg{
        gap: 8px;
    }
    .aboutPart2 .item{
        width: calc(25% - 6px);
    }
    .aboutPart2 .pic{
        height: 47%;
    }
    .aboutPart2 .name{
        font-size: 18px;
        margin-top: 20px;
    }
    .aboutPart2 .position{
        font-size: 14px;
    }
    .aboutPart2 .introduce{
        flex-wrap: wrap;
    }
    .aboutPart2 .introduce > img{
        margin: 20px auto 0;
        border-radius: 10px;
        width: 48%;
    }
    .introduceBox{
        width: 100%;
    }
    
    
    .newBtn{
    left: 50%;
    transform: translateX(-50%);
    }
    .newAboutPart .flex{
        padding-top: 60px;
        flex-wrap: wrap;
    }
    .newsLeft{
        width: 100%;
    }
    .newsRight{
        width: 100%;
        padding-top: 0;
    }
    
    
    
    
    
    /*企业文化*/
    .culture-titleen,
    .history_title_en,
    .newProduct .title-en,
    .newAboutTitle{
        font-size: 22px;
    }
    .culture-title,
    .history_title,
    .newProduct .title{
        font-size: 23px;
    }
    .culture-text,
    .history_text,
    .newProduct .desc{
        font-size: 12px;
        margin-top: 14px;
    }
    
    .culture-item{
        width: 100%;
    }
    .culture-item>img{
        height: 186px;
    }
    .culture-item>p{
        font-size: 28px;
        top: 50px;
    }
    .culture-bottom{
        width: 90%;
        height: auto;
    }
    
    
    
    
    /*发展历程*/
    .history_next, .history_prev{
        width: 35px;
        height: 35px;
    }
    .history_line{
        height: 1px;
        top: 77px;
    }
    .history_center{
        width: calc(100% - 100px);
        padding: 0 16px;
    }
    .history_center .cir {
        width: 26px;
        height: 26px;
    }
    .history_center .text2{
        font-size: 18px;
        white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    .history_center .text1{
        font-size: 16px;
    }
    .history_center .text_box, .history_center .text_box>p{
        font-size: 14px;
    }
    
    
    
    
    
    /*企业荣誉*/
    .aa_title{
        font-size: 20px;
    }
    .aa_bg {
        height: 66%;
    }
    .aa_desc{
        font-size: 14px;
    }
    .aa_list1{
        flex-wrap: wrap;
    }
    .aa_list1 .item{
        width: calc(50% - 7px);
    }
    .aa_list2>.item{
        width: calc(50% - 4px);
    }
    
    
    
    
    
    
    /*行业应用*/
    .swiper-case{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .swiperBtn{
        margin: 0 auto 20px;
    }
    .scene .scene-content{
        width: 94%;
        flex-wrap: wrap;
        height: fit-content;
        margin: 0 auto;
        row-gap: 10px;
    }
    .scene .scene-content .scene-content-item{
        flex: 0 0 100%;
        overflow: hidden;
        min-height: 470px;
    }
    .scene .scene-content .scene-content-item .scene-wrapper{
        transform: none;
    }
    .scene .scene-content .scene-content-item .scene-wrapper-bg{
        height: 100%;
        transform: translate(-50%) skew(0deg);
        margin: 0;
    }
    .scene .scene-content .scene-content-item .scene-wrapper-bg > img{
        transform: none !important;
    }
    .case-w-title{
        display: none;
    }
    .case-content{
        position: relative;
        transform: none;
        opacity: 1;
        top: 0;
        left: 0;
        padding: 20px 0 20px 20px;
    }
    
    .caseWrap .text1 > p{
        font-size: 14px;
    }
    .caseWrap .khText{
        line-height: 1.2;
    }
    .caseWrap .khText > p{
        font-size: 20px;
        white-space: nowrap;
    }
    
    
    
    
    .cjDetailBox1 .main{
        flex-wrap: wrap;
        gap: 0;
    }
    .cjDetailBox1>.main>img{
        width: 100%;
    }
    .cjLeft .text1{
        font-size: 16px;
    }
    .cjLeft .text2{
        font-size: 18px;
        margin-top: 16px;
    }
    .cjLeft .text3,
    .cjLeft2 .text2{
        font-size: 14px;
    }
    
    
    
    
    .cjList2 .flex{
        flex-wrap: wrap;
    }
    .cjList2 .flex>img,
    .cjLeft2{
        width: 100%;
    }
    .cjLeft2 .text1{
        font-size: 18px;
    }
    
    
    
    .ta_part1 .text1{
        font-size: 18px;
    }
    .ta_part1 .text2{
        font-size: 14px;
    }
    .ta_part2 .item{
        width: 100%;
        margin-bottom: 16px;
    }
    .ta_part2 .item>img{
        height: auto;
    }
    .ta_part2 .text3{
        font-size: 16px;
    }
    .ta_part2 .text4{
        font-size: 14px;
    }
    
    
    
    
    
    .jobImg .flex{
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .jobImg .flex .item{
        width: 50%;
    }
    .jobImg .flex .text1{
        font-size: 20px;
    }
    .jobImg .flex .text2{
        font-size: 14px;
        margin: 10px auto 0;
    }
    .jobWrap1 .text2{
        font-size: 16px;
    }
}