/**组件样式**/
.s3r-top a {    margin-bottom: 15px;
    display: block;
    overflow: hidden;}

.s3r-top .tpp {
    float: left;
    width: 240px;}

.s3r-top .tpp .pic {position: relative;    overflow: hidden;
    padding-top: 63%;}

.s3r-top .text {
    overflow: hidden;
    padding-left: 25px;}

.s3r-top .text h2 {
    line-height: 30px;
    font-size: 18px;
    color: #111;
    height: 60px;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 20px;}

.s3r-top .text p {
    line-height: 20px;
    font-size: 14px;
    color: #919191;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;}
.pic img {
    object-position: bottom;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    position: absolute;
    object-fit: cover;}
.s3r-top a:hover img{
    transform: scale(1.05);}
.s3r-top a:hover h2{font-weight: bold;
    color: #3380ce;}
        .fl {
        float: left;}

    .fr {
        float: right;}

    .w48 {
        width: 49%;}

    .clear {
        clear: both;}
        
        @media screen and (max-width: 1024px) {
    .w48 {
        width: 100%;}
          .fl {
        float: none;}

    .fr {
        float: none;}
        .s3r-top .tpp {
    float: none;
    width: 100%;}.s3r-top .text {
    overflow: hidden;
    padding-left: 0;}
.s3r-top .text h2 {
    margin-bottom: 10px;
    margin-top: 10px;}
}
 .imgBox {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: 5px;}
    .imgBox .img {
           padding-bottom: 120%;
        transition: .5s;
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        background: #eee
    ;}

    .imgBox img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: .5s
    ;}

    .homeg {    padding: 0 10px;
        position: relative;}

  
 

.swiBtn a {
    width: 55px;
    height: 55px;
    z-index: 99999999;
    border-radius: 50%;
    border: 1px solid #0c3173;
    transition: all .3s;
    display: block;
    position: absolute;
    top: 40%;}

    .swiBtn a.prev {
          left: -5%;
    background: #d9d9d9 url(image/ba-left.png) no-repeat center center;
    background-size: 100%;}

    .swiBtn a.next {
           right:-5%;
    background: #d9d9d9 url(image/ba-right.png) no-repeat center center;
    background-size: 100%;}
    
    
     .swiBtn a.prev:hover{    background-color: #0c3173;}
       .swiBtn a.next:hover{    background-color: #0c3173;}
.imgBox:hover .people-detail {
    background: rgba(0, 0, 0, 0.60);
    height: 317px;}
.imgBox:hover .people-show {
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
    line-height: 21px;
    overflow: hidden;
    transform: translateY(0);}
@media screen and (max-width: 1024px) {
 .swiBtn a.next {
    right: 0;}
.swiBtn a.prev {
    left: 0;}
.people-detail {

    width: 100%;}.imgBox:hover .people-detail {
    height: 100%;}
}