.warp-subbox.ons .li {
  width: 25%;
}

.con-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.services-tops-titles .swiper-slide {
  width: 20%;
  text-align: center;
  color: #999999;
  cursor: pointer;
}
.services-tops-titles .swiper-slide .imgs {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  position: relative;
}
.services-tops-titles .swiper-slide .imgs:before {
  position: absolute;
  width: 1.025rem;
  height: 1.125rem;
  content: "";
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../img/imgs/1-06.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  transition: .5s .2s ease;
}
.services-tops-titles .swiper-slide .imgs img {
  position: relative;
  z-index: 2;
  transition: .5s ease;
  max-height:70%;
  max-width:80%;
}

.services-tops-titles {
  position: relative;
}
.services-tops-titles:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background: #e6e6e6;
  left: 0;
  bottom: 0;
  /*-webkit-filter: grayscale(0);
  filter: grayscale(0);
  filter: brightness(0);*/

}

.services-tops-titles .swiper-slide {
  padding-top: .5rem;
  padding-bottom: 1.125rem;
}
.services-tops-titles .swiper-slide .span {
  margin-top: .5rem;
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
  transition: .5s ease;
}
.services-tops-titles .swiper-slide.active .imgs img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: brightness(100);
  /*transition: .5s .3s ease;*/
}
.services-tops-titles .swiper-slide.active .span {
  color: #153072;
}
.services-tops-titles .swiper-slide.active .imgs:before {
  opacity: 1;
  transition: .5s ease;
}

.services-list {
  padding-top: 2.5rem;
  padding-bottom: 4.25rem;
}
/*.services-list .itemsbox {*/
/*  padding-top: 2.8rem;*/
  
/*}*/
.services-list .itemsbox .ajax-more{
  margin-top: 1.2rem;
}
.services-list .li {
  width: 31.5%;
  margin-left: 2.75%;
  margin-bottom: 2.4rem;
}
.services-list .li img {
  width: 100%;
}
.services-list .li:nth-child(3n+1) {
  margin-left: 0;
}
.services-list .li .span {
  margin-top: 1rem;
  color: #153072;
  line-height: 1.33;
}

.tc {
  text-align: center;
}

.c-more .more {
  display: inline-block;
  vertical-align: top;
  line-height: 3.143em;
  height: 3.143em;
  color: #fff;
  background: #153072;
  padding-left: .7rem;
  padding-right: .5rem;
  cursor: pointer;
}
.c-more .more span {
  position: relative;
  padding-right: .6rem;
}
.c-more .more span:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 12px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgs/1-07.png) no-repeat center;
  background-size: 100%;
}

.services-bottoms {
  position: relative;
}
.services-bottoms .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.services-bottoms .words a {
  color: #fff;
}
.services-bottoms .words .tits {
  line-height: 1.2;
}
.services-bottoms .words .txts {
  line-height: 1.36;
  margin-top: .25rem;
  margin-bottom: 1.375rem;
}

.ajax-more .span {
  display: inline-block;
  vertical-align: top;
  line-height: 3.33;
  color: #fff;
  background-color: #153072;
  padding: 0 3.33em;
  height: 3.33em;
  cursor: pointer;
}

.services-bottoms .images img {
  height: 400px;
  object-fit: cover;
}

.intelligences-box {
  padding-bottom: 5.125rem;
  padding-top: 4.875rem;
}

.pre {
  position: relative;
}

.c-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  bottom: 0.625rem;
  left: 0;
  z-index: 6;
}
.c-swiper .swiper-pagination-bullet {
  background: #fff;
  opacity: .5;
  margin: 0 5px;
}
.c-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}

.intelligences-center .items {
  overflow: hidden;
}
.intelligences-center .items img {
  transition: .5s ease;
}

