@font-face {
  font-family: "Source-Han-Sans-xi";
  src: url('../css/mainfontfamily/Source_Han_Sans_SC_Light_Light_0.otf')
}

@font-face {
  font-family: "Source-Han-Sans";
  src: url('../css/mainfontfamily/Source_Han_Sans_SC_Regular_0.otf')
}

@font-face {
  font-family: "Source-Han-Sans-500";
  src: url('../css/mainfontfamily/Source_Han_Sans_SC_Medium_Medium_0.otf')
}

@font-face {
  font-family: "Source-Han-Sans-700";
  src: url('../css/mainfontfamily/Source_Han_Sans_SC_Bold_0.otf')
}

@font-face {
  font-family: "DDINS";
  src: url('../css/DIN/DIN-Regular.ttf')
}

@font-face {
  font-family: "DDINS-700";
  src: url('../css/DIN/DINNextLTPro.ttf')
}

body {
  font-family: Source-Han-Sans;
}

.kaiping {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  /* forwards 保持动画结束时的状态 */
}

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

@keyframes zoomOuts {
  0% {
    transform: scale(1);
    /* 初始大小 */
    opacity: 0.8;
    /* 初始不透明度 */
  }

  50% {
    transform: scale(1.5);
    /* 初始大小 */
    opacity: 1;
    /* 初始不透明度 */
  }

  100% {
    transform: scale(2);
    /* 放大到2倍 */
    opacity: 0;
    display: none;
    /* 完全透明 */
  }
}

.content-box {
  padding-top: 1.2rem;
}

.wrap {
  width: 14rem;
  margin: 0 auto;
}

.content-wrap {
  width: 16rem;
  margin: 0 auto;
}

.header-wrap {
  width: 16rem;
  margin: 0 auto;
}

.common-title {
  font-size: 0.48rem;
  line-height: 0.56rem;
  text-align: center;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-bottom: 0.8rem;
}

.content-floor {
  padding: 1rem 0;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.88rem;
  z-index: 9999;
  color: #fff;
  border-width: 0 0 0.01rem 0;
  border-style: solid;
  border-color: rgba(238, 238, 238, 0.3);
}

header.active {
  background-color: rgba(0, 0, 0, 0.5);
}

header .header-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}

header .header-wrap .logo img {
  width: 2.17rem;
}

header .header-navs {
  display: flex;
  align-items: center;
  height: 100%;
}

header .header-navs li {
  height: 100%;
  line-height: 1rem;
  font-size: 0.16rem;
}

header .header-navs li .sub-onemenu {
  display: none;
}

header .header-navs li:hover .sub-onemenu {
  display: block;
}

header .header-navs li:not(:last-child) {
  margin-right: 0.48rem;
}

header .header-navs li.active a {
  color: #00a0e9;
}

header .header-navs li:hover a {
  color: #00a0e9;
}

header .header-navs li a {
  font-size: 0.16rem;
  color: #fff;
  transition: 0.3s;
  font-family: "Source-Han-Sans-xi";
}

.sub-onemenu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 3rem;
  top: 0.88rem;
  background: #fff;
  padding: 0.2rem 0;
  box-shadow: 0 2px 6px 0 #0000004d;
  border-radius: 4px;
  line-height: 0.5rem;
  text-align: center;
}

.sub-onemenu a {
  color: #000 !important;
}

.swiper-box {
  width: 100vw;
  height: 100%;
  --swiper-theme-color: #db2c32;
}

.oneP {
  position: relative;
  background: url(../img/oneFloorBg.png) no-repeat center;
  background-size: cover;
}

.twoP {
  position: relative;
  background: url(../img/twoFloorBg.png) no-repeat center;
  background-size: cover;
}

.threeP {
  position: relative;
  background: url(../img/threeFloorBg.png) no-repeat center;
  background-size: cover;
}

.common-floor {
  width: 100%;
  height: 100%;
}

.threeP-box {
  display: flex;
  justify-content: space-between;
}

.threeP-box .threeP-item {
  width: 4.6rem;
  border-radius: 0.25rem 0 0.25rem 0.25rem;
  background: #FFFFFF;
  margin-bottom: 0.15rem;
  padding: 0.4rem 0 0.4rem 0.66rem;
}

.threeP-box .threeP-item:hover {
  box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.1);
}

.threeP-box .threeP-item .threeP-yearnum {
  font-family: DDINS;
  /* 正文色/正文色 */
  color: #1A1A1A;
  font-weight: 400;
  font-size: 0.8rem;
}

.threeP-box .threeP-item .threeP-yearnum .threeP-yearch {
  font-weight: 400;
  font-size: 0.24rem;
  font-family: Source-Han-Sans;
}

.threeP-box .threeP-item .threeP-info {
  display: flex;
  align-items: center;
}

.threeP-box .threeP-item .threeP-info span {
  font-size: 0.24rem;
  /* 正文色/正文辅助色 */
  color: #767676;
}

.threeP-box .threeP-item .threeP-info img {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: cover;
  margin-right: 0.1rem;
}

.oneP .title-box,
.twoP .title-box,
.threeP .title-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



.common-hometitleen {
  font-size: 0.24rem;
  font-weight: lighter;
  text-align: center;
  letter-spacing: 1.5em;
  color: #FFFFFF;
  opacity: 0.8;
  font-family: "Source-Han-Sans-xi";
}

.footer {
  height: auto !important;
  padding-top: 0.5rem;
}

.footer-wrap {
  width: 16rem;
  margin: auto;
}

.footer .footer-box {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 0.34rem;
}

.footer .footer-nav {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.22rem;
  padding-bottom: 0.41rem;
}

.footer .footer-font {
  font-size: 0.14rem;
  line-height: 0.28rem;
  color: #1A1A1A;
  padding-top: 0.16rem;
  opacity: 0.6;
}

.footer .contact-phone {
  font-family: DDINS;
  font-weight: 700;
  font-size: 0.36rem;
  /* 0551-62522522 */
  color: #004ECC;
}

.footer-nav li {
  font-size: 0.16rem;
  color: #1A1A1A;
  text-align: center;
  font-family: "Source-Han-Sans-500";
}

.footer-support {
  padding: 0.12rem 0;
}

.footer-support>div {
  display: flex;
  justify-content: space-between;
  font-family: Source-Han-Sans;
  font-size: 0.12rem;
  color: #999999;
}

