#container{
    width: 100%;
    padding: 50px  0;
}

.title{
    font-size: 30px;
    line-height: 42px;
    color: #393836;
    font-weight: 400;
}

.left{
    width: 74%;
    float: left;
}

.news-list{
    width: 100%;
    margin-top: 15px;
}

.news-list li{
    display: inline-block;
    width: 30.5%;
    height: 380px;
    border: 1px solid #eee;
    margin: 0 15px 30px 0;
    background-color: #fdfdfd;
    padding-bottom: 10px;
    position: relative;
}
.news-list li a>img{
    display: block;
    width: 100%;
}
.news-list li .date{
    color: #7a7f7e;
    font-size: 15px;
    margin-top: 15px;
    padding: 0 15px;
}
.news-list li .name{
    line-height: 28px;
    height: 56px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 15px;
}
.news-list li .name a{
    color: #333;
    font-size: 18px;
}
.news-list li p{
    height: 66px;
    padding: 15px;
    font-size: 13px;
    line-height: 24px;
    color: #7a7f7e;
    overflow: hidden;
}

.news-time{
    padding: 10px 0;
    display: flex;
    border-bottom: 2px solid rgba(0,0,0,.06);
}
.news-time p{
    padding: 0 20px;
    color: #b9b9b9;
    font-size: 14px;
    border-right: 1px solid #b9b9b9;
}

.main-text{
    padding: 20px 0;
    color: #333333;
    font-size: 16px;
}
.main-text p{
    text-indent: 2em;
    font-size: 16px;
    line-height: 25px;
}
.main-text img {
    max-width: 95% !important;
    width: expression(this.width>95%?"95%":auto);
    height: auto !important;
}
.right{
    width: 22%;
    float: right;
    margin-top: 55px;
}
.right .hot-tag , .right .hot-news{
    padding: 20px;
    font-size: 20px;
    color: #272e3a;
    font-weight: 100;
    border: 1px solid #eee;
    margin-bottom: 30px;
}
.hot-tag h3 , .hot-news h3{
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 100;
}
.hot-tag span a{
    color: #666;
    font-size: 16px;
    line-height: 30px;
    margin-right: 8px;
}
.hot-tag span a:hover{
    text-decoration: underline;
    color: #288de0;
}

.hot-news p{
    margin: 5px auto;
}
.hot-news p .nowNum{
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    color: #f64747;
    font-family: "Georgia";
    margin-right: 10px;
}
.hot-news p a{
    color: #404040;
    font-size: 14px;
}
.hot-news p a:hover{
    color: #ff0000;
}


.blog-list {
    width: 100%;
    margin-top: 15px;
}

    .blog-list li {
        display: inline-block;
        width: 23%;
        height: 300px;
        border: 1px solid #eee;
        margin: 0 15px 30px 0;
        background-color: #fdfdfd;
        padding-bottom: 10px;
        position: relative;
    }

        .blog-list li a > img {
            display: block;
            width: 100%;
        }

        .blog-list li .date {
            color: #7a7f7e;
            font-size: 15px;
            margin-top: 15px;
            padding: 0 15px;
        }

        .blog-list li .name {
            line-height: 28px;
            height: 56px;
            margin-top: 5px;
            overflow: hidden;
            padding: 0 15px;
        }

            .blog-list li .name a {
                color: #333;
                font-size: 18px;
            }

        .blog-list li p {
            height: 66px;
            padding: 15px;
            font-size: 13px;
            line-height: 24px;
            color: #7a7f7e;
            overflow: hidden;
        }

.blog-time {
    padding: 10px 0;
    display: flex;
    border-bottom: 2px solid rgba(0,0,0,.06);
}

    .blog-time p {
        padding: 0 20px;
        color: #b9b9b9;
        font-size: 14px;
        border-right: 1px solid #b9b9b9;
    }