/**×é¼þÑùʽ*/
.xsjg .nav-child{width: 320px;margin-left: -160px;}
.xsjg .nav-child li{float:left;width:50%;}

@media (max-width: 1024px){
.xsjg .nav-child li{float:none;width:100%;}
}
 .wxws{    margin: 50px 0;}
    #personage { max-width: 100%;
        position: relative;
        margin: auto;
        z-index: 1;}

    #personage .swiper-slide {
        width: 33%;}

    #personage .swiper-slide a {
        width: 100%;}

    #personage .swiper-slide .image {
        width: 100%;
        height: 0px;
        padding-top: 50%;
        background-size: cover;
        background-position: center;}

    #personage .swiper-slide .text {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 60px;
        padding: 10px;
        background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
        background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
        background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
        text-align: center;}

    #personage .swiper-slide .text p {
        float: left;
        color: #FFF;
        padding-top: 15px;
        font-size: 16px;
        width: calc(100% - 100px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold;}

    #personage .swiper-slide .text span {
        float: right;
        color: #FFF;
        padding-top: 17px;}


    #personage .swiper-pagination {
        margin: 20px auto;
        left: 0;
        right: 0;
        text-align: center;}

    #personage .swiper-pagination span {
        margin: 0 5px;
        padding: 5px;
        border: #2b42bd 2px solid;}

    #personage .swiper-pagination span.swiper-pagination-bullet-active {
        background: #2b42bd !important
    ;}
.dbbanq .ctbx {
    display: flex;
    align-items: center;
    justify-content: center;}
.dbbanq .ctbx .sydw {
    margin-right: 20px;}