.ind-pagination {
  position: fixed;
  right: 1.48rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ind-pagination .circle-list ul li {
  width: 0.23rem;
  height: 0.23rem;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  color: transparent;
}

.ind-pagination .circle-list ul li.active::after {
  background-color: #004ECC;
}

.ind-pagination .circle-list ul li:not(:last-child) {
  margin-bottom: 0.2rem;
}

.ind-pagination .circle-list ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.08rem;
  height: 0.08rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #d2d2d2;
  box-sizing: border-box;
}

.ind-pagination-line {
  position: absolute;
  right: 1.59rem;
  top: 0;
  width: 0.01rem;
  height: 100vh;
  background-color: #fff;
  z-index: 999;
  opacity: 0.3;
}

.ind-pagination .circle-list ul li.active .active-num {
  position: absolute;
  top: 0;
  right: 0.3rem;
  font-size: 0.24rem;
  color: white;
}

.huadong {
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.14rem;
  color: #FFFFFF;
}

.huadong-line {
  position: absolute;
  bottom: 0;
  height: 0.6rem;
  width: 0.01rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}

/* 企业文化 */
.culture-banner {
  position: relative;
  height: 10.24rem;
}

.bg-f8f {
  background-color: #f8f9fb !important;
}

.culture-banner .banbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.culturebanner-content {
  width: 16rem;
  position: relative;
  z-index: 2;
  color: white;
  padding-top: 2.63rem;
  margin: auto;
}

.culturebanner-content .banner-titleen {
  font-size: 0.28rem;
  letter-spacing: 1.2em;
  font-weight: 400;
  /* 纯白 */
  color: #FFFFFF;
}

.culturebanner-content .banner-titlecn {
  font-size: 0.62rem;
  /* 纯白 */
  color: #FFFFFF;
  margin-top: 0.2rem;
  letter-spacing: 0em;
}

.culturebanner-content .banner-info {
  width: 6.6rem;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.38rem;
  /* 纯白 */
  color: #FFFFFF;
  padding-top: 1rem;
}

.culturebanner-content .culturebanner-box {
  display: flex;
  justify-content: space-between;
}

.culturebanner-content .culturebanner-box .culturebanner-right {
  width: 7.7rem;
  margin-top: -0.5rem;
}

.culturebanner-content .culturebanner-box .culturebanner-right p {
  font-size: 0.24rem;
  line-height: 0.38rem;
  /* 纯白 */
  color: #FFFFFF;
  margin-bottom: 0.4rem;
  text-indent: 2em;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.rotating-element {
  animation: spin 5s linear infinite;
  /* 2秒完成一个周期，线性速度，无限次播放 */
}

.culture-content {
  width: 12rem;
  height: 10.24rem;
  background: url('../img/big-cicle.png') no-repeat center center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: auto;
  background-size: cover;
}

.culture-content .cicle-icon {
  position: absolute;
  width: 1.61rem !important;
  height: 1.39rem !important;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.culture-content .culture-smallcicle {
  width: 6rem;
  height: 6rem;
  position: relative;
}

.culture-content .culture-smallcicle .title-one {
  font-size: 0.32rem;
  line-height: 0.56rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}

.culture-content .culture-smallcicle .title-two {
  font-size: 0.24rem;
  line-height: 0.56rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}

.culture-content .culture-smallcicle .title-three {
  font-size: 0.14rem;
  /* 正文色/正文辅助色 */
  color: #767676;
}

.culture-content .culture-smallcicle .culture-cicleboxinfo1 {
  position: absolute;
  max-width: 4.1rem;
  top: 0.5rem;
  left: -4.5rem;
}

.culture-content .culture-smallcicle .culture-cicleboxinfo2 {
  position: absolute;
  max-width: 4rem;
  top: -0.4rem;
  right: -4.7rem;
}

.culture-content .culture-smallcicle .culture-cicleboxinfo3 {
  position: absolute;
  max-width: 4rem;
  bottom: 0.2rem;
  right: -3.2rem;
}

.culture-content .culture-smallcicle .culture-imgbox1 {
  position: absolute;
  top: 1.9rem;
  left: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
}

.culture-content .culture-smallcicle .culture-imgbox2 {
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  top: -0.44rem;
  right: -0rem;
}

.culture-content .culture-smallcicle .culture-imgbox3 {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  bottom: 0.72rem;
  right: -0.1rem;
}

.culture-content .culture-smallcicle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

/* 联系我们 */
.contact-box {
  position: relative;
  top: -2.2rem;
}

.contact-cooper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.contact-cooper .contact-item .contact-addr {
  font-size: 0.32rem;
  line-height: 0.42rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-bottom: 0.35rem;
}

.contact-cooper .contact-item .contact-tel {
  font-family: "DDINS-700";
  font-size: 0.36rem;
  line-height: 0.42rem;
  font-weight: bold;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-bottom: 0.15rem;
}

.contact-cooper .contact-item .contact-people {
  font-size: 0.2rem;
  font-weight: normal;
  line-height: 0.42rem;
  /* 正文色/正文辅助色 */
  color: #767676;
}

.contact-box .contact-boxtop {
  background-color: #FFFFFF;
  position: relative;
  padding: 0.65rem 0.1rem 1rem 0.6rem;
  border-radius: 0.25rem;
  margin-bottom: 0.3rem;
}

.contact-box .contact-boxtop:hover {
  box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.1);
}

.contact-box .one-title {
  font-size: 0.48rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-bottom: 0.8rem;
}

.contact-box .banbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-box .contact-boxtop .hire-title {
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.42rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-bottom: 0.4rem;
}

.contact-box .contact-boxtop .hire-addr {
  font-size: 0.2rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}

.contact-box .contact-boxtop .hire-tel,
.contact-box .contact-boxtop .hire-email {
  font-family: "DDINS-700";
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.42rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}

/* 新闻中心 */
.enterprise-dynamics .swiper-slide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 4.8rem;
}

.enterprise-dynamics .enterprise-intro {
  background: #F8F9FB;
}

.enterprise-dynamics .enterprise-intro .enterprise-time {
  font-size: 0.18rem;
  color: #767676;
}

