.list-main{
		    display: flex;
		    width: 100%;
		    overflow: hidden;
		    padding: 30px 0;
		    justify-content: space-between;
		}
.navbar{
			display: flex;
                       font-size: 12px;
padding:20px 0;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #7B7B7B;
		}
		.navbar a{
			font-size: 12px;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #7B7B7B;
		}
		.list-left{
		    flex: 1;
		    background: #FFFFFF;
		    box-shadow: 0px 0px 13px 0px rgba(24,24,24,0.05);
		}
		.notice-list {
		    padding: 20px;
		}
		.notice-list li {
		    display: flex;
		    width: 100%;
		    overflow: hidden;
		    align-items: center;
		    padding: 10px 0;
		    cursor: pointer;
		
		}
		.notice-list li b {
		    width: 8px;
		    height: 8px;
		    background: #cd4f40;
		    margin-right: 14px;
		    border-radius: 10px;
		    overflow: hidden;
		}
		.notice-list li a {
		    flex: 1;
		    overflow: hidden;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		      -ms-text-overflow: ellipsis;
		      -o-text-overflow: ellipsis;
		      -webkit-text-overflow: ellipsis;
		    font-size: 17px;
		    color: #333333;
		}
		.notice-list li:hover a{
		    color:#b32418 ;
		    text-decoration: underline;
		}
		.notice-list li strong {
		    font-size: 14px;
		    font-weight: 400;
		    color: #959595;
		}
		.page-pagination{
		    padding: 0 0 30px;
		    text-align: center;
		}
		.list-right{
		    width: 310px;
		    position: relative;
		    margin-left: 40px;
		}
		.bannerlist{
		    width: 100%;
		    height: 315px;
		}
		.bannerlist img{
		    width: 100%;
		    height: 225px;
		    object-fit: cover;
		}
		.bannerlist p{
		    background: #BB0200;
		    padding: 10px;
		    font-size: 16px;
		    font-weight: bold;
		    color: #FFFFFF;
		    text-overflow: -o-ellipsis-lastline;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 3;
		    -webkit-box-orient: vertical;
		}
		.morebanner{
		    position: absolute;
		    top: 14px;
		    right: 14px;
		    z-index: 2;
		    width: 74px;
		    height: 27px;
		    background: #A0151D;
		    border-radius: 14px;
		    cursor: pointer;
		    text-align: center;
		    line-height: 27px;
		    color: #fff;
		    font-size: 14px;
		    font-weight: 300;
		}
		
		
		.videolist {
		    display: flex;
		    flex-wrap: wrap;
		}
		.videolist li {
		    width:32%;
		    height: 235px;
		    overflow: hidden;
		    position: relative;
		    margin-right: 2%;
		    cursor: pointer;
		    margin-bottom: 25px;
		}
		.videolist li i{
		    position: absolute;
		    top: 40%;
		    left: 44%;
		    color: #fff;
		    font-size: 50px;
		}
		.videolist li:nth-child(3n){
		    margin-right: 0;
		}
		.videolist li img {
		    height: 100%;
		    object-fit: cover;
		}
		.videolist li p {
		    position: absolute;
		    bottom: 0;
		    height: 42px;
		    background: rgba(0, 0, 0, 0.4);
		    text-align: center;
		    line-height: 42px;
		    color: #fff;
		    padding: 0 10px;
		    left: 0;
		    right: 0;
		    font-size: 16px;
		    font-weight: 400;
		    overflow: hidden;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		      -ms-text-overflow: ellipsis;
		      -o-text-overflow: ellipsis;
		      -webkit-text-overflow: ellipsis;
		}