html {
  font-size: 0.52vw;
}


body {
  background-color: #fffeff;
}

.swiper-index {
  height: 74rem;
}


.swiper-index .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 8rem;
}



#swiper-index {
  position: relative;
  height: 100%;
}

#swiper-index .swiper-slide {
  /* position: absolute; */

}

#swiper-index .swiper-slide img {
  width: 100%;
  height: 47.4rem;
  object-fit: cover;
}

.swiper-wrapper {
  display: flex;

}

.banner_02 {
  background-size: cover;
}



.ban_container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
}

.ban_container img {
  height: 60rem !important;
}

.ban_container p {
  position: absolute;
  top: 46rem;
  width: 96rem;
  line-height: 6rem;
  font-family: Source Han Sans CN;
  font-size: 4rem;
  letter-spacing: .2rem;
  color: #f2d682;
  text-align: center;
}

.ban_container p span {
  line-height: 1rem;
}

.allBox {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  position: relative;
  width: 138.8rem;
  margin: 0 auto;
  margin-top: 8rem;
  color: #fff;
  padding-top: 6rem;
}

/* .allBox img {
  margin-top: 60px;
} */
.rightBox {
  animation: float 4s ease-in-out infinite;

}



/* .allBox .leftBox {
  transform: translate(0);
  animation: example1 1s ease-out 1s backwards
}

.allBox img {
  transform: translate(0);
  animation: example2 1s ease-out 1s backwards
} */

.allBox .leftBox .pType {
  width: 48.6rem;
  height: 3rem;
  line-height: 3.4rem;
  font-size: 2.2rem;
  letter-spacing: .5rem;
  color: #fff;
  margin-bottom: 5rem;
}

.allBox .leftBox .pName {
  font-size: 3rem;
  letter-spacing: .3rem;
  margin-bottom: 2.4rem;
}

.allBox .leftBox .pChange {
  font-size: 1.8rem;
  letter-spacing: .1rem;
  margin-bottom: 4rem;
}

.allBox .leftBox .pDetails {
  width: 15.4rem;
  height: 4rem;
  background-color: #fbcc30;
  text-align: center;
  line-height: 4rem;
  border-radius: 2rem;
  margin-bottom: 6rem;
  font-size: 1.6rem;
  cursor: pointer;
}

@keyframes example1 {
  0% {
    transform: translate(-12rem);
    opacity: 0;
  }

  /* 50% {
    transform: translate(-30px);
    opacity: .5;
  } */

  100% {
    transform: translate(0);
    opacity: 1;
  }
}

@keyframes example2 {
  0% {
    transform: translate(12rem);
    opacity: 0;
  }

  /* 50% {
    transform: translate(30px);
    opacity: .5;
  } */

  100% {
    transform: translate(0);
    opacity: 1;
  }
}

@keyframes example3 {
  0% {
    transform: translateY(6rem);
    opacity: 0;
  }

  /* 50% {
    transform: translate(30px);
    opacity: .5;
  } */

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes example4 {
  0% {
    transform: translateY(6rem);
    opacity: 0;
  }

  /* 50% {
    transform: translate(30px);
    opacity: .5;
  } */

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2rem);
  }

  100% {
    transform: translateY(0);
  }
}

/* 动画 */
.ani01 {
  transform: translate(0);
  animation: example1 3s linear 1s backwards
}

.ani02 {
  transform: translate(0);
  animation: example2 3s linear 1s backwards
}

.ani03 {
  transform: translate(0);
  animation: example3 0.4s linear 0s backwards
}

.ani04 {
  transform: translate(0);
  animation: example4 1s linear 1s backwards
}



.service_box .service_content .service_content_detail {
  margin-top: 7.8rem;
  text-align: center;
}

.service_box .service_content .service_content_detail .title {
  height: 3.6rem;
  line-height: 3.6rem;
  font-size: 3.6rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #1a1f41;
  margin-bottom: 1rem;
  margin-top: 20rem;
}

.service_box .service_content .service_content_detail .introduce {
  margin-top: 2rem;
  font-size: 2rem;
  font-family: Source Han Sans CN Normal;
  font-weight: 400;
  color: #999ca5;
}

.service_box .service_content .service_main {
  position: relative;
  margin-top: 2.3rem;
  display: flex;
  justify-content: center;
}



.service_box .service_content .service_main ul {
  width: 100%;
  position: relative;
  overflow: hidden;
  zoom: 1;
  display: flex;
}