.enterprise-dynamics .enterprise-intro .enterprise-title {
  font-size: 0.24rem;
  font-family: "Source-Han-Sans-500";
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-top: 0.16rem;
  margin-bottom: 0.27rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.enterprise-dynamics .enterprise-intro .enterprise-info {
  font-size: 0.18rem;
  /* 正文色/正文辅助色 */
  color: #767676;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.enterprise-dynamics .enterprise-intro {
  font-size: 0.18rem;
  /* 正文色/正文辅助色 */
  color: #767676;
  padding: 0.5rem 0.4rem;
}

.enterprise-dynamics .swiper-slide .enterprise-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.enterprise-dynamics .enterprise-intro .see-more {
  display: flex;
  font-size: 0.14rem;
  line-height: 0.28rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  align-items: center;
  cursor: pointer;
}

.enterprise-dynamics .enterprise-intro .see-more img {
  margin-left: 0.1rem;
  width: 0.24rem;
  height: 0.24rem;
}

.news-box .news-item {
  display: flex;
  align-items: center;
  border-bottom: 0.01rem solid #eeeeee;
  padding: 0.38rem 0.27rem;
  cursor: pointer;
}

.news-box .news-item:hover {
  box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.1);
}

.news-box .news-item .news-left {
  width: 1.2rem;
}

.news-box .news-item .news-left .new-riqi {
  font-size: 0.32rem;
  color: #354A57;
}

.news-box .news-item .news-left .new-riqi {
  font-size: 0.32rem;
  color: #354A57;
}

.news-box .news-item .new-year {
  font-size: 0.16rem;
  /* 正文色/正文辅助色 */
  color: #767676;
}

.news-box .news-item .new-title {
  font-size: 0.24rem;
  font-family: "Source-Han-Sans-500";
  /* 正文色/正文色 */
  color: #1A1A1A;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.news-box .news-item .new-info {
  font-size: 0.16rem;
  /* 正文色/正文辅助色 */
  color: #767676;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

body {
  font-family: Source-Han-Sans;
}

.kaiping {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  /* forwards 保持动画结束时的状态 */
}

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

@keyframes zoomOuts {
  0% {
    transform: scale(1);
    /* 初始大小 */
    opacity: 0.8;
    /* 初始不透明度 */
  }

  50% {
    transform: scale(1.5);
    /* 初始大小 */
    opacity: 1;
    /* 初始不透明度 */
  }

  100% {
    transform: scale(2);
    /* 放大到2倍 */
    opacity: 0;
    display: none;
    /* 完全透明 */
  }
}

.content-box {
  padding-top: 1.2rem;
}

.wrap {
  width: 14rem;
  margin: 0 auto;
}

.content-wrap {
  width: 16rem;
  margin: 0 auto;
}

.header-wrap {
  width: 16rem;
  margin: 0 auto;
}

.common-title {
  font-size: 0.48rem;
  line-height: 0.56rem;
  text-align: center;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-bottom: 0.8rem;
}

.content-floor {
  padding: 1rem 0;
}



header.active {
  background-color: rgba(0, 0, 0, 0.5);
}

header .header-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}

header .header-wrap .logo img {
  width: 2.17rem;
}

header .header-navs {
  display: flex;
  align-items: center;
  height: 100%;
}

header .header-navs li {
  height: 100%;
  line-height: 1rem;
  font-size: 0.16rem;
}

header .header-navs li .sub-onemenu {
  display: none;
}

header .header-navs li:hover .sub-onemenu {
  display: block;
}

header .header-navs li:not(:last-child) {
  margin-right: 0.48rem;
}

header .header-navs li.active a {
  color: #00a0e9;
}

header .header-navs li:hover a {
  color: #00a0e9;
}




.sub-onemenu a {
  color: #000 !important;
}

.swiper-box {
  width: 100vw;
  height: 100%;
  --swiper-theme-color: #db2c32;
}




.threeP-box .threeP-item {
  width: 4.6rem;
  border-radius: 0.25rem 0 0.25rem 0.25rem;
  background: #FFFFFF;
  margin-bottom: 0.15rem;
  padding: 0.4rem 0 0.4rem 0.66rem;
}

.threeP-box .threeP-item:hover {
  box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.1);
}




.threeP-box .threeP-item .threeP-info {
  display: flex;
  align-items: center;
}

.threeP-box .threeP-item .threeP-info span {
  font-size: 0.24rem;
  /* 正文色/正文辅助色 */
  color: #767676;
}

.threeP-box .threeP-item .threeP-info img {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: cover;
  margin-right: 0.1rem;
}

.oneP .title-box,
.twoP .title-box,
.threeP .title-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.common-hometitle {
  font-size: 0.7rem;
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 0.48rem;
}


.footer {
  height: auto !important;
  padding-top: 0.5rem;
}

.footer-wrap {
  width: 16rem;
  margin: auto;
}






.footer .contact-phone {
  font-family: DDINS;
  font-weight: 700;
  font-size: 0.36rem;
  /* 0551-62522522 */
  color: #004ECC;
}






.ind-pagination .circle-list ul li {
  width: 0.23rem;
  height: 0.23rem;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  color: transparent;
}

.ind-pagination .circle-list ul li.active::after {
  background-color: #004ECC;
}

.ind-pagination .circle-list ul li:not(:last-child) {
  margin-bottom: 0.2rem;
}

.ind-pagination .circle-list ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.08rem;
  height: 0.08rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #d2d2d2;
  box-sizing: border-box;
}


.ind-pagination .circle-list ul li.active .active-num {
  position: absolute;
  top: 0;
  right: 0.3rem;
  font-size: 0.24rem;
  color: white;
}

.huadong {
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.14rem;
  color: #FFFFFF;
}

.huadong-line {
  position: absolute;
  bottom: 0;
  height: 0.6rem;
  width: 0.01rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}

/* 企业文化 */
.culture-banner {
  position: relative;
  height: 10.24rem;
}

.bg-f8f {
  background-color: #f8f9fb !important;
}

.culture-banner .banbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.culturebanner-content {
  width: 16rem;
  position: relative;
  z-index: 2;
  color: white;
  padding-top: 2.63rem;
  margin: auto;
}



.culturebanner-content .banner-titlecn {
  font-size: 0.62rem;
  /* 纯白 */
  color: #FFFFFF;
  margin-top: 0.2rem;
  letter-spacing: 0em;
}



.culturebanner-content .culturebanner-box {
  display: flex;
  justify-content: space-between;
}

.culturebanner-content .culturebanner-box .culturebanner-right {
  width: 7.7rem;
  margin-top: -0.5rem;
}

