body,html{background-color: #000f21;color: #fff;}
.headHT{display: block;height: 80px;overflow: hidden;}
@font-face{
    font-family:AkrobatBold;
    src:url(fonts/Akrobat-Bold.eot);
    src:url(fonts/Akrobat-Bold.eot) format("embedded-opentype"),
    url(fonts/Akrobat-Bold.woff) format("woff"),
    url(fonts/Akrobat-Bold.otf) format("truetype")}
.abouttop{margin: 0 auto;overflow: hidden;}
.abouttop-title,.abouttop-txt,.aboutitem{margin: 0 auto;width: 50%;overflow: hidden;}
.abouttop-title h2{font-weight: bold;font-size: 62px;padding-top: 90px;display: block;overflow: hidden;font-family: AkrobatBold;}
.abouttop-title h4{font-size: 24px;padding-top: 30px;padding-bottom: 70px;}
.abouttop-box{width:100%;background:url(../images/a1.png) no-repeat;background-size:100%;overflow: hidden;}
.abouttop-txt p{font-size:15px;color:#b4b4b5;line-height: 26px;display: block;margin: 40px auto;}
.abouttop-txt p:first-child{margin-top: 66px;margin-bottom: 0;}
.abouttop-txt p:last-child{margin-top: 0;margin-bottom: 130px;}
.aboutitem h2,.m-aboutitem h2{margin-top: 100px;margin-bottom: 20px;font-size: 36px;display: block;font-family: AkrobatBold;}
.aboutitem h6,.m-aboutitem h6{display: block;font-size: 24px;}
.m-aboutitem{display: none;}
/*story*/
.storyli:last-child .storyleft {
    position:relative;width:50%;left:50%;top:0;vertical-align:text-top;
}
.storybox{margin: 30px auto 0;width: 80%;position: relative;}
.storyli{width: 100%;position: relative;height: 116px;}
.storymid{display:inline-block;position:relative;left:50%;width:80px;margin-left:-40px;height:100%;text-align:center}
.storymid-txt{position:relative;height:100%;font-size:36px;font-family:AkrobatBold;color:#eee;background:#000f21;line-height: 116px;}
.storymid-txt:before{top:0;margin-top: -8px;}
.storymid-txt:after,.storymid-txt:before{content:"";position:absolute;left:50%;width:2px;height:42px;background:#3253f9;margin-left: -1px;}
.storymid-txt:after{top:50%;margin-top: 22px;}
.storyli:first-child .storymid-txt:before{display: none;}
.storyli:first-child .storymid-txt{padding-top: 26px;line-height: inherit;}        
.story-line{display:inline-block;position:relative;left:50%;width:80px;margin-left:-40px;height:100%;text-align:center}
.line-dot{position:relative;height:100%;font-size:16px;font-weight:400;padding-top:40px;padding-bottom:40px;background:#000f21;white-space:nowrap}
.line-dot span:after,.line-dot span:before{content:"";position:absolute;left:50%;width:2px;height:42px;background:#3253f9;margin-left: -1px;}
.line-dot span:before{top:0;margin-top: -5px;}
.line-dot span:after{top:50%;margin-top: 11px;}
.storyright{position:relative;width:50%;left:50%;top:0;vertical-align:text-top;}
.storyleft,.storyright{display:inline-block;word-wrap:break-word;font-size:14px;font-weight:500;line-height:24px;color:#b4b4b5}
.storyleft{position:absolute;max-width:42%;top:35%;right:50%;margin-right:40px;text-align:left}
.storyli:last-child .line-dot span:after{display: none;}
/*team*/
.teambox{width: 100%;display: flex;display: -ms-flexbox;-ms-flex-pack:distribute;justify-content: space-around; margin: 65px auto 130px;}
.team-info{display: inline-block;position: relative;width: 520px;cursor: pointer;}
.team-img{width:100%;background-color:#000f21;padding-top:100%}
.team-img img{position:absolute;width:100%;top:0;left:0}
.team-name{width:100%;display:table;background-color:#000f21;text-align:center;z-index:1;padding-top: 7px;}
.team-ceoname{font-size:16px;font-weight:400;display:block}
.team-ceoname em{font-size:12px;font-weight:500;line-height:16px;color:#b4b4b5;font-style: normal;padding-left: 5px;}
.team-ceo{font-size:16px;font-weight:400;margin-top:-5px}
.team-on{display:none;position:absolute;bottom:0;min-height:350px}
.team-on-name{text-align: center;padding-top: 5px;}
.team-info:hover .team-name{visibility:hidden}
.team-info:hover .team-on{display:block;width:100%;font-size:16px;font-weight:400;background-color:#000f21;opacity:.8;z-index:2}
.team-on-txt{display:block;font-size:14px;font-weight:400;color:#b4b4b5;line-height:24px;text-align:justify;padding:10px 21px 0 25px}
/*partner*/
.aboutban{margin: 70px auto 0;overflow: hidden;}
.swiperblock{display: block;}
.parli{padding: 65px 0;text-align: center;float: left;}
.parli img{width: 80%;margin-bottom: 7px;}
#partner .parli:nth-child(3) img{}
#partner .parli:last-child img{width: 80%;}
#client .parli img{height: 35px;}
#client .parli:first-child img{}
#client .parli:nth-child(8) img, #client .parli:nth-child(5) img{}
#client .parli:nth-child(9) img,#client .parli:nth-child(7) img{}
.swiper-button-next:after,.swiper-button-prev:after{display:none}
.partnernext,.partnerprev{width: 36px;height: 36px;top: 50%;margin-top: -18px;}
.partnernext{background-image:url(../images/a5.png);background-size:100% 100%}
.partnernext:hover{background-image: url(../images/a6.png);}
.partnerprev{background-image:url(../images/a3.png);background-size:100% 100%}
.partnerprev:hover{background-image: url(../images/a4.png);}
.clitem{margin-bottom: 50px;}

.partners-container,
.clients-container {
    width: 940px;
}
.partners-img__big {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: 30px;
}
.partners-img__big-item {
    flex: 1;
    margin: 0 8px;
    text-align: center;
}
    .partners-img__big-item a {
        width: 100%;
        height: 100%;
        display: block;
    }
    .partners-img__big-item img {
        width: 100%;
    }
.partners-img__big-item:first-child {
    margin-left: 0;
}
.partners-img__big-item:last-child {
    margin-right: 0;
}

.partners-img__small {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.partners-img__small-item {
    margin: 4px;
}
.partners-img__small-item img {
    width: 128px;
    /* height: 45px; */
}

.clients-img-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}

.clients-img-item {
    margin-bottom: 8px;
}
.clients-img-item img {
    width: 160px;
    /* height: 66px; */
}



@media (max-width: 768px) {
    .abouttop-title, .abouttop-txt, .aboutitem{width: 100%;padding: 30px 5%;text-align: center;}
    .abouttop-title h2{padding-top: 20px;font-size: 40px;}
    .abouttop-title h4{font-size: 20px;padding-top: 10px;padding-bottom: 0;}
    .abouttop-txt{padding-top: 0;}
    .abouttop-txt p:first-child{margin-top: 0;}
    .abouttop-txt p{margin: 20px auto;}
    .abouttop-txt p:last-child{margin-bottom: 0;}
    .m-aboutitem h2,.aboutitem h2{margin-top: 30px;font-size: 30px;margin-bottom: 10px;}
    .m-aboutitem h6,.aboutitem h6{font-size: 18px;}
    .teambox{margin-top: 50px;margin-bottom: 0;}
    .team-on{display: block;position: relative;opacity: 1;min-height: auto;}
    .team-info:hover .team-on{opacity: 1;}
    .team-name{display: none;}
    .team-on-txt{padding: 0;}
    .aboutban{margin-top: 30px;}
    .parli{padding: 20px 0;}
    .clitem{margin-bottom: 0;}
    .storybox{width: 100%;}
    .storyli{overflow: hidden;height: 120px;}
    .storymid,.story-line{left: 0;margin-left: 0;float: left;}
    .storyleft{right: 0;margin-right: 0;max-width: calc(100% - 80px);float: left;width: calc(100% - 80px); }
    .storyli:last-child .storyleft{left: 0;}
    .storyright{left: 0;width: calc(100% - 80px);float: left;}
    .line-dot span:after{height: 50px;}
    .storyli:nth-child(5) .storyleft{top: 0;}
    .storyli:nth-child(6) .storyright{top: 4%;}
    .storyli:nth-child(8) .storyright,.storyli:nth-child(11) .storyright,.storyli:nth-child(13) .storyright{top: 25%;}
    .p-aboutitem{display: none;}
    .m-aboutitem{display: block;width: 100%;padding: 30px 5%;}
    .mbox{overflow: hidden;}
    .mbox div{width: 50%;float: left;height: 70px;display: flex;align-items: center;text-align: center;justify-content: center;}
    .mbox div img{width: 60%;height: auto;display: block;}
    .mpbox div:nth-child(1) img,.mpbox div:nth-child(3) img{width: 55%;}
    .mpbox div:nth-child(2) img{width: 48%;}
    .mpbox div:nth-child(10) img{width: 90%;}
    .mclbox div:nth-child(5) img{width: 48%;}
    .mclbox div:nth-child(7) img,.mbox div:nth-child(8) img,.mbox div:nth-child(9) img{width: 50%;}

    
    .partners-container,
    .clients-container {
        width: 100%;
        padding: 0 10px!important;
    }
    .partners-img__big {
        width: 100%;
        display: block;
        height: auto;
    }
    .partners-img__big-item {
        width: 100%;
        text-align: center;
    }
    /* .m-clients-container {
        width: 100%;
    }
    .m-clients-img-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 40px;
    }
    .m-clients-img-item {
        width: 48%;
        margin-bottom: 2vw;
    }
    .m-clients-img-item img {
        width: 100%;
    } */
}