@font-face {
    font-family: 'webIcon';
    src: url('data:font/ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTZSw0m0AAAYoAAAAHEdERUYAKQAKAAAGCAAAAB5PUy8yPElI4wAAAVgAAABgY21hcAAP6b8AAAHIAAABQmdhc3D//wADAAAGAAAAAAhnbHlmV8rV/AAAAxgAAAAoaGVhZCIr72EAAADcAAAANmhoZWEG3gOFAAABFAAAACRobXR4DAABAAAAAbgAAAAQbG9jYQAUAAAAAAMMAAAACm1heHABDwASAAABOAAAACBuYW1lXoIBAgAAA0AAAAKCcG9zdK2+wr0AAAXEAAAAOwABAAAAAQAA2dRLpV8PPPUACwQAAAAAAN+GVbIAAAAA34ZVsgEA/8ADAANAAAAACAACAAAAAAAAAAEAAAOA/4AAXAQAAAAAAAMAAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAEAAYAAQAAAAAAAgAAAAoACgAAAP8AAAAAAAAABAQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZADA5hTmFAOA/4AAAAPcAIAAAAABAAAAAAAAAAAAAAAgAAEEAAAAAAAAAAQAAAAEAAEAAAAAAwAAAAMAAAAcAAEAAAAAADwAAwABAAAAHAAEACAAAAAEAAQAAQAA5hT//wAA5hT//xnvAAEAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAEBAP/AAwADQAAFAAABNwkBJwEBADIBzv4yMgGTAwc5/kD+QDkBhwAAABIA3gABAAAAAAAAABMAKAABAAAAAAABAAgATgABAAAAAAACAAcAZwABAAAAAAADAAgAgQABAAAAAAAEAAgAnAABAAAAAAAFAAsAvQABAAAAAAAGAAgA2wABAAAAAAAKACsBPAABAAAAAAALABMBkAADAAEECQAAACYAAAADAAEECQABABAAPAADAAEECQACAA4AVwADAAEECQADABAAbwADAAEECQAEABAAigADAAEECQAFABYApQADAAEECQAGABAAyQADAAEECQAKAFYA5AADAAEECQALACYBaABDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AABDcmVhdGVkIGJ5IGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAABHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuAABoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAABodHRwOi8vZm9udGVsbG8uY29tAAAAAAIAAAAAAAAACgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABAAAAAEAAgECEHlvdWppYW50b3ViZWlmZW4AAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMAAwABAAQAAAACAAAAAAAAAAEAAAAA1aQnCAAAAADfhlWyAAAAAN+GVbI=') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.main {
    width: 1300px;
    padding: 20px 0;
    margin: 0 auto;
}

.main .container.border {
    border: 1px solid #D3D4D3;
    padding: 20px;
    width: 1260px;
}

.vertical-display .sub-navbar {
    margin-bottom: 30px;
    background: #f7f7f7;
}

.vertical-display .sub-navbar ul {
    height: 100%;
    text-align: center;
    font-size: 0;
}

.vertical-display .sub-navbar ul li {
    display: inline-block;
    margin: 0;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
}

.vertical-display .sub-navbar ul li a {
    display: block;
    box-sizing: border-box;
    height: 58px;
    font-size: 16px;
}

.vertical-display .sub-navbar ul li.active a,
.vertical-display .sub-navbar ul li:hover a {
    border-bottom: 2px solid #00826e;
    color: #00826e;
}

.sidebar {
    background: #f7f7f7;
    width: 270px;
    padding: 0 20px;
}

.sidebar .title {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.side-news__list {
    min-height: 208px;
}

.side-news__list li {
    height: 83px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e2e2e2;
}

.side-news__list li img {
    display: block;
    float: left;
    height: 83px;
    width: 110px;
    object-fit: cover;
}

.side-news__list li a span {
    float: right;
    font-size: 14px;
    line-height: 26px;
    width: 145px;
}

.side-navs {
    line-height: 60px;
    text-align: center;
    padding: 10px 0;
}

.side-block .content {
    padding-bottom: 20px;
}

.side-nav__item + .side-nav__item {
    margin-top: 10px;
}

.side-nav__item.on a {
    color: #C94747;
    border-top-color: #C94747;
    border-right-color: #C94747;
    border-bottom-color: #C94747;
    border-left-color: #C94747;
}

.side-nav__item a {
    display: block;
    border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

.side-nav__item:hover,
.side-nav__item.on {
    background: #FFFFFF;
}

.side-nav__item:hover a {
    color: #00826e;
}

.side-hot__news {
    background-image: url('/images/home/icon_10.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 23px;
}

.side-hot__news li {
    font-size: 14px;
    line-height: 30px;
}

.side-hot__news li a {
    color: #333333;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.content-container {
    min-height: 620px;
}

.news-list {
    min-height: 600px;
}

.news-list li + li {
    border-top: 1px dashed #ededed;
}

.news-list li {
    zoom: 1;
    font-size: 16px;
    padding: 20px;
}

.news-list li a {
    display: block;
}

.news-list li a .cover {
    display: block;
    width: 125px;
    height: 85px;
    object-fit: cover;
    float: left;
    border: 1px solid #ededed;
    margin-right: 20px;
}

.news-list li a .info {
    float: left;
    width: 100%;
}

.news-list li.has-image a .info {
    width: calc(100% - 155px);
}

.news-list li a h3.name {
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

.news-list li a .desc {
    margin-top: 15px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.news-list li .attrs {
    color: #a6a6a6;
    font-size: 14px;
    margin-top: 10px;
}

.news-list li .views,
.news-list li .date {
    margin-right: 30px;
}

.news-list li:hover {
    color: white;
    background: #00826e;
}

.news-list li:hover a h3.name,
.news-list li:hover a .desc,
.news-list li:hover a .attrs {
    color: white;
}

.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination .btn {
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    margin: 0 5px;
}

.pagination label.btn {
    background: #00826e;
    color: #ffffff;
    border-color: #00826e;
}

.crumbs {
    margin-bottom: 20px;
}

.crumbs li {
    display: inline-block;
    vertical-align: middle;
}

.crumbs li + li + li:before {
    content: "\e614";
    font-size: 12px;
    font-family: "webIcon";
    display: inline-block;
    margin-right: 5px;
}

.crumbs .on:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(data:image/gif;base64,R0lGODlhGQAZAPcAAP/+/f/9/f79/f78+/78/Pv9/fz8/P36+vr7+/b99ez/6/r59vj5+fn47/r39v329+n58fr08vb28Oj76PP36vT29fb08u737fb18t/6+Pjz6fD0+u70+Nn69e318P/v8er08d/2/N/37vDx9+zz7+/x9O3w/+jx+fLx39v18fbu7tX19Nv07ufw+dj08Obv8NP26eXw8Ofw6u3t7PPr6uTs/OXt7+/o+vDp5O7p9eDt4+jp+OHq/Ovn8efo7Oro3+bo5+nl6uTn6t/q4PLi8t/p6Onk6vHh39zn5+7j3u/g3+Lk4N/l5t/k49jk6tnl2tfl4+nd3N3e3NXg3tjf4NLf5Nne3M/g3dbd3tHe1dHc2Nna19Pb187b4OPU1ubR0s3W1svX1c3W0t/Rz8nV2tHT0N/OyNvNuNrNuMTSzcDT0OXGwtjHwsjKx7/LysDLycDLz7vIzd6/utC4uuC0sMa5rNiyttazqs6upcKxkb+xjL6yjLyxjLquj9einbOriMefksyWmdCQj9WLi6qYgK+Ya7eSga+WbK+SaryIgK+OZq6LY8J8eKCFYLeBLLx/JLp3cLB7LKV2YqR4MLV2HK51H59yKaluIaNsH6lsFbBfV6dmHKdkEKhlCbJZVpZlHJRZVqRcA6NSTYxYD6lIS5hMSplTAppPAKRDPINKBopAR5FDAJFBA4lEAJA6P4A6BHE/AHk4FHI7C2A9FYMwMG0vGHooJoUlJW4oHoIfH4scIIUaGm8gGoAYHHsXHpMQAIsRCHUWEocLAIYKAIEKDI4HAHMPCYgIAXcMCXEME48EAZAEAGcPBXkKAo8DAIQGAZkAAJYAAHQJAH4FAowAAIoABGgJEIkAAIQAAHwDAHsDBH8BAIAAA38AA38AAHcCA3UAAnEAAG8AAG0AAFgAAEoAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAOYALAAAAAAZABkAAAj/AM0JHEiwoMGDCBMqXMiwoUODX+w8PEiHGjZR5g6YGxDgIR5v0JZlIzXoli5XDgNxm4bK0zNnwJRF20WAYalr10D9+ABJmrBfxXIJUEhAFbhtmnBkAKEhUbNhw3opXECr2zdJKErkmCHCgiBk2IgdQRgB1zhtjCh0qHEjxooQD/wEC2dMiUEVvsQxMyThBA8TGyBwaJEiwR1e4ax5KRiFXDJAClzsIGIGDZo1SWCwwCDHVrk5BsfQaKDDxog6s2TFqkVogo8eHhywAZAQCBASfWCtWvWq0YUgQQowbIJERp5Up061WvSCyRInCw1YmTJEz6hQnDYpKkJFSpWFCLhwOXmy51OnTJcQQcGypctCBmLEZOFjiVIlTIeugClDZmGFN2+k8cckjzgSSSFquNFGHBM16OCDEE4UEAA7);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: -4px;
}

.content-container .titleBar {
    padding: 13px 13px 13px 23px;
    background: #f7f7f7;
    position: relative;
}

.content-container .titleBar:before {
    content: "";
    width: 5px;
    height: 100%;
    background: #00826e;
    position: absolute;
    left: 0;
    top: 0;
}

.content-container .titleBar .title {
    font-size: 20px;
    font-weight: bold;
    font-family:"Microsoft YaHei", "微软雅黑", sans-serif;
}

.content-container .titleBar .more {
    width: 38px;
    height: 13px;
    background: url("/images/home/icon_03.gif") no-repeat center;
    margin-top: 6.5px;
    display: block;
}

.page-content {
    font-size: 16px;
    line-height: 2;
    padding-top: 30px;
}

.page-content img {
    max-width: 800px;
    margin: 0 auto;
    display: inline-block;
}
.page-content p {
    line-height: 40px !important;
}

.horizontal-display .sub-navbar {
    float: left;
    width: 240px;
    /*box-shadow: 0 0 40px rgba(0, 0, 0, .05);*/
    text-align: center;
    background: white;
}

.horizontal-display .sub-navbar .title {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #ededed;
    padding: 20px;
}

.horizontal-display .sub-navbar ul {
    padding: 20px 0;
}

.horizontal-display .sub-navbar ul li a {
    padding: 15px;
    display: block;
    font-size: 18px;
}

.horizontal-display .sub-navbar ul li.active a {
    background-color: #00826e;
    color: white;
}

.horizontal-display .sub-navbar ul li:not(.active) a:hover {
    color: #00826e;
    background-color: #f9f9f9;
}

.horizontal-display .list-wrapper {
    width: calc(100% - 240px - 30px);
    min-height: 699px;
    /*box-shadow: 0 0 40px rgba(0, 0, 0, .05);*/
    padding: 20px 0;
    float: right;
    background: white;
}

.horizontal-display .list-wrapper .news-list {
    padding: 0 20px;
}

.horizontal-display .page-content {
    padding: 50px 40px;
}

.main{
    min-height: 599px;
}

.special_box{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-template-rows: auto;
    grid-gap: var(--space, 20px);
}

.special_item{
    grid-column: auto;
    grid-row: auto;
    background-color: #eeeeee;
    background-size: 100% 100%;
    aspect-ratio: 16 / 5;
    background-position: center center;
    background-origin: center center;
}

.special_item:hover{
    background-color: #00826e;
    color: #ffffff !important;
}