.culturebanner-content .culturebanner-box .culturebanner-right p {
  font-size: 0.24rem;
  line-height: 0.38rem;
  /* 纯白 */
  color: #FFFFFF;
  margin-bottom: 0.4rem;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.rotating-element {
  animation: spin 5s linear infinite;
  /* 2秒完成一个周期，线性速度，无限次播放 */
}



/* 联系我们 */
.contact-box {
  position: relative;
  top: -2.2rem;
}

.contact-cooper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.contact-cooper .contact-item .contact-addr {
  font-size: 0.32rem;
  line-height: 0.42rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-bottom: 0.35rem;
}


.contact-cooper .contact-item .contact-people {
  font-size: 0.2rem;
  font-weight: normal;
  line-height: 0.42rem;
  /* 正文色/正文辅助色 */
  color: #767676;
}

.contact-box .contact-boxtop {
  background-color: #FFFFFF;
  position: relative;
  padding: 0.65rem 0 1rem 0.6rem;
  border-radius: 0.25rem;
  margin-bottom: 0.3rem;
}

.contact-box .contact-boxtop:hover {
  box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.1);
}

.contact-box .one-title {
  font-size: 0.48rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-bottom: 0.8rem;
}

.contact-box .banbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-box .contact-boxtop .hire-title {
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.42rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-bottom: 0.4rem;
}

.contact-box .contact-boxtop .hire-addr {
  font-size: 0.2rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}



/* 新闻中心 */
.enterprise-dynamics .swiper-slide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 4.8rem;
}

.enterprise-dynamics .enterprise-intro {
  background: #F8F9FB;
}

.enterprise-dynamics .enterprise-intro .enterprise-time {
  font-size: 0.18rem;
  color: #767676;
}

.enterprise-dynamics .enterprise-intro .enterprise-title {
  font-size: 0.24rem;
  font-family: "Source-Han-Sans-500";
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-top: 0.16rem;
  margin-bottom: 0.27rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.enterprise-dynamics .enterprise-intro .enterprise-info {
  font-size: 0.18rem;
  /* 正文色/正文辅助色 */
  color: #767676;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.enterprise-dynamics .enterprise-intro {
  font-size: 0.18rem;
  /* 正文色/正文辅助色 */
  color: #767676;
  padding: 0.5rem 0.4rem;
}

.enterprise-dynamics .swiper-slide .enterprise-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.enterprise-dynamics .enterprise-intro .see-more {
  display: flex;
  font-size: 0.14rem;
  line-height: 0.28rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  align-items: center;
  cursor: pointer;
}

.enterprise-dynamics .enterprise-intro .see-more img {
  margin-left: 0.1rem;
  width: 0.24rem;
  height: 0.24rem;
}

.news-box .news-item {
  display: flex;
  align-items: center;
  border-bottom: 0.01rem solid #eeeeee;
  padding: 0.38rem 0.27rem;
  cursor: pointer;
}

.news-box .news-item:hover {
  box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.1);
}

.news-box .news-item .news-left {
  width: 1.2rem;
}

.news-box .news-item .news-left .new-riqi {
  font-size: 0.32rem;
  color: #354A57;
}

.news-box .news-item .news-left .new-riqi {
  font-size: 0.32rem;
  color: #354A57;
}

.news-box .news-item .new-year {
  font-size: 0.16rem;
  /* 正文色/正文辅助色 */
  color: #767676;
}

.news-box .news-item .new-title {
  font-size: 0.24rem;
  font-family: "Source-Han-Sans-500";
  /* 正文色/正文色 */
  color: #1A1A1A;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.news-box .news-item .new-info {
  font-size: 0.16rem;
  /* 正文色/正文辅助色 */
  color: #767676;
}

.news-box .news-item .news-right {
  flex: 1;
}

.news-box .news-item .new-img {
  width: 2.32rem;
  display: flex;
  justify-content: end;
}

.news-box .news-item .new-img img {
  width: 0.36rem;
  height: 0.36rem;
  object-fit: scale-down;
}

.watch-more {
  width: 2.2rem;
  height: 0.62rem;
  border-radius: 0.12rem;
  background: #FFFFFF;
  border: 0.01rem solid #004ECC;
  font-size: 0.2rem;
  font-family: "Source-Han-Sans-500";
  line-height: 0.36rem;
  color: #004ECC;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.7rem auto 0 auto;
}

.watch-more:hover {
  background: #004ECC;
  color: #FFFFFF;
}

.staff-style {
  padding-top: 1.22rem;
  padding-bottom: 1.8rem;
}

.staff-style .staff-item:hover img {
  transition: 300ms;
  transform: scale(1.02);
}

.staff-style .staff-item:nth-child(odd) img {
  width: 3.6rem;
  height: 4.2rem;
  border-radius: 0.12rem;
}

.staff-style .staff-item:nth-child(even) img {
  width: 3.6rem;
  height: 5rem;
  border-radius: 0.12rem;
}

.staff-style .staff-ifo {
  font-size: 0.2rem;
  font-family: "Source-Han-Sans-500";
  line-height: 0.76rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}

.text-right {
  text-align: right;
}

/* 创造期限 */
.create-banner {
  position: relative;
  height: 10.24rem;
}

.create-banner .text-box {
  position: absolute;
  top: 2.75rem;
  left: 1.6rem;
}

.create-banner .text-box .created-subtitle {
  font-size: 0.28rem;
  letter-spacing: 2.2em;
  /* 纯白 */
  color: #FFFFFF;
  margin-bottom: 0.1rem;
  font-family: "Source-Han-Sans-xi";
}

.create-banner .text-box .created-title {
  font-size: 0.62rem;
  /* 纯白 */
  color: #FFFFFF;
}

.create-banner .text-box .create-info {
  font-size: 0.28rem;
  font-weight: 350;
  padding-top: 1.12rem;
  /* 纯白 */
  color: #FFFFFF;
  line-height: 0.56rem;
  font-family: "Source-Han-Sans-xi"
}

.create-bannerimg {
  width: 100%;
  height: 100%;
}

.create-banner .swiper-buttons {
  position: absolute;
  right: 1.6rem;
  bottom: 0.58rem;
  width: 2.4rem;
  height: 3.5rem;
  border-radius: 0.25rem 0 0 0;
  opacity: 0.6;
  background: #212121;
  box-shadow: 0 0.04rem 0.1rem 0 rgba(0, 0, 0, 0.3);
  z-index: 9;
  padding: 0 0.23rem;
}

.create-banner .swiper-buttons .swiper-button-title {
  font-size: 0.24rem;
  text-align: center;
  /* BPO */
  color: #FFFFFF;
  margin-top: 0.4rem;
  margin-bottom: 0.25rem;
}

.create-banner .swiper-buttons .swiper-button-title span {
  /* （服务外包） */
  color: #004ECC;
}

