@media screen and (max-width: 768px) {
    .panel-heading{border-bottom: 1px solid #e2e2e2;height: 40px; line-height: 40px; margin-top: 40px;}
    .listtitle{height: 40px; line-height: 40px;}
    .more_right li{display: inline-block;}
    .more_right li a{padding: 0px 5px 0px 5px;}
    .leftcontent{border: 1px solid #e2e2e2;padding: 10px;}
    .rightcontent{border: 1px solid #e2e2e2;padding: 10px;}
    .listtitle_left {font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 22px;font-weight: 600;}
    .righttitle{height: 40px; line-height: 40px; margin-bottom: 0;font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 22px;font-weight: 600;}
    .article-list{padding: 0; background: #fff;}
    .article-list .article-item {
        padding: 20px 0;
        border-bottom: 1px solid #e2e2e2; min-height: 160px;
    }
    .listimgsm{width: 100%;}
    .listimgsm img{width: 100%;}
    
    .article-list .media {
        color: #585858;
        font-family: heebo-sans,Helvetica,Arial,sans-serif; 
    }
    
    .media:first-child {
        margin-top: 0;
    }
    .media, .media-body {
        zoom: 1;
        overflow: hidden;
    }
    .article-list .media .media-left {
        overflow: hidden;
        padding: 0;
    }
    
    .media-left, .media-right, .media-body {
        display: table-cell;
        vertical-align: top;
    }
    .article-list .media .media-left a {
        display: block;
        width: 180px;
    }
    .listimg img {
        position: absolute;
        object-fit: cover;
        width: 180px;
        /* height: 160px; */
        border-radius: 3px;
        transition: all 0.3s;
    }
    
    .listimg img:hover {
        transform: scale(1.05);
        
    }
    .tags {
        /* display: inline-block; */
        padding: 4px 11px;
        height: 24px;
        line-height: 24px;
        font-weight: 400;
        font-size: 13px;
        text-align: center;
        color: #ffffff!important;
        background: #f66a0a;
        margin-right: 3px;
        border-radius: 6px;
        font-size: 16px;
    }

    .article-title{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px;font-weight: 600;}
    .article-title a:hover{color: #035b7d;}
    .article-tag{font-size: 14px; line-height: 30px;height: 30px;}
    .btn-loadmore {border:2px solid #035b7d;border-radius: 3px;font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px;font-weight: 600;color: #035b7d;padding: 10px 20px 10px 20px;}
    .btn-loadmore:hover{color: #007bff;border:2px solid #007bff;}
    .loadmore-tips{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px;font-weight: 600;color: #035b7d;}
    .highlight{color: #f66a0a;}
}
@media screen and (min-width: 768px) and (max-width:922px) {
    .panel-heading{border-bottom: 1px solid #e2e2e2;height: 40px; line-height: 40px; margin-top: 40px;}
    .listtitle{height: 40px; line-height: 40px;}
    .more_right li{display: inline-block;}
    .more_right li a{padding: 0px 5px 0px 5px;}
    .leftcontent{border: 1px solid #e2e2e2;padding: 10px;}
    .rightcontent{border: 1px solid #e2e2e2;padding: 10px;}
    .listtitle_left {font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 22px;font-weight: 600;}
    .righttitle{height: 40px; line-height: 40px; margin-bottom: 0;font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 22px;font-weight: 600;}
    .article-list{padding: 0; background: #fff;}
    .article-list .article-item {
        padding: 20px 0;
        border-bottom: 1px solid #e2e2e2;
    }
    .article-list .media {
        color: #585858;
        font-family: heebo-sans,Helvetica,Arial,sans-serif; 
    }
    
    .media:first-child {
        margin-top: 0;
    }
    .media, .media-body {
        zoom: 1;
        overflow: hidden;
    }
    .article-list .media .media-left {
        overflow: hidden;
        padding: 0;
    }
    
    .media-left, .media-right, .media-body {
        display: table-cell;
        vertical-align: top;
    }
    .article-list .media .media-left a {
        display: block;
        width: 180px;
    }
    .listimg img {
        position: absolute;
        object-fit: cover;
        width: 180px;
        /* height: 160px; */
        border-radius: 3px;
        transition: all 0.3s;
    }
    
    .listimg img:hover {
        transform: scale(1.05);
        
    }
    .tags {
        /* display: inline-block; */
        padding: 4px 11px;
        height: 24px;
        line-height: 24px;
        font-weight: 400;
        font-size: 13px;
        text-align: center;
        color: #ffffff!important;
        background: #f66a0a;
        margin-right: 3px;
        border-radius: 6px;
        font-size: 16px;
    }

    .article-title{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px;font-weight: 600;}
    .article-title a:hover{color: #035b7d;}
    .article-tag{font-size: 14px; line-height: 30px;height: 30px;}
    .btn-loadmore {border:2px solid #035b7d;border-radius: 3px;font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px;font-weight: 600;color: #035b7d;padding: 10px 20px 10px 20px;}
    .btn-loadmore:hover{color: #007bff;border:2px solid #007bff;}
    .loadmore-tips{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px;font-weight: 600;color: #035b7d;}
    .highlight{color: #f66a0a;}
}

@media screen and (min-width: 922px) {
    .panel-heading{border-bottom: 1px solid #e2e2e2;height: 40px; line-height: 40px; margin-top: 40px;}
    .listtitle{height: 40px; line-height: 40px;}
    .more_right li{display: inline-block;}
    .more_right li a{padding: 0px 5px 0px 5px;}
    .leftcontent{border: 1px solid #e2e2e2;padding: 10px;}
    .rightcontent{border: 1px solid #e2e2e2;padding: 10px;}
    .listtitle_left {font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 22px;font-weight: 600;}
    .righttitle{height: 40px; line-height: 40px; margin-bottom: 0;font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 22px;font-weight: 600;}
    .article-list{padding: 0; background: #fff;}
    .article-list .article-item {
        padding: 20px 0;
        border-bottom: 1px solid #e2e2e2; min-height: 160px;
    }
    .article-list .media {
        color: #585858;
        font-family: heebo-sans,Helvetica,Arial,sans-serif; 
    }
    
    .media:first-child {
        margin-top: 0;
    }
    .media, .media-body {
        zoom: 1;
        overflow: hidden;
    }
    .article-list .media .media-left {
        overflow: hidden;
        padding: 0;
    }
    
    .media-left, .media-right, .media-body {
        display: table-cell;
        vertical-align: top;
    }
    .article-list .media .media-left a {
        display: block;
        width: 180px;
    }
    .listimg img {
        position: absolute;
        object-fit: cover;
        width: 180px;
        /* height: 160px; */
        border-radius: 3px;
        transition: all 0.3s;
    }
    
    .listimg img:hover {
        transform: scale(1.05);
        
    }
    .tags {
        /* display: inline-block; */
        padding: 4px 11px;
        height: 24px;
        line-height: 24px;
        font-weight: 400;
        font-size: 13px;
        text-align: center;
        color: #ffffff!important;
        background: #f66a0a;
        margin-right: 3px;
        border-radius: 6px;
        font-size: 16px;
    }

    .article-title{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px;font-weight: 600;}
    .article-title a:hover{color: #035b7d;}
    .article-tag{font-size: 14px; line-height: 30px;height: 30px;}
    .btn-loadmore {border:2px solid #035b7d;border-radius: 3px;font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px;font-weight: 600;color: #035b7d;padding: 10px 20px 10px 20px;}
    .btn-loadmore:hover{color: #007bff;border:2px solid #007bff;}
    .loadmore-tips{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px;font-weight: 600;color: #035b7d;}
    .rightnewstitle{padding: 10px 0px 4px 0px;}
    .rightnewstitle a{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.5;font-weight: 600; }
    .rightnewsspan{ margin-bottom: 20px; border-bottom: 1px dotted #e2e2e2; padding-bottom: 15px;}
    .highlight{color: #f66a0a;}
}