﻿.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: #999;
    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(/png/wg2ngt1o.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(/png/0vv5rbaw.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: .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: #222;
}
.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: #000;
}
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: #222;
}
.intelligences-words .li-tops
{
    line-height: 1;
}
.intelligences-words .li-bots
{
    line-height: 1.875;
    color: #222;
    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,.3);
}
.intelligences-bottoms .text
{
    line-height: 1.875;
    color: #222;
    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: #111;
}
.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: #222;
    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: -.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: -.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;
    }
}