.service_box .service_content .service_main ul li {
  flex: 1;
  list-style: none;
  display: flex;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
}

.service_box .service_content .service_main ul li img {
  width: 4.4rem;
  height: 4.4rem;
  margin: 0 auto;
  margin-top: 2rem;
}

.service_box .service_content .service_main ul li p {
  margin-top: 2rem;
  font-size: 2.4rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #393939;
}

.service_box .service_content .service_main .active {
  /* background-color: #f2f4ff; */
  background-image: linear-gradient(#fbfbfe, #f0f1fe);
  border-bottom: .5rem solid #5673f9;
}

.service_box .service_content .service_main .active p {
  color: #0066FF;

}

#service ul li {
  cursor: pointer;
  height: 10rem;
}

.service_box_swiper {
  width: 100%;
  height: 55.5rem;
  /* padding-top: 45px;
  margin-top: 46px; */
}

.service_box_swiper .swiper-slide {
  height: 60rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.service_box_swiper .swiper-slide:first-child {
  /* background-image: url("../images/service_introduce1.jpg"); */
  background-image: url("../images/zhsqBg.png");

}

.service_box_swiper .swiper-slide:nth-child(2) {
  /* background-image: url("../images/service_introduce1.jpg"); */
  background-image: url("../images/zhsqBg.png");
}

.service_box_swiper .swiper-slide:nth-child(3) {
  /* background-image: url("../images/service_introduce2.jpg"); */
  background-image: url("../images/zhsqBg.png");
}

.service_box_swiper .swiper-slide:nth-child(4) {
  /* background-image: url("../images/service_introduce3.jpg"); */
  background-image: url("../images/zhsqBg.png");
}

.service_box_swiper .swiper-slide:nth-child(5) {
  /* background-image: url("../images/service_introduce4.jpg"); */
  background-image: url("../images/zhsqBg.png");
}

.service_box_swiper .swiper-slide:nth-child(6) {
  /* background-image: url("../images/service_introduce5.jpg"); */
  background-image: url("../images/zhsqBg.png");
}

.service_box_swiper .swiper-slide:nth-child(7) {
  /* background-image: url("../images/service_introduce6.jpg"); */
  background-image: url("../images/zhsqBg.png");
}

.service_box_swiper .swiper-slide:nth-child(8) {
  /* background-image: url("../images/service_introduce1.jpg"); */
  background-image: url("../images/zhsqBg.png");
}

.service_box_swiper .swiper-slide:nth-child(9) {
  /* background-image: url("../images/service_introduce1.jpg"); */
  background-image: url("../images/zhsqBg.png");
}

.service_box_swiper .service_introduce {
  display: flex;
  justify-content: center;
  align-items: center;
  /* display: table; */
  height: 60rem;
}

.container {
  width: 106rem;
  height: 48rem;
  display: flex;
  justify-content: space-between;
  background-color: #fffeff;
  border-radius: 1rem;
}

.service_box_swiper .service_introduce .left {
  width: 60rem;
  display: table-cell;
  vertical-align: middle;
  color: #000;
}

.service_box_swiper .service_introduce .left .introduce_content {
  margin-left: 8rem;
  /* margin-right: 350px; */
  margin-right: 4rem;
  margin-top: 11rem;
}

/* .service_box_swiper .swiper-slide:first-child .left .introduce_content {
  margin-right: 350px;
} */

.service_box_swiper .swiper-slide:nth-child(5) .left .introduce_content {
  margin-right: 4rem;
}

.service_box_swiper .service_introduce .left .introduce_content .title {
  font-size: 3.6rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #000;
}

.service_box_swiper .service_introduce .left .introduce_content ul {
  margin-top: 1.3rem;
  position: relative;
  overflow: hidden;
  zoom: 1;
  letter-spacing: .1rem;
  margin-bottom: 3rem;
}

.service_box_swiper .service_introduce .left .introduce_content ul li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  float: left;
  margin-top: 1rem;
  list-style: inside;
  text-align: left;
  font-size: 1.8rem;
  font-family: Source Han Sans CN;
  /* font-weight: 500; */
  /* color: #929493; */
  list-style: none;
}

.service_box_swiper .service_introduce .left .introduce_content button {
  width: 13.7rem;
  height: 3.2rem;
  /* line-height: 36px; */
  border: 1px solid #FFFFFF;
  border-radius: 1.8rem;
  text-align: center;
  font-size: 1.8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000;
  /* background: unset !important; */
  outline: none;
  user-select: none;
  cursor: pointer;
}

