.news-list {

    margin: 0 -10px -30px;

}

.news-list .item {

    width: 25%;

    padding: 0 10px;

}

.news-list .item a {

    max-width: 247px;

    margin: 0 auto 50px;

    position: relative;

}

.news-list a:hover .pic {

    opacity: .6;

}

.news-list .title {

    color: #1C88D0;

    font-size: 16px;
	font-weight:600;

    line-height: 22px;

    margin-bottom: 2px;

    overflow: hidden;

    height: 45px;

}

.news-list .date {

    display: inline-block;

    color: #9C9C9C;

    font-size: 14px;

    margin: 8px 0 5px;

}

.news-list .description {

    line-height: 1.4;
    font-size: 14px;
    overflow: hidden;

    height: 36px;
	color: #999;

}



.news-header {

    border-left: 3px solid #4096EC;

    padding-left: 14px;

    line-height: 1.2;

    margin-bottom: 40px;

}

.news-header .date {

    display: block;

    color: #9C9C9C;

    font-size: 14px;

    margin-bottom: 6px;

}

.news-header .title {

    color: #1C88D0;

    font-size: 18px;
    line-height: 24px;
    font-weight: bold;

}



@media screen and (max-width: 1240px) {

    .news-list .item {

        width: 33.33%;

    }

}

@media screen and (max-width: 700px) {

    .news-list .item {

        width: 50%;

    }

}

@media screen and (max-width: 400px) {

    .news-list .item {

        width: auto;

        float: none;

    }

    .news-list .pic {

        height: auto;

    }

}