.create-banner .swiper-buttons .swiper-line {
  width: 0.24rem;
  height: 0.02rem;
  opacity: 1;
  /* 纯白 */
  background: #FFFFFF;
  margin: 0.25rem auto;
}

.create-banner .swiper-buttons .swiper-btn {
  display: flex;
  justify-content: space-around;
  margin-top: 1.23rem;
}

.create-banner .swiper-buttons .swiper-button {
  position: static;
  margin: 0;
  width: 0.2rem;
  height: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.create-banner .swiper-buttons .swiper-button-banben {
  font-size: 0.18rem;
  /* 纯白 */
  color: #FFFFFF;
  text-align: center;
}

.c-004 {
  color: #004ECC;
}

.content-floor .created-subtitle {
  font-size: 0.2rem;
  font-weight: 350;
  line-height: 0.56rem;
  /* 经验打磨，极致的数据化思维，指导项目全流程开展工作 */
  color: #767676;
  text-align: center;
  margin-top: -0.5rem;
}

.ditu-box {
  position: relative;
  width: 8.79rem;
}

.ditu-box .chart {
  width: 100%;
  height: 8rem;
}

.ditu-box .chart .geo {
  width: 100%;
  height: 100%;
}

.ditu-box .ditu {
  max-width: 100%;
}

.yy-box {
  width: 8rem;
  height: 6rem;
  background-image: url('../img/created-valueimg.png');
  background-size: cover;
  background-position: center;
  position: relative;
  margin: auto;
}

.yy-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yy-box .yy-item {
  display: flex;
  border-radius: 0.25rem;
  background: #FFFFFF;
  box-shadow: 0 0.04rem 0.1rem 0 rgba(0, 0, 0, 0.1);
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  padding: 0.26rem 0;
}

.yy-box .yy-item:nth-child(1) {
  position: absolute;
  top: 1.4rem;
  left: -3rem;
}

.yy-box .yy-item:nth-child(2) {
  position: absolute;
  bottom: 0.4rem;
  left: -3rem;
}

.yy-box .yy-item:nth-child(3) {
  position: absolute;
  top: 1.4rem;
  right: -3rem;
}

.yy-box .yy-item:nth-child(4) {
  position: absolute;
  bottom: 0.3rem;
  right: -3rem;
}

.yy-box .yy-item .mx {
  padding-right: 0.34rem;
  font-size: 0.24rem;
  line-height: 0.56rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}

.yy-box .yy-item .yewu {
  font-size: 0.18rem;
  font-weight: 350;
  line-height: 0.28rem;
  /* 正文色/正文辅助色 */
  color: #767676;
}

.experience-title {
  font-size: 0.48rem;
  line-height: 0.56rem;
  color: #1A1A1A;
  text-align: center;
  padding-bottom: 0.3rem;
}

.experience-subtitle {
  font-size: 0.32rem;
  line-height: 0.56rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-top: 0.6rem;
  text-align: center;
}

.experience-box {
  width: 12rem;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.experience-box .experience-info {
  font-size: 0.2rem;
  line-height: 0.56rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  text-align: center;
}

.experience-box .experience-img .experience-nums {
  position: absolute;
  font-size: 0.36rem;
  font-family: "Source-Han-Sans-500";
  line-height: 0.56rem;
  color: #004ECC;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.experience-box .experience-img {
  height: 2.8rem;
  width: 2.8rem;
  position: relative;
  margin: auto;
}

.experience-box .experience-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 关于一通 */
.cooper-box {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.fzlc {
  padding-top: 1rem;
}

.fzlc-img {
  width: 3.1rem;
  height: 0.14rem;
  margin: 0 auto;
  object-fit: contain;
}

.fzlc-box {
  position: relative;
}

.fzlc-box .fzlc-boxbg {
  width: 100%;
  height: 100%;
  background-size: cover;
}

.fzlc-dian {
  position: absolute;
  width: 2.72rem;
  height: 3.25rem;
  border-radius: 2.5rem;
}

.fzlc-dian1 {
  left: 1.6rem;
  bottom: 0.8rem;
}

.fzlc-dian2 {
  left: 4.92rem;
  bottom: 1.35rem;
}

.fzlc-dian3 {
  left: 8.24rem;
  bottom: 1.8rem;
}

.fzlc-dian4 {
  left: 11.56rem;
  bottom: 2.8rem;
}

.fzlc-dian5 {
  left: 14.88rem;
  bottom: 4.8rem;
}

.fzlc-title {
  font-size: 0.24rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  font-family: "Source-Han-Sans-500";
}

.fzlc-info {
  font-size: 0.16rem;
  /* 正文色/正文辅助色 */
  color: #767676;
  padding: 0.17rem 0 0.54rem 0;
}

.fzlc-year {
  font-family: DDINS;
  font-size: 0.36rem;
  color: #004ECC;
}

.sidebar-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sidebar-map {
  width: 8.79rem;
  height: 7.44rem;
  position: relative;
}

.sidebar-map .map-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.yunyindian:hover .yunyin-box {
  display: block;
}

.reddian1 {
  position: absolute;
  top: 2.67rem;
  right: 2rem;
}

.reddian2 {
  position: absolute;
  top: 4.47rem;
  right: 1.16rem;
}

.reddian3 {
  position: absolute;
  bottom: 1rem;
  right: 2.16rem;
}

.bluedian1 {
  position: absolute;
  bottom: 2.7rem;
  right: 1.8rem;
}

.bluedian2 {
  position: absolute;
  top: 2.9rem;
  right: 2.26rem;
}

.bluedian3 {
  position: absolute;
  bottom: 2.5rem;
  right: 2.8rem;
}

.bluedian4 {
  position: absolute;
  bottom: 2.5rem;
  right: 4.16rem;
}

.bluedian5 {
  position: absolute;
  bottom: 1.2rem;
  right: 2.36rem;
}

.greendian {
  position: absolute;
  bottom: 2.3rem;
  right: 3.5rem;
}

.yunyin-box {
  position: absolute;
  background: white;
  padding: 0.16rem 0.1rem;
  width: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  top: 0.6rem;
  display: none;
}

.yunyin-box .title {
  font-size: 0.16rem;
  /* 西部中心：四川   */
  color: #1A1A1A;
}

.yunyin-box .info {
  font-size: 0.12rem;
  /* 正文色/正文辅助色 */
  color: #767676;
  margin: 0.15rem auto;
}

.yunyin-box::before {
  content: "";
  position: absolute;
  top: -0.15rem;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid white;
  /* 可以更改颜色 */
  transform: translateX(-50%) rotate(0deg);
  /* 将箭头方向调整为上 */
}

.sidebar-box .sidebar .dian1 {
  width: 0.24rem;
  height: 0.24rem;
  background: #FF4A2E;
  align-self: center;
  margin-right: 0.16rem;
}

.sidebar-box .sidebar .dian2 {
  width: 0.24rem;
  height: 0.24rem;
  background: #004ECC;
  align-self: center;
  margin-right: 0.16rem;
}

.sidebar-box .sidebar ul {
  margin-top: 0.26rem;
  margin-bottom: 1.2rem;
}

.sidebar-box .sidebar p,
.sidebar-box .sidebar li {
  font-size: 0.32rem;
  line-height: 0.56rem;
  color: #1A1A1A;
}

.cooper-box .cooper-item .cooper-num {
  font-family: "DDINS-700";
  font-size: 0.52rem;
  line-height: 0.56rem;
  color: #004ECC;
}

.cooper-box .cooper-item {
  display: flex;
  flex-direction: column;
  padding: 0.63rem 0.3rem;
  align-items: center;
}

.cooper-box .cooper-item:hover {
  background: #FFFFFF;
  box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.1);
}

.cooper-box .cooper-item .cooper-line {
  width: 0.42rem;
  height: 0.02rem;
  background: #004ECC;
  margin: 0.3rem auto;
}

.cooper-box .cooper-item .cooper-name {
  font-family: Source-Han-Sans;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.56rem;
  color: #1A1A1A;
}

/* 企业荣誉 */
.honors-box {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  padding-top: 0.8rem;
}

.honors-box .honors-left .honors-item:last-child .honors-info {
  width: 83%;
}

.honors-right {
  /* width: 60%; */
  display: flex;
  align-items: end;
}

.honors-right>img {
  width: 100%;
  object-fit: contain;
}

.honors-item {
  padding-bottom: 0.8rem;
}

.honors-item-title .honors-line-title {
  width: 0.12rem;
  height: 0.24rem;
  background: #004ECC;
  margin-right: 0.1rem;
}

.honors-item-title {
  display: flex;
  align-items: center;
}

.honors-item-title .honors-name {
  font-size: 0.24rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  font-family: "Source-Han-Sans-500";
}

.honors-item .honors-info {
  font-size: 0.16rem;
  color: #1A1A1A;
  padding-top: 0.3rem;
  font-weight: 400;
}

.honors-title {
  font-size: 0.48rem;
  line-height: 0.56rem;
  text-align: center;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-top: 1.22rem;
  padding-bottom: 0.3rem;
}

.honors-subtitle {
  font-size: 0.24rem;
  line-height: 0.56rem;
  text-align: center;
  /* 正文色/正文色 */
  color: #1A1A1A;
}

.honors-contentbox .banbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.honors-contentbox {
  position: relative;
  height: 10.24rem;
}

.technological-box {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  /* 第一个占1份，第二个占2份 */
  gap: 0 0.2rem;
  height: 5.8rem;
  position: relative;
  margin-top: 0.8rem;
}

.technological-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.technological-item {
  position: relative;
  overflow: hidden;
}

.technological-item:hover img {
  transform: scale(1.02);
  transition: all 1s ease;
}

.technological-bt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #004ECC;
  padding: 0.43rem 0.25rem;
}

.technological-bt .technological-title {
  font-size: 0.24rem;
  font-family: "Source-Han-Sans-500";
  color: #FFFFFF;
  padding-bottom: 0.22rem;
}

.technological-bt .technological-info {
  font-size: 0.16rem;
  /* 纯白 */
  color: #FFFFFF;
  font-weight: 400;
}

.zhuanye-box {
  width: 12rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3rem;
  margin: 0.73rem auto 0 auto;
}

.zhuanye-box .zhuanye-item:hover {
  box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.1);
}

