/*about */

/*company 公司简介*/



.ab-company{
    overflow:hidden;
}
.ab-company .item{
    
}
    .ab-company .item .img{
        height:220px;
        overflow:hidden;
    }
    .ab-company .item .img img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .ab-company .item .txt{
        padding:20px 50px;
    }
        .ab-company .item .txt .tit{
            padding-bottom:20px;
        }
        .ab-company .item .txt h2 {
            display: block;
            line-height: 1;
            font-size: 1.8rem;
            font-weight: bold;
            color: #333;
            position: relative;
        }
        .ab-company .item .txt h2:before{
            position:absolute;
            left:-30px;
            width:20px;
            height:1px;
            background:#e6e6e6;
            content:'';
            top:50%;
            transform:translateY(-50%);
        }
        .ab-company .item .txt span {
            display: block;
            line-height: 1;
            color: #999;
            text-transform: uppercase;
            font-size: 1rem;
            padding-top: 10px;
        }
        .ab-company .item .txt .des{
            color:#999;
            padding-bottom:20px;
        }

@media(min-width:768px){
    .ab-company .row{
        margin:0;
    }
    .ab-company  .col-xs-12{
        padding:0;
    }
    .ab-company .col-xs-12:nth-child(2) .item>.txt{
        position:relative;
    }
        .ab-company .col-xs-12:nth-child(2) .item>.txt:before{
            position:absolute;
            left:0;
            top:50px;
            bottom:30px;
            width:1px;
            background:#e6e6e6;
            content:'';
        }
    .ab-company .item{
        padding-bottom:30px;
    }
    .ab-company .item .txt {
        padding: 30px 80px;
        padding-top: 50px;
        padding-bottom: 0;
    }
    .ab-company .col-xs-12:nth-child(3) .item{
        position:relative;
        padding-bottom:0;
    }
    .ab-company .col-xs-12:nth-child(3) .item .img{
        height:350px;
    }
    .ab-company .col-xs-12:nth-child(3) .item .txt{
        position:absolute;
        z-index:22;
        top:50%;
        transform:translateY(-50%);
        right:0;
        left:auto;
        color:#fff;
        width:50%;
       
    }
        .ab-company .col-xs-12:nth-child(3) .item .txt h2{
            color:#fff;
        }
        .ab-company .col-xs-12:nth-child(3) .item .txt span{
            color:rgba(255,255,255,.8);
        }
        .ab-company .col-xs-12:nth-child(3) .item .txt .des{
            color:rgba(255,255,255,.9);
        }
}
@media(min-width:992px){
   
    .ab-company .item .img{
        height:400px!important;
    }
    .ab-company .item .txt h2{
        font-size:2.2rem;

        font-weight:400;
    }
    .ab-company .col-xs-12:nth-child(3) .item .txt{
      
    }
}
@media(min-width:1200px) {
   

    .ab-company .item .img {
        height: 500px !important;
    }

    .ab-company .item .txt h2 {
        font-size: 3.4rem;
        font-weight: 400;
    }
    .ab-company .item .txt span {
        font-size: 1.3rem;
        padding-top:15px;
    }
    .ab-company .col-xs-12:nth-child(3) .item .txt {
    }
    .ab-company .item .txt .des{
        font-size:1.6rem;
        padding-top:30px;
    }
    .ab-company .item .txt {
        padding: 115px ;
    }
    .ab-company .col-xs-12:nth-child(2) .item > .txt:before{
        top:116px;
        bottom:136px;
    }
}
@media(min-width:1400px){
    .ab-company .item .txt {
        padding: 115px 150px;
    }
}
@media(min-width:1600px) {
    .ab-company .item .txt {
        padding: 115px 150px;
    }
}
/*founder创始人*/

