.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;
}

/* 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: 4.49rem;
  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: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:hover {
  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;
}

.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: 1.6rem;
  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: 8.29rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #f0f1f2;
  line-height: 0.45rem;
  margin-top: 0.6rem;
}

.case-btn {
  width: 2rem;
  height: 0.49rem;
  background: #173993;
  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: 1.52rem;
}

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

.case-w-title {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.43rem;
  color: #f0f1f2;
  position: absolute;
  left: 8%;
  top: 40%;
  transform: skew(10.15deg);
  transform: skew(10.15deg);
  transition: all 0.6s;
  width: 4rem;
}

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

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

.scene .scene-content .scene-content-item:hover .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;
}

.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: #1550b6;
}

.swiper-button-next.next5 {
  position: static;
  width: 0.63rem;
  height: 0.63rem;
  background: #1550b6;
  border-radius: 50%;
  margin: 0;
}

.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;
}