.saoCode {
  width: 16rem !important;
}

.service_box_swiper .service_introduce .left .introduce_content button.details_more {
  background-color: #fff;
  color: #5772fa;
  margin-right: 2rem;
  border: .1rem solid #5772fa;
}

.service_box_swiper .service_introduce .left .introduce_content button.details_more:hover {
  background-color: #5772fa;
  color: #fff;
  margin-right: 2rem;
}


.service_box_swiper .service_introduce .left .introduce_content button.query_customer {
  background-color: #fff;
  color: #5772fa;
  border: .1rem solid #5772fa;
}

.service_box_swiper .service_introduce .left .introduce_content button.query_customer:hover {
  background-color: #5772fa;
  color: #fff;
  border: .1rem solid #5772fa;
}

.service_box_swiper .service_introduce .right {
  width: 46rem;
  height: 48rem;
  /* animation: float 4s ease-in-out infinite; */
}

.service_box_swiper .service_introduce .right img {
  width: 100%;
  height: 100%;
}

.shuoming {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 1.6rem;
  color: #929493;
}

.shuoming p {
  line-height: 3rem;
  font-size: 1.6rem;
}

.shuoming p img {
  margin-right: 1rem;
}

/* 智慧党建 */
.anli {
  width: 120rem !important;
}

.service_party .service_content {
  margin-top: 15.5rem;
}



.service_main02 {
  position: relative;
  display: flex;
  margin-top: 1rem;
}

.change_container {
  position: absolute;
  top: 27.8rem;
  left: 36rem;
  width: 52.6rem;
  height: 24.5rem;
  background: url(../images/new/layer.png) no-repeat;
  background-size: 100% 100%;
}

.change_context {
  position: absolute;
  top: 7.5rem;
  left: 7.8rem;
  width: 37.8rem;
  height: 10rem;
  line-height: 2.6rem;
  font-size: 1.6rem;
}

.djContainer {
  position: relative;
  flex: 1;
  color: #a09da0;
  margin-top: 4rem;
}

/* 党务管理 */
.djContainer .dwgl {
  display: flex;
  align-items: center;
  width: calc(100% - 30rem);
  height: 6.5rem;
  font-family: Source Han Sans CN Normal;
  margin: 3rem 14rem 1rem 10rem;
  border-radius: .5rem 2rem;
  padding-left: 2rem;
  cursor: pointer;
  letter-spacing: .1rem;
  font-weight: 600;
}

.djContainer .dwgl:hover {
  background-color: #5673f8;
  color: #fff;
  box-shadow: .1rem .1rem 1.2rem #5673f8;
}

.djContainer .dwgl:hover p {
  color: #fff;
}



.djContainer .dwgl p {
  margin-left: 1rem;
  margin-bottom: .1rem;
  font-size: 1.8rem;
  /* font-family: YouSheBiaoTiHei; */
  color: #474747;
  line-height: 3.6rem;
  /* font-weight: 700; */
}

.djContainer .dwgl span {
  font-family: Source Han Sans CN;
  font-size: 1.6rem;
  margin-left: 1.8rem;
  font-weight: 400;

}

/* 组织生活 */
.djContainer .zzsh {
  display: flex;
  align-items: center;
  width: calc(100% - 22rem);
  height: 6.5rem;
  font-family: Source Han Sans CN Normal;
  margin: 3rem 14rem 1rem 10rem;
  border-radius: .5rem 2rem;
  padding-left: 2rem;
  cursor: pointer;
  letter-spacing: .1rem;
  font-weight: 600;

}

.active_02 {
  background-color: #5673f8;
  color: #fff;
  box-shadow: .1rem .1rem 1.2rem #5673f8;
}

.djContainer .zzsh:hover {
  background-color: #5673f8;
  color: #fff;
  box-shadow: .1rem .1rem 1.2rem #5673f8;
}

.djContainer .zzsh:hover p {
  color: #fff;
}

.djContainer .zzsh p {
  margin-left: 1rem;
  margin-bottom: .1rem;
  font-size: 1.8rem;
  /* font-family: YouSheBiaoTiHei; */
  color: #474747;
  line-height: 3.6rem;
  /* font-weight: 700; */

}