.intelligences-tops {
  padding-bottom: 2.1rem;
}
.intelligences-tops .tit-right,
.intelligences-tops .tit-left {
  width: 50%;
}
.intelligences-tops .text {
  line-height: 1.875;
  color: #222222;
}
.intelligences-tops .numlist {
  margin-top: 1.3rem;
  justify-content: space-between;
}
.intelligences-tops .li-01 {
  line-height: 1;
}
.intelligences-tops .li-02 {
  margin-top: .55rem;
  align-items: flex-end;
  line-height: 1;
  justify-content: space-between;
}
.intelligences-tops .li-02 .span, .intelligences-tops .li-02 span {
  line-height: 1;
  color: #000000;
}

img.w100 {
  width: 100%;
}

.con-titles .con-tits {
  color: #bccad7;
  line-height: 1;
}
.con-titles .con-txts {
  margin-top: .375rem;
  color: #0e2b6e;
  line-height: 1.368;
}

.intelligences-words {
  padding-top: 2.4rem;
  padding-bottom: 2.7rem;
  align-items: center;
}
.intelligences-words .images {
  width: 53.48%;
}
.intelligences-words .words {
  width: 46.52%;
  padding-right: 3.25rem;
}
.intelligences-words .text {
  margin-top: 1.5rem;
  margin-bottom: 4.125rem;
  line-height: 1.875;
  color: #222222;
}
.intelligences-words .li-tops {
  line-height: 1;
}
.intelligences-words .li-bots {
  line-height: 1.875;
  color: #222222;
  margin-top: .3rem;
}

.intelligences-bottoms {
  position: relative;
}
.intelligences-bottoms .words {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  margin-top: -5.35rem;
  width: 90%;
  background: #fff;
  padding: 0 1rem;
  text-align: center;
  min-height: 5.35rem;
  padding-top: 2.7rem;
  padding-bottom: 2.375rem;
  box-shadow: 0 6px 10px 2px rgba(14, 43, 110, 0.3);
}
.intelligences-bottoms .text {
  line-height: 1.875;
  color: #222222;
  margin-top: 1rem;
}

.f5f5f5 {
  background: #f5f5f5;
}

.innovates-tops {
  padding-bottom: 4.5rem;
  padding-top: 2.65rem;
}
.innovates-tops .items {
  margin-bottom: 1.25rem;
  background: #fff;
  align-items: stretch;
}
.innovates-tops .words {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.innovates-tops .words .box {
  padding: 1rem 2.15rem;
  padding-right: 1rem;
}
.innovates-tops .words .imgs {
  width: 1.75rem;
  height: 1.75rem;
}
.innovates-tops .tits {
  margin-top: .7rem;
  margin-bottom: .4rem;
  line-height: 1.33;
  color: #111111;
}
.innovates-tops .images {
  overflow: hidden;
  width: 60%;
}
.innovates-tops .txts {
  margin-bottom: 1.45rem;
  line-height: 1.16;
  color: #153072;
}
.innovates-tops .lists {
  padding-top:1.25rem;
}
.innovates-tops .text {
  color: #222222;
  line-height: 2;
}
.innovates-tops .items:nth-child(2n+2) {
  flex-direction: row-reverse;
}

.innovates-tits {
  color: #bccad7;
  line-height: 1.33;
  padding-bottom: .85rem;
  position: relative;
}
.innovates-tits:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #e6e6e6;
}
.innovates-tits span {
  color: #153072;
}

.innovates-bots {
  padding-top: 3.875rem;
  background: #fff;
  padding-bottom: 6.25rem;
}

.innovates-bot-swiper .swiper-container {
  width: 65.4%;
  margin: 0 auto;
  overflow: visible;
  /*padding-bottom: 3.25rem;*/
}
.innovates-bot-swiper .swiper-container .swiper-slide {
  margin-right: 2.25rem;
}
.innovates-bot-swiper .swiper-scrollbar {
  background: #d6d9e0;
}
.innovates-bot-swiper .swiper-scrollbar-drag {
  background: #082e8b;
}

.innovates-bots,
.bodyhide {
  overflow: hidden;
}

