.content{        background-color: #f6f6f6;padding: 150px 0 100px;width: 100%;overflow: hidden;}
.content .container{    width: 1520px;    max-width: 95%;    margin: 0 auto;}
.top{display: flex;}
.top>.left{width: 50%;overflow: hidden;height: 523px;}
.top>.left a .tit {max-height: 64px;    position: absolute;    bottom: 0;    width: 100%;    background: rgba(0, 0, 0, 0.5);    padding: 20px;    color: #ffffff;    font-size: 18px;    line-height: normal;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/     white-space: nowrap;}
.top>.left .imgbox{height: 523px;}
.top>.left .imgbox img{height: 100%;width: 100%;object-fit: cover;}

.top>.right{width: 50%;padding-left: 40px;}
.top>.right .li{display: flex;     overflow: hidden;   margin-bottom: 15px;        background-color: #ffffff;}
.top>.right .li>.left{ flex-shrink: 0;   text-align: center;     min-height: 120px;   background-color: #e9e9e9;padding-top: 30px;       width: 106px;}
.top>.right .li>.left .date{        color: #333333;        font-size: 22px;    line-height: 25px;}
.top>.right .li>.left .year{    line-height: 25px;        color: #b7b7b7;        font-size: 28px;        padding-top: 11px;}
.top>.right .li>.right{padding:0 30px;flex: 1;overflow: hidden;}
.top>.right .li>.right .tit{     text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/     white-space: nowrap;      color: #333333;        font-size: 18px;    line-height: 25px;     padding-top: 24px;   width: 80%;  max-height: 49px;}
.top>.right .li:hover>.right .tit{color:#b63239;}
.top>.right .li>.right .con{       line-height: 25px;    font-size: 14px;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;     color: #7b7676;}

.list{margin-top: 40px;  width: 100%;  display: flex;    flex-direction: column; overflow: hidden;}
.list.news_list{margin: 0;}
.list .li{ overflow: hidden;   display: flex;    margin-bottom: 25px;         background-color: #ffffff;}
.list .li .left{width: 136px; flex-shrink: 0;    height: 120px;        padding-top: 30px;  text-align: center;    background-color: #e9e9e9;}
.list .li .left .date{        color: #333333;        font-size: 22px;line-height: 25px;}
.list .li .left .year{        color: #b7b7b7;        padding-top: 11px;    line-height: 25px;        font-size: 28px;}
.list .li .right{ flex: 1;padding: 20px 40px 0;overflow: hidden;}
.list .li .right .tit{ margin-bottom: 10px;   line-height: 25px;        color: #333333;        font-size: 18px;}
.list .li:hover .right .tit{        color: #b63239;}
.list .li .right .con{        color: #7b7676;    line-height: 25px;    font-size: 14px;display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; }
@media (min-width: 1024px) {
.list .li .right .tit{text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/     white-space: nowrap;}
}
@media only screen and (max-width: 1023px) {
.content{    padding: 82px 20px 50px;}
.content .container{max-width: 100%;}
.top{    flex-wrap: wrap;}
.top>.left{width: 100%;height: auto;}
.top>.left .imgbox{height: 250px;}
.top>.left a .tit{padding: 15px 20px;        font-size: 15px;        line-height: 20px;}
.top>.right{display: none;}

.list{margin-top:5px;}
.list .li{padding: 10px 0 30px;border-bottom: 1px dashed #b7b7b7;background-color:transparent;margin-bottom:0px;}
.list .li .left{width: 60px;height: 60px;padding-top:10px; text-align: left;padding-left: 10px;}
.list .li .left .date{    line-height: 15px;    font-size: 14px;    color: #666;}
.list .li .left .year {    line-height: 25px;    font-size: 14px;    color: #666; padding-top:0;}
.list .li .right{padding:0 0 0 0;}
.list .li .right .tit{  left: 11%;  line-height: 18px;    font-size: 12px;    width: 82.5%; margin-bottom: 0;display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
.list .li .right .con{  left: 11%;  width: 82.5%;    color: #8a8a8a;    font-size: 10.8px;    line-height: 16px;}
.fy{margin-top: 20px;}
}