.zhuanye-box .zhuanye-item {
  padding: 0.49rem 0 0 0.3rem;
  border-radius: 25px;
  background: #FFFFFF;
  height: 2.2rem;
}

.zhuanye-box .zhuanye-item .zhuanye-line {
  width: 0.42rem;
  height: 0.02rem;
  background: #004ECC;
  margin: 0.2rem 0 0.3rem 0;
}

.zhuanye-box .zhuanye-item .zhuanye-title {
  font-size: 0.24rem;
  font-family: "Source-Han-Sans-500";
  /* 正文色/正文色 */
  color: #1A1A1A;
}

.zhuanye-box .zhuanye-item .zhuanye-info {
  font-size: 0.16rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}

.company-honors .swiper-slide {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.company-honors .company-honors-right {
  display: flex;
  height: 3.6rem;
  justify-content: space-evenly;
  margin-top: 0.1rem;
}

.company-honors .company-honors-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.honors-left .company-honors-title {
  font-family: DDINS;
  font-size: 0.72rem;
  font-weight: bold;
  color: #004ECC;
  padding-bottom: 0.4rem;
}

.honors-left .company-honors-info {
  font-size: 0.24rem;
  line-height: 0.46rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}

.custom-dot {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1.8rem;
}

.dot-line {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 0.25rem;
  transform: translateY(-50%);
}

.dot-line>img {
  width: 100%;
}

.custom-pagination {
  display: flex;
  width: 100%;
  justify-content: space-around;
  padding-top: 0.7rem;
}

.custom-pagination::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.01rem;
  top: 15%;
}

.custom-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  /* 指示点图片宽度 */
  height: 0.1rem;
  background: #767676;
  border-radius: 0;
  /* 未选中状态图片 */
  position: relative;
  opacity: 1;
}

.custom-pagination .swiper-pagination-bullet-active {
  width: 0.1rem;
  /* 指示点图片宽度 */
  height: 0.1rem;
  background-color: blue;
  border-radius: 0;
  /* 选中状态图片 */
  position: relative;
}

.custom-pagination .custom-year {
  position: absolute;
  font-size: 0.24rem;
  line-height: 0.56rem;
  color: #767676;
  top: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
}

.custom-pagination .swiper-pagination-bullet-active .custom-year {
  position: absolute;
  top: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.56rem;
  color: #2468F2;
  left: 50%;
  transform: translateX(-50%);
}

.china-map {
  height: 5rem;
}

/*分页*/
.page {
  text-align: center;
  height: auto;
  margin: 0 0;
  margin-top: 0.8rem;
}

