.crumbs { padding: 34px 0; font-size: 18px; color: #c2c2c2;}
.crumbs a { color: #c2c2c2;}
.crumbs span { color: #d62343;}

.news { padding: 10px 0 56px 0; max-width:1248px;width:auto; }
.news .title { font-size: 42px; font-family: 'SourceHanSansSC-Bold'; text-align: center; line-height: 54px; }
.news .item { width: calc(100% - 16px); min-height: 240px; margin-left: 16px; margin-top: 30px; position: relative; padding: 33px 30px 90px 275px; overflow: hidden; cursor: pointer; transition: box-shadow 0.2s ease-in-out; border-bottom: 1px solid #d3d3d3;}


.news .cap { font-size: 26px; font-family: 'SourceHanSansSC-Bold'; line-height: 28px; height: 56px; }
.news .date { font-size: 20px; color: #818181; line-height: 21px; height: 42px; margin-top: 12px; }
.news .img { position: absolute; left: 0; top: 26px; bottom: 26px; width: 255px;}
.news .img img {border-radius: 8px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 768px){
	.news .item.small { padding: 0;padding-right: 16px; }
	.news .item.small .img {width: 100%;padding-bottom: calc(100% * 345 / 530); position: relative; display: block; }
	.news .item.small .img img { border-radius: 8px 8px 0 0; position: absolute; left: 0; top: 0;  object-fit: cover; display: block;width:100%; }
	.news .item.small .cap { margin: 50px 32px 24px 32px; }
	.news .item.small .date { position: static; border-right: 0; width: auto; background: url(../img/arrow.png) top 7px right / auto 14px no-repeat; margin: 0 32px 31px 32px; }
}

.clearfix{clear:both}
.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.fl{float:left}
.fr{float:right}
.pager{max-width:800px;margin:20px auto;display:block;text-align:center}
@media(max-width:800px){
	.pager .pg-first,.pager .pg-last,.pager .pg-next,.pager .pg-prev{display:none}
}
.pager a{cursor:pointer}
.pager a,.pager span{width:45px;height:40px;border:1px solid #ebebeb;color:#8a8a8a;display:inline-block;line-height:40px;font-size:15px;text-decoration:none;margin:0 2px;border-radius:6px}
.pager a:hover,.pager span:hover{border-color:#3897cd;color:#3897cd;position:relative;z-index:1}
.pager span.current{background-color:#222a35;color:#fff;border-color:#ebebeb;position:relative;z-index:1}
.pager .pg-first,.pager .pg-last,.pager .pg-next,.pager .pg-prev{background:url(../img/page_bg.jpg) 8px 7px no-repeat #fff;margin-bottom:-13px}
.pager .pg-first:hover,.pager .pg-last:hover,.pager .pg-next:hover,.pager .pg-prev:hover{background:url(../img/page_bg_hover.jpg) 8px 7px no-repeat #fff}
.pager .pg-prev,.pager .pg-prev:hover{background-position:7px -21px}
.pager .pg-next,.pager .pg-next:hover{background-position:-21px -21px}
.pager .pg-last,.pager .pg-last:hover{background-position:-21px 7px}
.pager .pg-next[disabled=true],.pager .pg-next[disabled=true]:hover,.pager .pg-prev[disabled=true],.pager .pg-prev[disabled=true]:hover{cursor:default;background-image:url(../img/page_bg.jpg)}
.pager .pg-next[disabled=true],.pager .pg-prev[disabled=true]{border-color:#eee}
.pager span.els{border-color:transparent}
.pagerHtmlWrap{width:800px;margin:30px auto}
.pagerHtmlWrap .cc_cells{width:100%;height:35px;padding:5px 0;border-bottom:1px solid #ccc}
.pagerHtmlWrap .cc_cells a{color:#454545;font-size:14px;line-height:35px;text-decoration:none}
.pagerHtmlWrap .cc_cells a span{display:inline-block;width:25%;text-align:left;margin:0}