.innovates-bot-swiper .swiper-container .swiper-slide {
  position: relative;
}
.innovates-bot-swiper .swiper-container .swiper-slide .imgs {
  overflow: hidden;
}
.innovates-bot-swiper .swiper-container .swiper-slide .imgs img {
  transition: .5s ease;
}
.innovates-bot-swiper .swiper-container .swiper-slide .words {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 1.1rem 1.55rem;
  z-index: 2;
  align-items: flex-end;
}
.innovates-bot-swiper .swiper-container .swiper-slide .words-fr {
  width: 46.5%;
  line-height: 1.66;
}
.innovates-bot-swiper .swiper-container .swiper-slide .words-fl {
  width: 53.5%;
}
.innovates-bot-swiper .swiper-container .swiper-slide .icon {
  width: 1.7rem;
  height: 1.7rem;
}
.innovates-bot-swiper .swiper-container .swiper-slide .txts {
  margin-top: .5rem;
  line-height: 1.44;
}

/*.innovates-bot-swiper {
  cursor: url(../img/imgs/ico2.png), auto;
}*/
.innovates-bot-swiper{
  position: relative;
}
.innovates-bot-swiper .button-prev .icon{
  transform:rotate(-180deg);
}
.innovates-bot-swiper .button-prev .icon,.innovates-bot-swiper .button-next .icon{
  width:.5rem;
  height:.5rem;
  fill:#333;
}
.innovates-bot-swiper .button-prev{
  position: absolute;
  left:-11%;
  width:1.75rem;
  height:1.75rem;
  top:50%;
  margin-top:-0.875rem;
  border-radius:50%;
  box-shadow:0 0 10px 0 rgba(0,0,0,.2);
  z-index:4;
  background:#fff;
  cursor:pointer;
  transition: all .5s;
}
.innovates-bot-swiper .button-next{
  position: absolute;
  right:-11%;
  width:1.75rem;
  height:1.75rem;
  border-radius:50%;
  top:50%;
  margin-top:-0.875rem;
  box-shadow:0 0 10px 0 rgba(0,0,0,.2);
   z-index:4;
   background:#fff;
   cursor:pointer;
   transition: all .5s;
}
.innovates-bot-swiper .button-prev:hover{
  background:#153072;
}
.innovates-bot-swiper .button-next:hover{
  background:#153072;
}
.innovates-bot-swiper .button-prev:hover .icon{
  fill:#fff;
}
.innovates-bot-swiper .button-next:hover .icon{
  fill:#fff;
}

.innovates-bot-text {
  position: relative;
  padding-top: 1.95rem;
  padding-bottom: 1.7rem;
}
.innovates-bot-text .bg {
  width: 13.55rem;
  height: 13.55rem;
  position: absolute;
  top: 1.15rem;
  left: 16.375rem;
  z-index: 0;
  pointer-events: none;
}
.innovates-bot-text .tits, .innovates-bot-text .txts {
  position: relative;
  z-index: 2;
}