.ab-founder{}
.ab-founder .list{}
    .ab-founder .item {
        background: #fff;
        position: relative;
        min-height:220px;
        transition:all ease-in-out .3s;
    }
    .ab-founder .item:hover{
        box-shadow:0 5px 15px rgba(0,0,0,.085);
    }
        .ab-founder .item:hover .txt>h2{
            color:#0a7cc0;
        }
        .ab-founder .item + .item {
            margin-top: 20px;
        }
    .ab-founder .item a{
        display:block;
    }
        .ab-founder .item .img {
            width: 35%;
            overflow: hidden;
            position: absolute;
            height: 100%;
        }
    .ab-founder .item .img img{
        width:100%;
        height:100%;
        object-fit:cover;
        transition:all ease-in-out .4s;
    }
    .ab-founder .item .txt{
        margin-left:35%;
        padding:20px 20px 20px 20px;
    }
        .ab-founder .item .txt>h2{
            display:block;
            font-size:1.8rem;
            font-weight:bold;line-height:1;
        }
        .ab-founder .item .txt>h3{
            font-size:1.4rem;
            font-weight:bold;
            display:block;line-height:1.4;
            margin-top:15px;
        }
        .ab-founder .item .txt .des{
            padding-top:20px;
            color:#999;
            padding-bottom:30px;
        }
        .ab-founder .item .txt .btns .btn{
            padding:10px 20px;
            color:#999;
        }
            .ab-founder .item .txt .btns .btn:hover {
                background: #0a7cc0;
                border-color:#0a7cc0;
                box-shadow:0 5px  10px rgba(10,124,192,.5);
                color:#fff;
            }
.layui-flow-more{
    margin:30px 0;
}
    .layui-flow-more a cite{
        background:#0a7cc0;
        color:#fff;
    }
@media(min-width:768px){
    .ab-founder .item .txt{
        padding:40px;
        
    }
    .ab-founder .item + .item{
        margin-top:40px;
    }
}
@media(min-width:992px) {
    .ab-founder .item .txt {
        padding: 60px;
    }
        .ab-founder .item .txt > h2 {
            font-size: 2.2rem;
            font-weight:400;
        }
    .ab-founder .item + .item {
        margin-top: 50px;
    }
}
@media(min-width:1200px) {
    .ab-founder .item{
        min-height:542px;
    }
    .ab-founder .item .txt {
        padding: 80px;
    }
        .ab-founder .item .txt > h2{
            font-size:2.8rem;
        }
        .ab-founder .item .txt > h3 {
            font-size: 1.8rem;
            font-weight: 400;
            margin-top:30px;
        }
        .ab-founder .item .txt .des{
            font-size:1.6rem;
            padding-top:60px;
        }
        .ab-founder .item .txt .btns .btn{
            padding:15px 50px;
            font-size:1.6rem;
        }
    .layui-flow-more{
        margin:60px 0;
    }
    .layui-flow-more a cite {
        padding: 15px 50px;
        font-size: 1.6rem;
    }
}

/*course 发展历程*/
.ab-course{position:relative;}
    .ab-course:before {
        position: absolute;
        content: '';
        background: #dcdcdc;
        left:0;
        right:0;
        top:50px;
        height:1px;
    }
