body {
    background-image: url('../images/news/back.png');
    width:100%;
    height:2687px;
    margin:0px;
    padding:0px;
}

.headcontent {
    width: 100%;
    width: 1700px;
    margin: 0 auto;
}

.headtop{
    display:flex;
    flex-direction:row;

    height:110px;
    
}

.headtopleft{
    width:40%;
    text-align:left;

}

.headtopright {
    width: 60%;
}

.headtopright a {
    text-decoration: none;
    color: white;
}

.headtopleft img{
    margin-top:34px;
    width:139px;
    height:42px;
}

ul {
    display: flex;
    justify-content: center; /* 水平居中 */
    list-style-type: none;
    color: #FFFFFF;
    font-size: 16px;
    margin:0px;
}

ul li{
    width:100px;
    height:110px;
    line-height:110px;
}

.active {
    color: #7070D5;

}

.active::after {
    position: relative;
    content: '';
    width: 64px;
    height: 2px;
    top: -96px;
    background: #7070D5;
    display: inline-block;
}

.content {
    display: flex;
    flex-direction: row;
    width: 64%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content:space-between;
    align-content:flex-start;
}

.item{
    background-color:#fff;
    width:574px;
    height:600px;
    margin-top:60px;
}

.itemcontent {
    width: 90%;
    margin: 0 auto;
    padding-top: 32px;
}

.itemtop {
    width: 574px;
    height: 300px;
   
}

.itemtop img{
    width:506px;
    height:270px;
}

.fonttitle {
    font-size: 27px;
    color: #3B445C;
    height: 100px;
}

.fontcss {
    font-size: 20px;
    color: #828282;
    width:100%;
    height: 50px;
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;
}


.foot{
    display:flex;
    flex-direction:row;
    padding-top:40px;
}

.footleft {
    width: 50%;
    font-size: 20px;
    color: #828282;
    text-align: left;
    height: 48px;
    line-height:48px;
}

.footright {
    width: 50%;
    text-align: right;
    height: 48px;
}

.footright img {
    width: 160px;
    height: 48px;
}