.djContainer .zzsh span {
  font-family: Source Han Sans CN;
  font-size: 1.6rem;
  margin-left: 1.8rem;
  font-weight: 400;
}

/* 学习中心 */
.djContainer .xxzx {
  display: flex;
  align-items: center;
  width: calc(100% - 20rem);
  height: 6.5rem;
  font-family: Source Han Sans CN Normal;
  margin: 3rem 14rem 1rem 10rem;
  border-radius: .5rem 2rem;
  padding-left: 2rem;
  cursor: pointer;
  letter-spacing: .1rem;
  font-weight: 600;
}

.djContainer .xxzx:hover {
  background-color: #5673f8;
  color: #fff;
  box-shadow: .1rem .1rem 1.2rem #5673f8;
}

.djContainer .xxzx:hover p {
  color: #fff;
}

.djContainer .xxzx p {
  margin-left: 1rem;
  margin-bottom: .1rem;
  font-size: 1.8rem;
  /* font-family: YouSheBiaoTiHei; */
  color: #474747;
  line-height: 3.6rem;
  /* font-weight: 700; */
}

.djContainer .xxzx span {
  font-family: Source Han Sans CN;
  font-size: 1.6rem;
  margin-left: 1.8rem;
  font-weight: 400;
}

/* 党建地图 */
.djContainer .djdt {
  display: flex;
  align-items: center;
  width: calc(100% - 14rem);
  height: 6.5rem;
  font-family: Source Han Sans CN Normal;
  margin: 3rem 14rem 1rem 10rem;
  border-radius: .5rem 2rem;
  padding-left: 2rem;
  cursor: pointer;
  letter-spacing: .1rem;
  font-weight: 600;
}

.djContainer .djdt:hover {
  background-color: #5673f8;
  color: #fff;
  box-shadow: .1rem .1rem 1.2rem #5673f8;
}

.djContainer .djdt:hover p {
  color: #fff;
}

.djContainer .djdt p {
  margin-left: 1rem;
  margin-bottom: .1rem;
  font-size: 1.8rem;
  /* font-family: YouSheBiaoTiHei; */
  color: #474747;
  line-height: 3.6rem;
  /* font-weight: 700; */
}

.djContainer .djdt span {
  font-family: Source Han Sans CN;
  font-size: 1.6rem;
  margin-left: 1.8rem;
  font-weight: 400;
}


/* 大数据 */
.djContainer .dsj {
  display: flex;
  align-items: center;
  width: calc(100% - 15rem);
  height: 6.5rem;
  font-family: Source Han Sans CN Normal;
  margin: 3rem 14rem 1rem 10rem;
  border-radius: .5rem 2rem;
  padding-left: 2rem;
  cursor: pointer;
  letter-spacing: .1rem;
  font-weight: 600;
}

.djContainer .dsj:hover {
  background-color: #5673f8;
  color: #fff;
  box-shadow: .1rem .1rem 1.2rem #5673f8;
}

.djContainer .dsj:hover p {
  color: #fff;
}

.djContainer .dsj p {
  margin-left: 1rem;
  margin-bottom: .1rem;
  font-size: 1.8rem;
  /* font-family: YouSheBiaoTiHei; */
  color: #474747;
  line-height: 3.6rem;
  /* font-weight: 700; */
}

.djContainer .dsj span {
  font-family: Source Han Sans CN;
  font-size: 1.6rem;
  margin-left: 1.8rem;
  font-weight: 400;
}

/* 党员APP */
.djContainer .dyApp {
  display: flex;
  align-items: center;
  width: calc(100% - 30rem);
  height: 6.5rem;
  font-family: Source Han Sans CN Normal;
  margin: 3rem 14rem 1rem 10rem;
  border-radius: .5rem 2rem;
  padding-left: 2rem;
  cursor: pointer;
  letter-spacing: .1rem;
  font-weight: 600;
}

.djContainer .dyApp:hover {
  background-color: #5673f8;
  color: #fff;
  box-shadow: .1rem .1rem 1.2rem #5673f8;
}

.djContainer .dyApp:hover p {
  color: #fff;
}

.djContainer .dyApp p {
  margin-left: 1rem;
  margin-bottom: .1rem;
  font-size: 1.8rem;
  /* font-family: YouSheBiaoTiHei; */
  color: #474747;
  line-height: 3.6rem;
  /* font-weight: 700; */
}

.djContainer .dyApp span {
  font-family: Source Han Sans CN;
  font-size: 1.6rem;
  margin-left: 1.8rem;
  font-weight: 400;
}


