.about-panel{

    padding-top: 100px;

}

.about-panel .top .left-box{

    width: 11%;

    position: relative;

    /* margin-right: 50px; */

}

.about-panel .top .left-box::before,.about-panel .top .left-box::after{

    content: '';

    position: absolute;

    right: 0;

    top: 6px;

    width: 1px;

}

.about-panel .top .left-box::after{

    height: 36px;

    background: #0058B2;

}

.about-panel .top .left-box::before{

    height: 237px;

    background: #EAEEEF;

}

.about-panel .right-box{

    width: 85%;

}

.about-panel .right-box .desc{

    line-height: 30px;

}

.about-panel .right-box .info{

    margin: 45px 0;

}

.about-panel .right-box .info ul li{

    padding-left: 16px;

    position: relative;

    margin-right: 52px;

}

.about-panel .right-box .info ul li::before,.team .desc h3::before,.culture .hd ul li h3::before{

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 6px;

    height: 6px;

    background: #999999;

    border-radius: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.about-panel .right-box .pic-box img{

    display: block;

    width: 49.8%;

    height: 496px;

}

.about-panel .data-box{

    background: transparent;

    margin-top: 0;

}

.team{

    height: 493px;

    background: #F9FAFA;

}

.team .right-box,.team .container{

    height: 100%;

}

.team .right-box{

    width: 1094px;

}

.team .right-box .right-swiper{

    width: 100%;

    height: 100%;

}

.team .left-box{

    width: 506px;

}

.team .same-title{

    width: 666px;

    height: 137px;

    background: #0058B2;

    margin-left: -160px;

    padding-left: 160px;

    padding-top: 40px;

}

.team .desc h3{

    margin: 85px 0 40px;

    position: relative;

    padding-left: 15px;

}

.team .desc .txt{

    width: 90%;

    line-height: 30px;

}

.team .next, .team .prev{

    bottom: 0;

}

.team .prev{

    right: auto;

    left: 0;

}

.culture{

    padding: 98px 0;

    

    background: #F9FAFA;

}

.culture .top{

    align-items: center;

}

.culture .top .hd{

    width:20%;

}

.culture .top .hd ul{

    width: 100%;

}

.culture .hd ul li h3{

    position: relative;

    padding-left: 18px;

}

.culture .top .hd ul li.on{

    color: #0058B2;

}

.culture .top .hd ul li.on h3::before{

    width: 9px;

    height: 1px;

    background: #0058B2;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

}

.culture .bottom{

    margin-top: 53px;

}

.culture .bottom .bd,.culture .bottom .txt {

    height: 512px;

    width: 50%;

}

.culture .bottom .bd .pic-box{

    width: 100%;

    height: 100%;

}

.culture .bottom .txt ul{

    width: 100%;

}

.culture .bottom .txt ul li{

    height: 157px;

    background: #FFFFFF;

    padding: 49px 12% 45px; 

    margin-bottom: 20px;

}

.culture .bottom .txt ul li h3{

    color: #333;

    font-size: 16px;

    margin-bottom: 24px;

}

.culture .bottom .txt ul li h3::before{

    background: #333;

}

.culture .bottom .txt ul li.active{

    width: 120%;

    color: #fff;

    background: #0058B2;

    margin-left: -16%;

    padding-left: 28%;

    position: relative;

}

.culture .bottom .txt ul li.active h3{

    color: #fff;

}

.culture .bottom .txt ul li.active h3::before{

    background: #fff;

}

.culture .bottom .txt ul li.active::after{

    content: '';

    position: absolute;

    left: 24px;

    top: 50%;

    width: 138px;

    height: 1px;

    background: rgba(255, 255, 255, 0.88);

   

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.ab-bottom{

    height: 460px;

    background: #0058B2;

    /* padding-top: 79px; */

    padding-bottom: 20px;

}

.ab-bottom .bottom-swiper{

    padding-top: 79px;

    padding-bottom: 60px;

    padding-left: 20px;

}

.ab-bottom .swiper-slide{

    height: 280px;

    background: rgba(255, 255, 255, 0.26);

    padding: 0 22px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.ab-bottom .swiper-slide .pic-box{

    height: 280px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.ab-bottom .swiper-slide .name{

    display: none;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border-top: 1px solid #EAEEEF;

}

.ab-bottom .swiper-slide:hover{

    background: #fff;

    height: 330px;

    margin-top: -40px;

}

.ab-bottom .swiper-slide:hover .name{

    display: block;

}

.next, .prev{

    bottom: 45%;

}

.prev{

    right: auto;

    left: 0;

}

.swiper-pagination-bullet-active{

    border-color: #fff;

}

@media (max-width: 1680px){

    .team .left-box{

        width: 40%;

    }

    .team .right-box{

        width: 60%;

    }

}
@media (max-width: 1440px) {
    .about-panel .right-box .pic-box img {
        /* height: auto; */
    }
}

@media (max-width: 1200px){

    .team .same-title{

        width: 600px;

    }

    .about-panel .top .left-box{

        width: 16%;

    }

    .about-panel .right-box{

        width: 80%;

    }

    .about-panel .right-box .info ul{

        flex-wrap: wrap;

    }

    .about-panel .right-box .info ul li{

        margin-bottom: 10px;

    }

    .culture .top .hd{

        width: 30%;

    }

}



@media (max-width: 1000px){

    

    .about-panel .top .left-box{

        width: 20%;

    }

    .about-panel .right-box{

        width: 76%;

    }

    .about-panel .right-box .pic-box img{

        height: 200px;

    }

    .culture .top .hd{

        width: 40%;

    }

    .ab-bottom .swiper-slide .pic-box img{

        display: block;

        width: 90%;

        margin: 0 auto;

    }

}

@media (max-width: 750px){

    .about-panel{

        padding-top: 30px;

    }

    .about-panel .top,.team .right-box, .team .container,.culture .top{

        flex-wrap: wrap;

    }

    .about-panel .top .left-box,.culture .top .hd,.team .left-box,.team .right-box,.team .same-title{

        width: 100%;

    }

    .about-panel .right-box{

        width: 100%;

        margin-top: 20px;

    }

    .about-panel .top .left-box::after,.about-panel .top .left-box::before{

        display: none;

    }

    .about-panel .right-box .desc{

        line-height: 2;

    }

    .about-panel .right-box .info{

        margin: 15px 0;

    }

    .about-panel .right-box .pic-box img{

        height: 150px;

    }

    .team{

        height: auto;

    }

    .team .same-title{

        height: 80px;

        background: #0058B2;

        margin-left:-5%;

        padding-left: 15px;

        padding-top: 20px;

    }

    .team .desc h3{

        margin: 20px 0 ;

    }

    .team .desc .txt{

        width: 90%;

        line-height: 2;

    }

    .team .right-box{

        margin-top: 20px;

    }

    .culture{

        padding: 30px 0;

    }

    .culture .top .hd{

        margin-top: 20px;

    }

    .culture .bottom{

        margin-top: 23px;

    }

    .culture .bottom .bd, .culture .bottom .txt{

        height: 307px;

    }

    .culture .bottom .txt ul li.active{

        width: 140%;

        margin-left: -42%;

        padding-top: 18px;

    }

    .culture .bottom .txt ul li{

        height: 96px;

        padding: 10px ;

        margin-bottom: 10px;

    }

    .culture .bottom .txt ul li h3{

        font-size: 14px;

        margin-bottom: 10px;

    }

    .culture .bottom .txt ul li p{

        font-size: 12px;

    }

    .culture .bottom .txt ul li.active::after{

        display: none;

    }

    .ab-bottom .swiper-slide .pic-box img{

        width: auto;

    }

}