.List{
    width: 1200px;
    background: #fff;
    padding: 15px;
    margin:0 auto 40px auto;
    box-sizing: border-box;
}
.List>.top{
    font-size: 0px;
}
.List>.top>.banners .banner-imgs{
    width: 470px;
    height: 300px;
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 3px;
}



.newsList{
    font-size: 0px;
    width: 680px;
}
.List>.top>.banners{
    margin-right: 15px;
    width: 470px;
    height: 300px;
}
.List>.top>.banners,
.List>.top>.newsList{
    display: inline-block;
    vertical-align: top;
}

.newsList>.lines,
.newsList>.line{
    display: inline-block;
}
.newsList>.line{
font-size: 14px;

}
.line>.titleContent {
    font-size: 16px;
    /*padding: 0 0 12px 0;*/
}
.line>.titleContent {
    display: block;
    color: #1a1a1a;
    width: 100%;
}
.line>.titleContent>.times {
    width: 100px;
    text-align: right;
    color: #5c5c5c;
}
.newsList>.contents{
    border-bottom: 1px dashed #d5d5d5;
    padding: 10px 0;
    width: 680px;
}
.newsList>.contents:last-child{
    border-bottom: none;
}

.indexTitle {
    font-size: 18px;
    color: #1a1a1a;

}
.newsList .left,
.newsList .right{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
.newsList .right{

}
.newsList .left{
    width: 90px;
    height: 65px;
    background-size: cover;
    background-position: center;
    margin-right: 10px;
    border-radius: 3px;
}
.lines>.right>.titleContent{
    width: 600px;
    color: #1a1a1a;
    font-size: 16px;
    /*padding-bottom: 15px;*/
    display: inline-block;
}
.lines>.right>.titleContent>.title{

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 490px;

}
.lines>.right>.titleContent>.title,
.lines>.right>.titleContent>.times{
    display: inline-block;
    vertical-align: middle;
}
.lines>.right>.titleContent>.times{
    width: 100px;
    text-align: right;
    color: #5c5c5c;
}
.line>.inofs,
.lines>.right>.inofs{
    display: block;

  /*  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    color: #5c5c5c;
    font-size: 14px;
    width: 600px;
    margin-top: 5px;
}
.line>.inofs{

    width: 100%;

}
.line>.titleContent>.times,
.line>.titleContent>.title{
    display: inline-block;
    vertical-align: middle;
}
.line>.titleContent>.title {
    width: 590px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsList>.contents.tops {
    border-bottom: none;
    background: #f5f5f5;
    /*margin-bottom: 20px;*/
    margin-bottom: 13px;
    padding:12px;
    box-sizing: border-box;
}
.newsList>.contents.tops .titleContent,
.newsList>.contents.tops .inofs{
    width: 550px;
}
.newsList>.contents.tops  .titleContent>.title{
    width: 440px;
}
.newsList>.line.tops  .titleContent>.title{
    width: 540px;
}
.newsList>.line.tops .titleContent,
.newsList>.line.tops .inofs{
    width: 670px;
}
.otherContent{
    margin: -5px 0 35px 0;
}
.otherContent>.newsList>.contents{
    width: 1170px;
}
.otherContent .lines>.right>.titleContent{
    width: 1065px;
}

.otherContent .lines>.right .title{
    width: 700px;
}
.otherContent .lines>.right .times{
    width: 360px;
    text-align: right;
    /*padding-right: 20px;*/
    box-sizing: border-box;

}
.otherContent .lines .inofs{
    width: 1000px;
}
.otherContent  .line>.titleContent>.title{
    width: 790px;
}
.otherContent  .line>.titleContent>.times{
    width: 370px;
    text-align: right;
    color: #5c5c5c;
}