@media screen and (min-width:200px) and (max-width:1000px)
{
    
 .Blogs li {
    float: left;
    width: 48%;
    margin-right: 4%;
    overflow: hidden;
    height: 9rem;
    margin-bottom: 1.4rem;
}

#content .Blogs li img {
    width: 100%;
    height: 9rem !important;
    height: 9rem;
}

.Blogs li:nth-child(2n) {
    margin-right: 0px;
}

.acotnent img {
    width: 100%;
}

.acotnent {
    padding: 1rem 3%;
}
    
}

@media screen and (min-width:1000px) and (max-width:10000px)
{
    
    .Blogs {
    display: block;
    margin-bottom: 11px;
height:121px;
}
.Blogs li {
    float: left;
    width: 213px;
    margin-right: 12px;
        line-height: 0px;
}
.Blogs li img {
    width: 100%;
}
.Blogs li.nos {
    margin-right: 0px;
}
.Blogs .dn
{
 display:none;   
     
 }
.acotnent {
    width: 700px;
    margin: 0 auto;
    padding: 20px 16px 0 16px;
}

    
}