.swiper1{

}
.swiper1 .item{
    height:100px;
    line-height:100px;
    text-align:center;
    position:relative;
}
    .swiper1 .item > h2 {
        display: block;
        height: 100px;
        line-height: 100px;
        display:inline-block;
        background:#fff;
        padding:0 20px;
        font-size:4rem;
        color:#000;
        font-weight:400;
        
    }
        .swiper1 .item:before, .swiper1 .item:after, .swiper1 .item > h2:before, .swiper1 .item>h2:after{
            position:absolute;
            width:8px;
            height:8px;
            background:#0a7cc0;
            border-radius:100%;
            content:'';
            top:50%;
            margin-top:-4px;
        }
    .swiper1 .item:before{
        left:-90%;
    }
    .swiper1 .item:after{
        left:-87.5%;
    }
    .swiper1 .item > h2:before{
        left:-84.5%;
    }
    .swiper1 .item > h2:after {
        left: -82%;
    }

    .swiper1 .swiper-button-prev.swiper-button-disabled, .swiper1 .swiper-button-next.swiper-button-disabled {
        opacity: 1;
    }

        .swiper1 .swiper-button-prev.swiper-button-disabled:before {
            background-image: url(/Images/icon/left1-hover.png)
        }

        .swiper1 .swiper-button-next.swiper-button-disabled:before {
            background-image: url(/Images/icon/right1-hover.png)
        }

    .swiper1 .swiper-button-prev:before, .swiper1 .swiper-button-next:before {
        position: absolute;
        content: '';
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .swiper1 .swiper-button-prev:before {
        background-image: url(/Images/icon/left1.png)
    }

    .swiper1 .swiper-button-next:before {
        background-image: url(/Images/icon/right1.png)
    }
    .swiper1 .swiper-button-prev, .swiper1 .swiper-button-next {
        width: 40px;
        height: 40px;
        background: #0a7cc0;
        opacity: 1;
        outline: none;
        margin-top:-20px;
        border-radius:100%;
    }
    .swiper2 .swiper-slide {
        width: 15%;
    }
.swiper2 .swiper-slide-active .item, .swiper2 .active .item {
    color: #0a7cc0;
    font-weight: bold;
}
.swiper2 .item{
    text-align:center;
    height:50px;
    line-height:50px;
    color:#999;
}
.swiper3{
   
}
    .swiper3 .swiper-container {
        padding-bottom: 80px;
    }

    .swiper3 .swiper-button-prev.swiper-button-disabled, .swiper3 .swiper-button-next.swiper-button-disabled {
        opacity: 1;
    }

        .swiper3 .swiper-button-prev.swiper-button-disabled:before {
            background-image: url(/Images/icon/left1-hover.png)
        }

        .swiper3 .swiper-button-next.swiper-button-disabled:before {
            background-image: url(/Images/icon/right1-hover.png)
        }

    .swiper3 .swiper-button-prev:before, .swiper3 .swiper-button-next:before {
        position: absolute;
        content: '';
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .swiper3 .swiper-button-prev:before {
        background-image: url(/Images/icon/left1.png)
    }

    .swiper3 .swiper-button-next:before {
        background-image: url(/Images/icon/right1.png)
    }

    .swiper3 .swiper-button-prev, .swiper3 .swiper-button-next {
        width: 40px;
        height: 40px;
        background: #0a7cc0;
        opacity: 1;
        outline: none;
        margin-top: -20px;

        top:auto;
        bottom:0;

       
    }
    .swiper3 .swiper-button-prev{
        left:50%;
        margin-left:-45px;
    }
    .swiper3 .swiper-button-next {
        right: 50%;
        margin-right: -45px;
    }
.swiper3s .item{
    padding:10px;
}
.swiper3s .item .img{
    height:180px;
    overflow:hidden;
}
.swiper3s .item .img img{
    width:100%;height:100%;
    object-fit:cover;
    transition:all ease-in-out .3s;
}
.swiper3s .item .txt{
    background:#fff;
    padding:15px;
}
.ab-course{
    padding-bottom:50px;
}
.ab-course:after{
    position:absolute;
    height:50%;
    background:#fafafa;
    content:'';
    left:0;
    right:0;
    bottom:0;
}
.swiper3s .item .txt .time{
    position:relative;
    font-weight:bold;
}
    .swiper3s .item .txt .time:before {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e023";
    }
.swiper3s .item .txt .des{
    color:#999;
    padding-top:15px;
    padding-bottom:15px;
}
.swiper3s .item:hover .img img{
    transform:scale(1.2);

}
.swiper3s .item:hover .txt{
    box-shadow:0 4px 10px rgba(0,0,0,.085);
}

@media(min-width:1200px){
    .swiper1 .item > h2{
        font-size:3.2rem;
    }
    .swiper2 .item {
        font-size: 1.6rem;
        height: 100px;
        line-height: 100px;
    }
    .swiper3s .item .img {
        height: 250px;
    }
    .swiper3s .item .txt{
        padding:45px 50px;
    }
        .swiper3s .item .txt .time{
            font-size:1.6rem;
        }
        .swiper3s .item .txt .des {
            font-size: 1.8rem;
        }
    .swiper3 .swiper-button-prev, .swiper3 .swiper-button-next{
        width:50px;
        height:50px;
    }
    .swiper3 .swiper-button-prev{
        margin-left:-55px;
    }
    .swiper3 .swiper-button-next {
        margin-right: -55px;
    }
}
@media(min-width:1400px){
    .swiper1 .item > h2 {
        font-size: 4.5rem;
    }
    .swiper2 .item {
        font-size: 2rem;
   
    }
    .ab-course{
        padding-bottom:100px;
    }
}

/*ab-technology 科技合作*/
.ab-technology{
    padding-bottom:80px;
}
    .ab-technology .col-xs-6{
        padding:15px;
    }
    .ab-technology .item {
        background: #fff;
        padding: 15px;
        text-align:center;
        transition:all ease-in-out .4s;
    }
    .ab-technology .item .img{
        height:100px;
        overflow:hidden;
    }
    .ab-technology .item .img img{
        height:100%;
        width:100%;
        object-fit:contain;
    }
        .ab-technology .item .txt {
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
    .ab-technology .item:hover{
        box-shadow:0 5px 20px rgba(0,0,0,.085);
    }
        .ab-technology .item:hover .txt{
            color:#0a7cc0;
        }
@media(min-width:992px){
    .ab-technology .item{
        padding:40px 20px;
    }
        .ab-technology .item .txt{
            padding-top:20px;
            font-size:1.4rem;
        }
}
@media(min-width:1200px) {
    .ab-technology .item {
        padding: 40px 20px;
    }

        .ab-technology .item .txt {
            padding-top: 20px;
            font-size: 1.6rem;
        }
}

/*ab-development 科技合作*/

.ab-development{
  
    padding-bottom:20px;
    overflow:hidden;
}
    .ab-development .container {
        padding-top: 20px;
    }

    .ab-development .item {
        box-shadow: 0 0 25px 0 rgba(0,0,0,.15);
        transition: all ease-in-out .3s;
    }
    .ab-development .item+.item{
        margin-top:30px;
    }
    .ab-development .item .img{
        height:180px;
        overflow:hidden;
    }
    .ab-development .item .img img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .ab-development .item .txt{
        padding:20px;
        color:#999;
    }
    .ab-development .item:hover {
        box-shadow: 0 0 15px 0 rgba(0,0,0,.35);
    }

@media(min-width:768px){
    .ab-development {
        padding: 0;
        padding-bottom: 80px;
    }
    .ab-development .item{
        position:relative;
        
        min-height:300px;
        background:#fff;
        
    }
        .ab-development .item>a{
            display:block;
            height:100%;
        }
        .ab-development .item:first-child .txt:before {
            position: absolute;
            content: '01';
            bottom: -.2em;
            right: 0;
            font-size: 10rem;
            font-weight: 900;
            color: rgba(0,0,0,.022);
            display: block;
            line-height: 1;
        }
        .ab-development .item + .item {
            margin-top: 40px;
        }
        .ab-development .item:nth-child(even){
            left:auto;
           
        }
        .ab-development .item:after{
            display:table;
            content:'';
            clear:both;
        }
        .ab-development .item .img {
            width: 50vw;
            position: absolute;
            top: 0;
            bottom: 0;
            height: 100%;
            right: 300px;
        }
        .ab-development .item:nth-child(even) .img {
            left: 300px;
            right: auto;
        }
        .ab-development .item .txt{
            width:300px;
            float:right;
            padding:30px;
            overflow:hidden;position:relative;
            min-height:300px;
            
        }
        .ab-development .item:nth-child(even) .txt {
            float: left;
        }
}
@media(min-width:992px){
    .ab-development .item {
        min-height: 400px;
    }
        .ab-development .item .txt {
            width: 600px;
            padding: 40px;
            line-height: 2;
            min-height: 400px;
        }
        .ab-development .item .img {
            right: 600px;
        }

        .ab-development .item:nth-child(even) .img {
            left: 600px;
        }

}
@media(min-width:1200px) {
    .ab-development .item {
        min-height: 500px;
    }
        .ab-development .item:first-child .txt:before {
            font-size: 20rem;
        }
        .ab-development .item + .item {
            margin-top: 80px;
        }
        .ab-development .item .txt {
            width: 700px;
            padding: 50px;
            line-height: 2;
            min-height: 500px;
            font-size: 1.6rem;
            padding-top:15%;
            padding-bottom:15%;
            padding-left:100px;
            padding-right:80px;
        }

        .ab-development .item .img {
            right: 700px;
        }

        .ab-development .item:nth-child(even) .img {
            left: 700px;
        }
        
}
@media(min-width:1400px) {
    .ab-development .item .txt {
        font-size:1.8rem;
    }
    .ab-development .item + .item {
        margin-top: 100px;
    }
    .ab-development .item:first-child .txt:before{
        font-size:30rem;
    }
}

/*ab-lx 联系方式*/

.ab-lx-map>div:nth-child(1){
    height:300px!important;
    width:100%!important;
}
.ab-lx-li{
    padding-top:30px;
    padding-bottom:30px;
}
    .ab-lx-li .col-xs-4{
        padding:5px;
    }
    .ab-lx-li .item {
        background: #fff;
        padding: 20px;
        height:200px;
    }
    .ab-lx-li .item .iconfont{
        text-align:center;
        font-size:4rem;
        color:#999;
    }
    .ab-lx-li .item .txt{
        padding-top:15px;
        text-align:center;
    }
    .ab-lx-li .item .txt h2{
        font-size:1.6rem;
        font-weight:bold;
        display:block;line-height:1;
    }
        .ab-lx-li .item .txt p {
            font-size: 1rem;
            line-height: 1.4;
            margin-top: 15px;
            color: #999;
            text-wrap: normal;
            word-wrap: break-word;
            word-break: normal;
        }
.ab-lx-map > div:nth-child(1), .ab-lx-map > div:nth-child(1) *{
    box-sizing:content-box;
}
.BMapLabel{
    max-width:none!important;
    border:none!important;
}
.BMap_Marker img{
    max-width:none!important;
}

@media(min-width:768px) {
    .ab-lx-map > div:nth-child(1) {
        height: 400px !important;
        width: 100% !important;
    }
    .ab-lx-li {
        padding-top: 40px;
        padding-bottom: 40px;
    }
        .ab-lx-li .col-xs-4 {
            padding: 15px;
        }
}
@media(min-width:992px) {
    .ab-lx-map > div:nth-child(1) {
        height: 500px !important;
        
    }

    .ab-lx-li {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .ab-lx-li .item{
        height:300px;
    }
        .ab-lx-li .item .iconfont {
            height: 130px;
            line-height: 150px;
            font-size: 6rem;
            color: #e6e6e6
        }
        .ab-lx-li .item .txt h2{
            font-size:2.4rem;
            font-weight:400;
        }
        .ab-lx-li .item .txt p{
            font-size:1.5rem;
            margin-top:25px;
        }
       
}
@media(min-width:1200px){
    .ab-lx-map > div:nth-child(1) {
        height: 650px !important;
    }
    .ab-lx-li .item {
        height: 400px;
    }
        .ab-lx-li .item .iconfont {
            height: 200px;
            line-height: 200px;
            font-size: 8rem;
            color: #e6e6e6
        }
    .ab-lx-li {
        padding-top: 120px;
        padding-bottom: 120px;
    }
        .ab-lx-li .item .txt h2 {
            font-size: 2.6em;
           
        }
        .ab-lx-li .item .txt p {
            font-size: 1.8rem;
            
        }
        .ab-lx-li .row{
            margin:-30px;
        }
        .ab-lx-li .col-xs-4 {
            padding: 30px;
        }
}