
.lm_name{font-size: 48px;font-weight: bold;margin: 4.6% auto 4.6%; }
.lm_name span{color:#1d21a9;}

.tp_lm_sec{
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content:space-between;
    flex-wrap:  wrap;
    align-items:  center ;
}
.tp_lm_sec .tp_item{width: 31%;margin-bottom: 3.6%;
    border: 1px solid #e5e5e5;background: #fff;padding: 3%;
}
.tp_lm_sec .tp_item .img_box{position: relative;
    width: 100%;margin-bottom: 6.9%;
}
.tp_lm_sec .tp_item .img_box img{position: absolute;top:0;left: 0;
    width: 100%;height: 100%;
}
.tp_lm_sec .tp_item .img_box:before{
    content: "";
    display: inline-block;
    padding-bottom:70%;
    width: 1px;
    vertical-align: middle;
}
.tp_lm_sec .tp_item  p{font-size: 24px;line-height: 32px;height:64px;
    color:#000000;margin-bottom:10% ;font-weight: bold;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.tp_lm_sec .tp_item a.xq{display: block;
    width: 46%;
}
.tp_lm_sec .tp_item a.xq img{width: 100%;height: 100%;}

.tp_lm_sec .tp_item:hover {background: #0d56c7;
    border: 1px solid #0d56c7;border-bottom-right-radius: 10%;
}
.tp_lm_sec .tp_item:hover p{color:#fff;}

.get_more{display: block;width: 20%;margin:1.2% auto 8.2%;cursor: pointer;}
.get_more img{width: 100%;height: auto;}
.footer_line{height: 1px;background: #bfbfbf;}
@media screen and (max-width:1600px) {
    .lm_name{font-size: 42px; }

    .tp_lm_sec .tp_item  p{
        font-size: 22px;line-height: 30px;height:60px;
    }
}
@media screen and (max-width:1400px) {
    .lm_name{font-size: 34px; }
    .tp_lm_sec .tp_item  p{
        font-size: 20px;
    }
}


@media screen and (max-width:480px) {
    .lm_name{font-size: 26px; }
    .tp_lm_sec .tp_item{width:48%;margin-bottom: 3.6%;
    }
    .tp_lm_sec .tp_item p {
        font-size: 17px;
        line-height: 26px;
        height: 52px;
    }
    .tp_lm_sec .tp_item a.xq{width: 80%}
    .get_more{width:50%;margin-top: 5%}
}
@media screen and (max-width:380px) {
    .tp_lm_sec .tp_item p {
        font-size: 16px;
        line-height:24px;
        height: 48px;
    }
}
@media screen and (max-width:340px) {

    .lm_name{font-size: 22px; }
    .tp_lm_sec .tp_item p {
        font-size: 14px;
        line-height:22px;
        height: 44px;
    }
}