.mian-arc{
	width: 900px;
    height: 350px;
    overflow: hidden;
}

.mian-arc .mian-arc-lt{
	width:530px;
	height:350px;
	float:left;
}

.mian-arc .mian-arc-rt{
	width:362px;
	height:350px;
	float:right;
}

.mian-arc .mian-arc-lt .item{
	position:relative;
	width:530px;
	height:350px;
    overflow: hidden;
}

.mian-arc .mian-arc-lt .item img{
/*	width:100%;
	height:100%;*/
}

.mian-arc .mian-arc-lt .item .thumbnail,.mian-arc .mian-arc-rt .item .thumbnail{
    width:100%;
    height:100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mian-arc .mian-arc-lt .item p{
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
    height: 34px;
    line-height: 34px;
    background: #000;
    opacity: 0.7;
    filter:Alpha(opacity=70);
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.mian-arc .mian-arc-rt .item{
    position: relative;
    width: 171px;
    height: 113px;
    float: left;
    margin-left: 10px;
    margin-bottom: 5px;
}


.mian-arc .mian-arc-rt .item p{
	position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
    height: 34px;
    line-height: 34px;
    background: rgba(0, 0, 0, 0.61);
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.articleList{
	margin-top: 35px;
    width: 900px;
    min-height: 600px;
    background: #fff;
	padding: 20px 0px 20px 20px;
    overflow: hidden;
    box-sizing: border-box;
}

.articleList .a-item{
	width: 204px;
    height: 157px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.articleList .a-item .thumbnail{
	width:204px;
	height:137px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.articleList .a-item .title{
    color: #333333;
    font-size: 14px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}