.page a {
  text-align: center;
  min-width: 0.32rem;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  line-height: 0.32rem;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0rem;
  font-size: 0.14rem;
  color: #333;
  padding: 0.1rem 0.2rem;
}

.page a.prev,
.page a.next {
  width: 0.32rem;
}

.page a.prev {
  background: #ffffff url(../img/left-img.png) no-repeat center;
}

.page a.next {
  background: #ffffff url(../img/right-img.png) no-repeat center;
}

.page input {
  height: 0.32rem;
  line-height: 0.32rem;
  border: 1px solid #cccccc;
  width: 0.5rem;
  border-radius: 2px;
  text-align: center;
  box-sizing: border-box;
}

.page a:hover,
.page a.active {
  background: #2468F2;
  border: 1px solid #2468F2;
  color: #ffffff;
}

.page a.prev:hover {
  background: #00a0e9 url(../img/left-img.png) no-repeat center;
}

.page a.next:hover {
  background: #00a0e9 url(../img/right-img.png) no-repeat center;
}

.page span {
  text-align: center;
  color: #00a0e9;
  font-size: 0.14rem;
}

.page span i {
  font-style: normal;
}

.page span {
  margin: 0 2px;
  color: #666;
}

.page input {
  width: 0.32rem;
  height: 0.32rem;
  background: #ffffff;
  border: 1px solid #cccccc;
  text-align: center;
  color: #333;
  border-radius: 4px;
  outline: none;
  font-size: 0.14rem;
}

.page .tz-btn {
  width: 0.5rem;
}

.page .ml10 {
  margin-left: 10px;
}

.page button:hover {
  background-color: #00a0e9;
  color: #ffffff;
}

.dis-flex {
  display: flex;
}

.bg-f1f {
  background-color: #f1f1f1;
}

.pos-rel {
  position: relative;
}

.culture-title {
  position: absolute;
  left: 50%;
  top: 0.44rem;
  font-size: 0.48rem;
  color: #1A1A1A;
  transform: translateX(-50%)
}



.news-box .news-item .news-right {
  flex: 1;
}








.text-right {
  text-align: right;
}

/* 创造期限 */
.create-banner {
  position: relative;
  height: 10.24rem;
}

.create-banner .text-box {
  position: absolute;
  top: 2.75rem;
  left: 1.6rem;
}



.create-banner .text-box .created-title {
  font-size: 0.62rem;
  /* 纯白 */
  color: #FFFFFF;
}


.create-bannerimg {
  width: 100%;
  height: 100%;
}

.create-banner .swiper-buttons {
  position: absolute;
  right: 1.6rem;
  bottom: 0.58rem;
  width: 2.4rem;
  height: 3.5rem;
  border-radius: 0.25rem 0 0 0;
  opacity: 0.6;
  background: #212121;
  box-shadow: 0 0.04rem 0.1rem 0 rgba(0, 0, 0, 0.3);
  z-index: 9;
  padding: 0 0.23rem;
}

.create-banner .swiper-buttons .swiper-button-title {
  font-size: 0.24rem;
  text-align: center;
  /* BPO */
  color: #FFFFFF;
  margin-top: 0.4rem;
  margin-bottom: 0.25rem;
}

.create-banner .swiper-buttons .swiper-button-title span {
  /* （服务外包） */
  color: #004ECC;
}

.create-banner .swiper-buttons .swiper-line {
  width: 0.24rem;
  height: 0.02rem;
  opacity: 1;
  /* 纯白 */
  background: #FFFFFF;
  margin: 0.25rem auto;
}

.create-banner .swiper-buttons .swiper-btn {
  display: flex;
  justify-content: space-around;
  margin-top: 1.23rem;
}