@media (max-width: 1681px) {
  .innovates-tops .words .box {
    padding: .5rem 1.75rem;
  }

  .innovates-tops .text {
    line-height: 1.8;
  }
}
@media (min-width: 1025px) {
  
  .services-tops-titles .swiper-slide:hover .span {
    transition: .5s ease;
    color: #153072;
  }
  /*.services-tops-titles .swiper-slide:hover .imgs:before {
    opacity: 1;
    transition: .5s ease;
  }*/

  .c-more .more,
  .ajax-more .span {
    transition: .5s ease;
  }
  .c-more .more:hover,
  .ajax-more .span:hover {
    transition: .5s ease;
    /*transform: translateY(-5px);*/
    background:#0D2763;
  }

  .services-list .li {
    transition: .5s ease;
  }
  .services-list .li .imgs {
    overflow: hidden;
  }
  .services-list .li .imgs img {
    transition: .5s ease;
  }
  .services-list .li:hover {
    transition: .5s ease;
  }
  .services-list .li:hover img {
    transform: scale3d(1.05, 1.05, 1);
    transition: .5s ease;
  }

  .innovates-tops .items,
  .innovates-bot-swiper .swiper-container .swiper-slide,
  .intelligences-words .images,
  .intelligences-center .items {
    overflow: hidden;
  }
  .innovates-tops .items img,
  .innovates-bot-swiper .swiper-container .swiper-slide img,
  .intelligences-words .images img,
  .intelligences-center .items img {
    transition: .5s ease;
  }
  .innovates-tops .items:hover,
  .innovates-bot-swiper .swiper-container .swiper-slide:hover,
  .intelligences-words .images:hover,
  .intelligences-center .items:hover {
    transition: .5s ease;
  }
  .innovates-tops .items:hover img,
  .innovates-bot-swiper .swiper-container .swiper-slide:hover img,
  .intelligences-words .images:hover img,
  .intelligences-center .items:hover img {
    transition: .5s ease;
    transform: scale3d(1.05, 1.05, 1);
  }
}
@media (max-width: 1024px) {
  .innovates-bot-swiper .swiper-container {
    width: 80%;
  }

  .intelligences-words .text {
    margin-bottom: 1rem;
    margin-top: .5rem;
  }

  .intelligences-words .images {
    width: 100%;
    margin-top: 1rem;
  }

  .intelligences-words .words {
    width: 100%;
    padding-right: 0;
  }

  .intelligences-box {
    padding-top: 2.5rem;
  }

  .services-list .itemsbox {
    padding-top: 2rem;
  }

  .services-tops-titles .swiper-slide {
    width: 28%;
  }

  .intelligences-tops .tit-right, .intelligences-tops .tit-left {
    width: 100%;
  }

  .intelligences-tops .tit-right {
    margin-top: 1rem;
  }

  .intelligences-tops .numlist {
    margin-top: 1rem;
  }

  .intelligences-tops {
    padding-bottom: 1.25rem;
  }

  .innovates-tops .words {
    width: 100%;
  }

  .innovates-tops .images {
    width: 100%;
  }

  .innovates-tops .words .box {
    padding: 1rem .55rem;
  }

  .innovates-tops .txts {
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  .innovates-bot-swiper .swiper-container .swiper-slide .words-fr {
    width: 100%;
    line-height: 1.6;
    margin-top: .5rem;
  }

  .innovates-bot-swiper .swiper-container .swiper-slide .words-fl {
    width: 100%;
  }

  .innovates-bot-swiper .swiper-container .swiper-slide .words {
    padding: 1rem 0;
  }

  .innovates-bot-swiper .swiper-container {
    padding-bottom: 1.25rem;
  }

  .innovates-bot-swiper .swiper-container .swiper-slide .words {
    position: static;
    color: #222;
  }

  .innovates-bot-swiper .swiper-container .swiper-slide {
    margin-right: 1rem;
  }

  .intelligences-words {
    padding-top: 2.15rem;
    padding-bottom: 1.75rem;
  }

  .services-tops-titles .swiper-slide {
    width: 42%;
  }

  .services-list .li {
    width: 100%;
    margin-left: 0;
  }

  .services-list {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .services-list .li {
    margin-bottom: 1rem;
  }

  .services-bottoms .images img {
    height: 15rem;
  }

  .intelligences-bottoms .words {
    width: 100%;
    margin-top: 0;
  }

  .intelligences-tops .li-02 {
    margin-top: .35rem;
  }

  .intelligences-bottoms .words {
    padding: 0 .55rem;
    padding-top: 1.75rem;
    padding-bottom: 1.25rem;
  }

  .intelligences-box {
    padding-top: 2rem;
    padding-bottom: 2.25rem;
  }
}

@media (max-width: 767px) {
  .services-bottoms .images img{
    height:12rem;
  }
  .services-list .li .span{
    margin-top:.5rem;
    font-size:18px;
  }
  .services-tops-titles .swiper-slide .span{
    font-size:18px;
  }
  .services-list .itemsbox{
    padding-top:1.5rem;
  }
  .services-tops-titles .swiper-slide .imgs img{
    max-height: 70%;
    max-width: 50%;
  }
}

@media (max-width:768px) {
  .innovates-bot-swiper .button-prev,.innovates-bot-swiper .button-next{
    display:none;
  }
}
