.lslogo{}
.bslogo{    display: none;}
@media (max-width: 1024px){
.bslogo{       display: block;}
.lslogo{ display: none;}
}
 .tpp-list ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.16rem;}

    .tpp-list ul li {
        width: 25%;
        transition: all .6s;}

    .tpp-list ul li a {
        display: block;
        margin: 0 .16rem;
        
        transition: all .6s;}

    .homeb .zoomImg.mask:after {
        display: none;}

    .homeb .zoomImg {
        background: transparent;}

    .tpp-list ul li a .img {
        height: 2.6rem;}

    .tpp-list ul li a .txt {
        padding: .3rem .25rem;
        background: #fff;
        box-shadow: 0 0 10px #dbd6d6;
        transition: all .6s;}

    .tpp-list ul li a .txt span {
        font-size: .16rem;
        color: #0848A7;
        transition: all .6s;}

    .tpp-list ul li a h2 {
        margin: .15rem 0;
        font-size: 0.18rem;
        font-weight: bold;
        line-height: 0.3rem;
        color: #282828;
        height: .6rem;}
.tpp-list ul li a  .xx{margin:.1rem 0 .2rem; border-top:1px dashed #e0e0e0;}
.tpp-list ul li:hover a  .xx{border-top:1px solid #fff;}
    .tpp-list ul li a p {
        font-size: 0.14rem;
        font-weight: normal;
        line-height: 0.24rem;
        color: #999999;
        height: .48rem;
        transition: all .6s;}

    .tpp-list ul li a .more {
        text-align: right;
        margin-top: 0.15rem;
        transition: all .6s;}

    .tpp-list ul li a .more i {
        display: inline-block;
        width: .32rem;
        height: .32rem;
        background: url(images/tp_more.png) no-repeat center center/.32rem auto;}

    .tpp-list ul li:hover a {
        box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);}

    .tpp-list ul li:hover a .txt {
        background: url(images/tp-txtbg.jpg) no-repeat center center/100% 100%;}

    .tpp-list ul li:hover a .txt span {
        color: #fff;}

    .tpp-list ul li:hover a h2 {
        font-weight: bold;
        color: #fff;}

    .tpp-list ul li:hover a p {
        color: rgba(255, 255, 255, .8)
    ;}

    .tpp-list ul li:hover a .more i {
        background: url(images/tp_more_other.png) no-repeat center center/.29rem auto;}

    @media (max-width: 1000px) {
        .tpp-list ul li {
            width: 50%;
            margin-bottom: .1rem;}



        .tpp-list ul {
            margin: 0 -.05rem;}

        .tpp-list ul li a {
            margin: 0 .05rem;}
    }

    @media (max-width: 700px) {
        .tpp-list ul li {
            width: 100%;}


        .tpp-list ul li a .txt {
            padding: .15rem;}

        .tpp-list ul li a h2 {
            margin: .1rem 0;}

        .tpp-list ul li a .more {
            margin-top: .05rem;}
    }