.create-banner .swiper-buttons .swiper-button {
  position: static;
  margin: 0;
  width: 0.2rem;
  height: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.create-banner .swiper-buttons .swiper-button-banben {
  font-size: 0.18rem;
  /* 纯白 */
  color: #FFFFFF;
  text-align: center;
}

.c-004 {
  color: #004ECC;
}

.content-floor .created-subtitle {
  font-size: 0.2rem;
  font-weight: 350;
  line-height: 0.56rem;
  /* 经验打磨，极致的数据化思维，指导项目全流程开展工作 */
  color: #767676;
  text-align: center;
  margin-top: -0.5rem;
}

.ditu-box {
  position: relative;
  width: 8.79rem;
}

.ditu-box .chart {
  width: 100%;
  height: 8rem;
}

.ditu-box .chart .geo {
  width: 100%;
  height: 100%;
}

.ditu-box .ditu {
  max-width: 100%;
}

.yy-box {
  width: 8rem;
  height: 6rem;
  background-image: url('../img/created-valueimg.png');
  background-size: cover;
  background-position: center;
  position: relative;
  margin: auto;
}

.yy-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yy-box .yy-item {
  display: flex;
  border-radius: 0.25rem;
  background: #FFFFFF;
  box-shadow: 0 0.04rem 0.1rem 0 rgba(0, 0, 0, 0.1);
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  padding: 0.26rem 0;
}

.yy-box .yy-item:nth-child(1) {
  position: absolute;
  top: 1.4rem;
  left: -3rem;
}


.yy-box .yy-item:nth-child(3) {
  position: absolute;
  top: 1.4rem;
  right: -3rem;
}

.yy-box .yy-item:nth-child(4) {
  position: absolute;
  bottom: 0.3rem;
  right: -3rem;
}

.yy-box .yy-item .mx {
  padding-right: 0.34rem;
  font-size: 0.24rem;
  line-height: 0.56rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
}


.experience-title {
  font-size: 0.48rem;
  line-height: 0.56rem;
  color: #1A1A1A;
  text-align: center;
  padding-bottom: 0.3rem;
}

.experience-subtitle {
  font-size: 0.32rem;
  line-height: 0.56rem;
  /* 正文色/正文色 */
  color: #1A1A1A;
  padding-top: 0.6rem;
  text-align: center;
}

.experience-box {
  width: 12rem;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}



.experience-box .experience-img .experience-nums {
  position: absolute;
  font-size: 0.36rem;
  font-family: "Source-Han-Sans-500";
  line-height: 0.56rem;
  color: #004ECC;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}





.sidebar-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sidebar-map {
  width: 8.79rem;
  height: 7.44rem;
  position: relative;
}

.sidebar-map .map-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.yunyindian:hover .yunyin-box {
  display: block;
}

.reddian1 {
  position: absolute;
  top: 2.67rem;
  right: 2rem;
}

.reddian2 {
  position: absolute;
  top: 4.47rem;
  right: 1.16rem;
}

.reddian3 {
  position: absolute;
  bottom: 1rem;
  right: 2.16rem;
}

.bluedian1 {
  position: absolute;
  bottom: 2.7rem;
  right: 1.8rem;
}

.bluedian2 {
  position: absolute;
  top: 2.9rem;
  right: 2.26rem;
}

.bluedian3 {
  position: absolute;
  bottom: 2.5rem;
  right: 2.8rem;
}

.bluedian4 {
  position: absolute;
  bottom: 2.5rem;
  right: 4.16rem;
}

.bluedian5 {
  position: absolute;
  bottom: 1.2rem;
  right: 2.36rem;
}

.greendian {
  position: absolute;
  bottom: 2.3rem;
  right: 3.5rem;
}

.yunyin-box {
  position: absolute;
  background: white;
  padding: 0.16rem 0.1rem;
  width: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  top: 0.6rem;
  display: none;
}

.yunyin-box .title {
  font-size: 0.16rem;
  /* 西部中心：四川   */
  color: #1A1A1A;
}

.yunyin-box .info {
  font-size: 0.12rem;
  /* 正文色/正文辅助色 */
  color: #767676;
  margin: 0.15rem auto;
}

.yunyin-box::before {
  content: "";
  position: absolute;
  top: -0.15rem;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid white;
  /* 可以更改颜色 */
  transform: translateX(-50%) rotate(0deg);
  /* 将箭头方向调整为上 */
}

.sidebar-box .sidebar .dian1 {
  width: 0.24rem;
  height: 0.24rem;
  background: #FF4A2E;
  align-self: center;
  margin-right: 0.16rem;
}

.sidebar-box .sidebar .dian2 {
  width: 0.24rem;
  height: 0.24rem;
  background: #004ECC;
  align-self: center;
  margin-right: 0.16rem;
}

.sidebar-box .sidebar ul {
  margin-top: 0.26rem;
  margin-bottom: 1.2rem;
}

.sidebar-box .sidebar p,
.sidebar-box .sidebar li {
  font-size: 0.32rem;
  line-height: 0.56rem;
  color: #1A1A1A;
}



/* 企业荣誉 */



.honors-item {
  padding-bottom: 0.8rem;
}

.honors-item-title .honors-line-title {
  width: 0.12rem;
  height: 0.24rem;
  background: #004ECC;
  margin-right: 0.1rem;
}

.honors-item-title {
  display: flex;
  align-items: center;
}







.honors-contentbox .banbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.honors-contentbox {
  position: relative;
  height: 10.24rem;
}

.technological-box {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  /* 第一个占1份，第二个占2份 */
  gap: 0 0.2rem;
  height: 5.8rem;
  position: relative;
  margin-top: 0.8rem;
}

.technological-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.technological-item {
  position: relative;
  overflow: hidden;
}

.technological-item:hover img {
  transform: scale(1.02);
  transition: all 1s ease;
}





.company-honors .swiper-slide {
  display: grid;
  grid-template-columns: 1fr 2fr;
}






.custom-dot {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1.8rem;
}

.dot-line {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 0.25rem;
  transform: translateY(-50%);
}

.dot-line>img {
  width: 100%;
}

.custom-pagination {
  display: flex;
  width: 100%;
  justify-content: space-around;
  padding-top: 0.7rem;
}

.custom-pagination::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.01rem;
  top: 15%;
}

.custom-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  /* 指示点图片宽度 */
  height: 0.1rem;
  background: #767676;
  border-radius: 0;
  /* 未选中状态图片 */
  position: relative;
  opacity: 1;
}

.custom-pagination .swiper-pagination-bullet-active {
  width: 0.1rem;
  /* 指示点图片宽度 */
  height: 0.1rem;
  background-color: blue;
  border-radius: 0;
  /* 选中状态图片 */
  position: relative;
}

.custom-pagination .custom-year {
  position: absolute;
  font-size: 0.24rem;
  line-height: 0.56rem;
  color: #767676;
  top: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
}

.custom-pagination .swiper-pagination-bullet-active .custom-year {
  position: absolute;
  top: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.56rem;
  color: #2468F2;
  left: 50%;
  transform: translateX(-50%);
}

.china-map {
  height: 5rem;
}

.news-line {
  width: 0.6rem;
  height: 1.2rem;
  border-left: 0.01rem dashed #D8D8D8;
  margin-left: 0.3rem;
}

/*分页*/
.page {
  text-align: center;
  height: auto;
  margin: 0 0;
  margin-top: 0.8rem;
}

.page a {
  text-align: center;
  min-width: 0.32rem;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  line-height: 0.32rem;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0rem;
  font-size: 0.14rem;
  color: #333;
  padding: 0.1rem 0.2rem;
}

.page a.prev,
.page a.next {
  width: 0.32rem;
}

.page a.prev {
  background: #ffffff url(../img/left-img.png) no-repeat center;
}

.page a.next {
  background: #ffffff url(../img/right-img.png) no-repeat center;
}

.page input {
  height: 0.32rem;
  line-height: 0.32rem;
  border: 1px solid #cccccc;
  width: 0.5rem;
  border-radius: 2px;
  text-align: center;
  box-sizing: border-box;
}

.page a:hover,
.page a.active {
  background: #2468F2;
  border: 1px solid #2468F2;
  color: #ffffff;
}

.page a.prev:hover {
  background: #00a0e9 url(../img/left-img.png) no-repeat center;
}

.page a.next:hover {
  background: #00a0e9 url(../img/right-img.png) no-repeat center;
}

.page span {
  text-align: center;
  color: #00a0e9;
  font-size: 0.14rem;
}

.page span i {
  font-style: normal;
}

.page span {
  margin: 0 2px;
  color: #666;
}

.page input {
  width: 0.32rem;
  height: 0.32rem;
  background: #ffffff;
  border: 1px solid #cccccc;
  text-align: center;
  color: #333;
  border-radius: 4px;
  outline: none;
  font-size: 0.14rem;
}

.page .tz-btn {
  width: 0.5rem;
}

.page .ml10 {
  margin-left: 10px;
}

.page button:hover {
  background-color: #00a0e9;
  color: #ffffff;
}

.dis-flex {
  display: flex;
}

.bg-f1f {
  background-color: #f1f1f1;
}

.pos-rel {
  position: relative;
}