.djContainer .dj01 {
  position: absolute;
  top: 7.6rem;
  left: 6rem;
}

.djContainer .dj02 {
  position: absolute;
  top: 20rem;
  right: 8.5rem;
}

.djContainer .dj03 {
  position: absolute;
  bottom: 12.5rem;
  left: 6rem;
}



.service_case .service_content_detail {
  margin-top: 14.4rem;
}

.service_case .service_main {
  margin-top: 2.2rem;
}

.service_case .service_main ul {
  position: relative;
  overflow: hidden;
  zoom: 1;
  display: flex;
  flex-wrap: wrap;
}

.service_case .service_main ul li {
  position: relative;
}

.service_case .service_main ul li .case_content {
  width: 36rem;
  height: 36rem;
  margin: 1.8rem auto;
  background: #FFFFFF;
  box-shadow: 0 .6rem .8rem .1rem rgba(183, 183, 183, 0.3);
  border-radius: 1.2rem;
}

.service_case .service_main ul li .img {
  width: 36rem;
  height: 24rem;
  background: #015976;
  border-radius: 1.2rem;
  overflow: hidden;
}

.service_case .service_main ul li .img img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  margin-top: 0 !important;
}

.service_case .service_main ul li .case_content .title {
  margin-top: 4.2rem;
  padding: 0 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 2.8rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #454545;
}


/* 弹层 */
.layer,
.layer02,
.layer03,
.layer04,
.layer05,
.layer06 {
  position: absolute;
  top: 0;
  left: 1.8rem;
  width: 36.2rem;
  height: 36rem;
  margin: 1.8rem auto;
  margin-bottom: 4rem;
  background: #FFFFFF;
  padding: 1.5rem;
  box-shadow: 0 0rem 1rem .3rem rgba(183, 183, 183, 0.3);
  box-sizing: border-box;
  border-radius: 1.2rem;
  display: none;
  z-index: 3;
}

.layer h4,
.layer02 h4,
.layer03 h4,
.layer04 h4,
.layer05 h4,
.layer06 h4 {
  font-size: 2.6rem;
  text-align: left;
  letter-spacing: .2rem;
  margin: 2rem;
}

.layer div:nth-child(2),
.layer02 div:nth-child(2),
.layer03 div:nth-child(2),
.layer04 div:nth-child(2),
.layer05 div:nth-child(2),
.layer06 div:nth-child(2) {
  font-size: 1.8rem;
  text-align: left;
  letter-spacing: .1rem;
  line-height: 3.4rem;
  margin-top: 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin: 2rem 2rem 3rem 2rem;
}

.layer div:nth-child(3),
.layer02 div:nth-child(3),
.layer03 div:nth-child(3),
.layer04 div:nth-child(3),
.layer05 div:nth-child(3),
.layer06 div:nth-child(3) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6.2rem;
  border-top: .2rem solid #f3fafc;
}

.know_more {
  width: 8.6rem;
  height: 2.4rem;
  line-height: 2.4rem;
  background-color: #fff;
  color: #5772fa;
  margin-right: 2rem;
  font-size: 1.4rem;
  border: 1px solid #5772fa;
  border-radius: 2rem;
  cursor: pointer;
}

.service_main ul li:nth-child(1):hover .layer {
  display: block;
}

.service_main ul li:nth-child(2):hover .layer02 {
  display: block;
}

.service_main ul li:nth-child(3):hover .layer03 {
  display: block;
}

.service_main ul li:nth-child(4):hover .layer04 {
  display: block;
}

.service_main ul li:nth-child(5):hover .layer05 {
  display: block;
}

.service_main ul li:nth-child(6):hover .layer06 {
  display: block;
}

/* 企业资讯 */
.news {
  margin-top: 14.2rem;
  padding-top: 11rem;
  min-height: 31rem;
  /* background-image: url("../images/news_bg.png"); */
  /* background-repeat: no-repeat; */
  /* background-size: auto; */
  /* padding-bottom: 312px; */
  padding-bottom: 14rem;
}

.news .news_title {
  text-align: center;
  font-size: 3.6rem;
  font-family: Source Han Sans CN;
  font-weight: 600;
  color: #202020;
}

.news ul {
  width: 90rem;
  display: flex;
  justify-content: space-around;
  margin-top: 3rem;
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.news ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 26%;
  list-style: none;
  float: left;
  margin-top: 4rem;
}



