.banner .content-tit {
  font-size: 3.221rem;
}

.mask-buttom .buttom-li-num {
  font-size: 2.575rem;
}

.banner .content-mintit {
  font-size: 1.784rem;
}

.service-content .service-title {
  font-size: 1.486rem;
}

.dev-content p,
.cul-tab-item .cul-tab-title {
  font-size: 1.387rem;
}

.us .us-content,
.mask-buttom .buttom-li-fh {
  font-size: 1.288rem;
}

.dev-tab {
  font-size: 1.189rem;
}

.service-content .service-text,
.mask-buttom .buttom-li-text {
  font-size: 1.090rem;
}

.cul-tab-item .cul-tab-text {
  font-size: 0.991rem;
}

.banner .banner-content {
  width: 80%;
  box-sizing: border-box;
  top: 39.9%;
  left: 10%;
}

.banner .banner-content .content-tit {
  margin-bottom: 1.67%;
  color: #143D8E;
}

.us-box .us {
  width: 89.6%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.us-box .us .us-left {
  width: 47.56%;
  position: relative;
}

.us-box .us .us-left .img-box {
  width: 95.96%;
  margin-top: -6%;
}

.us-box .us .us-left .gray-block {
  width: 95.96%;
  height: 100%;
  background-color: #EEE;
  position: absolute;
  top: 6.77%;
  left: 4.04%;
  z-index: -1;
}

.us-box .us .us-content {
  width: 48.95%;
  padding: 0.8% 0;
  color: #666;
  text-align: justify;
  line-height: 2.676rem;
}

.service-box {
  background: url(../images/background.png) no-repeat center center;
  background-size: cover;
  position: relative;
  margin-top: 17.81%;
}

.service-box .mask-buttom {
  width: 72.8%;
  position: absolute;
  top: -15.83%;
  left: 13.6%;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}

.service-box .mask-buttom ul {
  padding: 4.95% 0;
  align-items: center;
  display: grid;
  justify-content: space-around;
  grid-template-columns: 23% 0.2% 23% 0.2% 23% 0.2% 23%;
  color: #143D8E;
  text-align: center;
}

.service-box .mask-buttom ul .mask-buttom-li {
  padding: 13% 0;
}

.service-box .mask-buttom ul .mask-buttom-li .buttom-li-num,
.service-box .mask-buttom ul .mask-buttom-li .buttom-li-fh {
  font-weight: 700;
}

.service-box .mask-buttom ul .mask-buttom-li .sbuttom-li-text {
  display: inline-block;
  margin-top: 6%;
}

.service-box .mask-buttom ul .line {
  width: 0.1rem;
  height: 100%;
  opacity: 0.3;
  background: #D8D8D8;
}

.service-box .mask-buttom ul .line-4 {
  display: none;
}

.service-box .item-top {
  padding: 15.36% 0 3.125%;
}

.service-box .item-top .title-text {
  color: #FFF;
}

.service-box .item-top .intro {
  color: #FFF;
}

.service-box .service {
  width: 85.4%;
  margin: 0 auto;
  padding-bottom: 7.3%;
  display: flex;
  justify-content: space-between;
}

.service-box .service .service-item {
  width: 23.78%;
  padding-bottom: 30.5%;
  background-color: rgba(20, 61, 142, 0.8);
  border-radius: 0.4rem;
  position: relative;
}

.service-box .service .service-item:nth-child(n-2) .service-text {
  width: 62.05%;
}

.service-box .service .service-item:nth-child(n+3) .service-text {
  width: 68.2%;
}

.service-box .service .service-item .img-box {
  width: 41.02%;
  position: absolute;
  top: 18%;
  left: 29.49%;
}

.service-box .service .service-item .service-content {
  width: 100%;
  position: absolute;
  top: 64.6%;
  text-align: center;
  color: #FFF;
}

.service-box .service .service-item .service-content .service-title {
  font-weight: 700;
}

.service-box .service .service-item .service-content .service-text {
  margin: 5.12% auto 0;
}

.culture-box .culture {
  width: 89.6%;
  margin: 0 auto 5.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.culture-box .culture .cul-tab {
  width: 45.34%;
  padding: 1.92% 0;
  position: relative;
}

.culture-box .culture .cul-tab .line {
  width: 3px;
  height: 100%;
  background-color: #999;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}

.culture-box .culture .cul-tab .cul-tab-item {
  padding-left: 9.5%;
  position: relative;
  cursor: pointer;
}

.culture-box .culture .cul-tab .cul-tab-item.active .circle {
  border: 0.15rem solid #FFF;
  background-color: #143D8E;
}

.culture-box .culture .cul-tab .cul-tab-item.active .cul-tab-content {
  color: #143D8E;
}

.culture-box .culture .cul-tab .cul-tab-item:not(:last-child) {
  margin-bottom: 7.69%;
}

.culture-box .culture .cul-tab .cul-tab-item .circle {
  width: 2.94%;
  padding-bottom: 2.94%;
  border-radius: 50%;
  background-color: #FFF;
  border: 1px solid #999;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.culture-box .culture .cul-tab .cul-tab-item .cul-tab-content {
  color: #333;
}

.culture-box .culture .cul-tab .cul-tab-item .cul-tab-content .cul-tab-title {
  font-weight: 700;
  margin-bottom: 0.49rem;
}

.culture-box .culture .img-box {
  width: 47.79%;
}

.culture-box .swiper-container-box {
  width: 89.6%;
  margin: 0 auto;
  position: relative;
}

.culture-box .swiper-container-box .swiper-container {
  width: 94.41%;
  margin: 0 auto;
  overflow: hidden;
}

.culture-box .swiper-container-box .swiper-container .swiper-slide {
  width: 24.32%;
}

.culture-box .swiper-container-box .swiper-container .swiper-slide:not(:last-child) {
  margin-right: calc(2.72% / 3);
}

.culture-box .swiper-container-box .swiper-button-prev {
  width: 1.4%;
  background-size: contain;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23143D8E'%2F%3E%3C%2Fsvg%3E");
}

.culture-box .swiper-container-box .swiper-button-next {
  width: 1.4%;
  background-size: contain;
  right: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23143D8E'%2F%3E%3C%2Fsvg%3E");
}

.development-box {
  background: url(../images/background6.png) no-repeat center center;
  background-size: cover;
}

.development-box .item-top {
  padding: 7.3% 0 4.375%;
}

.development-box .development {
  padding-bottom: 7.3%;
}

.development-box .development .dev-content {
  width: 83.3%;
  margin: 0 auto;
  border-color: rgba(255, 255, 255, 0.6);
  border: 0.15rem dashed #143D8E;
  position: relative;
}

.development-box .development .dev-content .swiper-slide {
  padding-bottom: 20.46%;
}

.development-box .development .dev-content .swiper-slide p {
  width: 85.4%;
  color: #666;
  text-align: center;
  line-height: 2.775rem;
  position: absolute;
  top: 50%;
  left: 7.3%;
  transform: translateY(-50%);
}

.development-box .development .dev-tab {
  width: 89.6%;
  box-sizing: border-box;
  padding: 0 6.3%;
  margin: 2.86% auto 0;
  border-top: 1px solid #999;
  display: flex;
  justify-content: space-between;
}

.development-box .development .dev-tab .dev-tab-item {
  padding-top: 2.15%;
  position: relative;
  cursor: pointer;
}

.development-box .development .dev-tab .dev-tab-item.active .line {
  background-color: #143D8E;
}

.development-box .development .dev-tab .dev-tab-item.active .time {
  color: #143D8E;
}

.development-box .development .dev-tab .dev-tab-item .line {
  position: absolute;
  width: 12px;
  height: 52%;
  box-sizing: border-box;
  background-color: #D8D8D8;
  border: 4px solid #FFF;
  border-radius: 6px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.development-box .development .dev-tab .dev-tab-item .time {
  color: #333;
}

.cooperate-box {
  width: 100%;
  background: url(../images/background.png) no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  padding: 5.2%;
  margin: -7.3% 0 0;
}

.cooperate-box .cooperate {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 11.1%);
  justify-content: space-between;
}

.cooperate-box .cooperate .cooperate-item:not(:nth-child(n+11)) {
  margin-bottom: 17.03%;
}