.news ul li p {
  width: 80%;
  text-align: center;
  font-size: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #474747;
  line-height: 3.8rem;
  padding-bottom: 2.2rem;
  border-bottom: 2px solid rgba(73, 119, 252, 0.2);
}

.news ul li p span {
  margin-right: 1rem;
  padding-right: 1rem;
  border-right: .2rem #646464 solid;
}

.news ul li:hover p {
  color: #599FFE;
}

.news ul li:hover p span {
  border-right: .2rem #599FFE solid;
}

#service02 {
  display: flex;
  justify-content: center;
}

/* ------------------------- */
.news .news_first,
.news .news_sex {
  position: relative;
  width: 62rem;
  height: 36.2rem;
}

.news .news_first img,
.news .news_sex img {
  width: 100%;
  height: 100%;
}

.common_style {
  text-align: left;
  font-size: 2.4rem;
  font-family: Source Han Sans CN Normal;
  font-weight: 700;
  color: #646464;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  letter-spacing: .1rem;
}

.news .news_first_box,
.news .news_sex_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60rem;
  height: 6rem;
  line-height: 6rem;
  padding-left: 2rem;
  background: rgba(255, 255, 255, .3);
  font-size: 2.4rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;

}

.news .news_first_box span:nth-child(1),
.news .news_sex_box span:nth-child(1) {
  margin-right: 1rem;
}

.news .news_five {
  margin-bottom: 1rem;
}

.news .news_second,
.news .news_third {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 62rem;
  padding: 1.5rem 0;
  border-bottom: .2rem solid #dadbe8;
  font-size: 2.4rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5E5F61;
  line-height: 3.4rem;

}

.news .news_second span:nth-child(1),
.news .news_third span:nth-child(1) {
  margin-bottom: .9rem;
  padding-left: 1.5rem;
}

.news .news_second span:nth-child(2),
.news .news_third span:nth-child(2) {
  padding-left: 1.2rem;
  line-height: 3.2rem;
}

.news .news_four,
.news .news_five {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 62rem;
  padding: 1.5rem 0;
  border-top: .2rem solid #dadbe8;
  font-size: 2.4rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5E5F61;
  line-height: 3.4rem;
}

.news .news_four span:nth-child(1),
.news .news_five span:nth-child(1) {
  margin-bottom: .9rem;
  padding-left: 1.5rem;
}

.news .news_four span:nth-child(2),
.news .news_five span:nth-child(2) {
  padding-left: 1.5rem;
  line-height: 3.2rem;
}

.service_box_swiper02 {
  margin-top: 6.7rem;
}

.anli_news {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.anli_news .left {
  display: flex;
  flex-direction: column;
  height: 39.4rem;
  margin-right: 3rem;
}

.anli_news .left div {
  width: 56.8rem;
  height: 18.4rem;
  background: #4977FC;
  border-radius: 1rem;
}

.anli_news .left div:nth-child(1) {
  position: relative;
  margin-bottom: 2.6rem;
  background: url(../images/new/gzyy.png) center center no-repeat;
  background-size: cover;
}

.anli_news .left div:nth-child(1) div,
.anli_news .left div:nth-child(2) div {
  position: absolute;
  top: 6.1rem;
  left: 3.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.4rem;
  height: 2.8rem;
  background: linear-gradient(90deg, #326BFE 0%, #0497FE 100%);
  border-radius: 0.4rem;
  z-index: 999;
}

.anli_news .left div:nth-child(1) div span,
.anli_news .left div:nth-child(2) div span {
  font-size: 1.8rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2.6rem;
}

.anli_news .left div:nth-child(1) p,
.anli_news .left div:nth-child(2) p {
  position: absolute;
  top: 12rem;
  left: 2.8rem;
  font-size: 2.4rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 2.6rem;
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.7);
  z-index: 999;
}

.anli_news .left div:nth-child(2) {
  position: relative;
  /* background: url(../images/new/hnxy.png) center center no-repeat; */
  background-size: cover;
}



.anli_news .right {
  display: flex;
  flex-direction: column;
  height: 39.4rem;
}

.anli_news .right div {
  width: 72rem;
  height: 11.4rem;
  /* background: #4977FC; */
  border-radius: 1rem;
  margin-bottom: 2.6rem;
}

.anli_news .right div:nth-child(1) div:nth-child(1) {
  width: 15.2rem;
  height: 11.4rem;
  background: url(../images/new/scga.png) center center no-repeat;
  background-size: cover;
  margin-right: 1.5rem;
}

.anli_news .right div:nth-child(1) div:nth-child(2) p {
  margin-top: 1rem;
  margin-left: 0.1rem;
  font-size: 1.8rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #474747;
  line-height: 3.8rem;

}

.anli_news .right div:nth-child(1) div:nth-child(2) p:nth-child(1) {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.anli_news .right div:nth-child(1) div:nth-child(2) p:nth-child(2) {
  font-size: 1.6rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #474747;
  line-height: 2.6rem;
  margin-top: 0.2rem;
  /* 这里是超出几行省略 */
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.anli_news .right div:nth-child(2) div:nth-child(1) {
  width: 15.2rem;
  height: 11.4rem;
  background: url(../images/new/sx.png) center center no-repeat;
  background-size: cover;
  margin-right: 1.5rem;
}

.anli_news .right div:nth-child(2) div:nth-child(2) p {
  margin-top: 1rem;
  margin-left: 0.1rem;
  font-size: 1.8rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #474747;
  line-height: 3.8rem;
}

.anli_news .right div:nth-child(2) div:nth-child(2) p:nth-child(1) {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.anli_news .right div:nth-child(2) div:nth-child(2) p:nth-child(2) {
  font-size: 1.6rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #474747;
  line-height: 2.6rem;
  margin-top: 0.2rem;
  /* 这里是超出几行省略 */
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.anli_news .right div:nth-last-child(1) {
  margin-bottom: 0;
}

.anli_news .right div:nth-child(3) div:nth-child(2) p {
  margin-top: 1rem;
  margin-left: 0.1rem;
  font-size: 1.8rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #474747;
  line-height: 3.8rem;
}

.anli_news .right div:nth-child(3) div:nth-child(2) p:nth-child(1) {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.anli_news .right div:nth-child(3) div:nth-child(2) p:nth-child(2) {
  font-size: 1.6rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #474747;
  line-height: 2.6rem;
  margin-top: 0.2rem;
  /* 这里是超出几行省略 */
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}


.anli_news .right div:nth-last-child(1) div:nth-child(1) {

  width: 15.2rem;
  height: 11.4rem;
  background: url(../images/new/xjks.png) center center no-repeat;
  background-size: cover;
  margin-right: 1.5rem;
}




.com_bt {
  width: 100%;
  text-align: center;
  margin-bottom: 4rem;
}

.com_bt span {
  display: inline-block;
  width: 6rem;
  height: .5rem;
  background-color: #5775fa;
  border-radius: .5rem;
}

.zx_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3rem;
  margin-top: 5.6rem;
}

.zx_bottom span {
  text-align: center;
  width: 12rem;
  line-height: 3rem;
  font-size: 1.6rem;
  border: 1px solid #000;
  cursor: pointer;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("../images/buttonLeft.png") !important;
  left: calc(50vw - 70rem) !important;
  right: auto;

}

.swiper-button-next {
  background-image: url("../images/buttonRight.png") !important;
  right: calc(50vw - 70rem) !important;
  left: auto;
}

.swiper-button-next,
.swiper-button-prev {
  background-color: #fff;
  border-radius: 50%;
  background-size: 1.4rem 2.2rem !important;
  box-shadow: 0 .1rem .2rem #ccc;
}

.bottomCase .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("../images/buttonLeft.png") !important;
  left: 0 !important;
  right: auto;
  top: 38% !important;
}

.bottomCase .swiper-button-next {
  background-image: url("../images/buttonRight.png") !important;
  right: 0 !important;
  left: auto;
  top: 38% !important;
}

.bottomCase .swiper-pagination-bullet {
  border: .2rem solid #5a6ffe;
}

.service_case {
  position: relative;
}


.news_first_title,
.news_second_title,
.news_third_title,
.news_four_title,
.news_five_title,
.news_sex_title {
  white-space: normal;
}


.layui-layer {
  border-radius: 2rem !important;
}

.left_con {
  width: 88.5rem;
  height: 73rem;
}

.active03 {
  border-bottom: 3px solid #4977FC !important;
  font-weight: 700 !important;
}

.mask {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 56.8rem !important;
  height: 18.4rem !important;
  background: #fff !important;
  border-radius: 1rem !important;
  z-index: 9 !important;
  opacity: 0.3;
}