@charset "utf-8";

/* ============================================
   主题色配置 - Theme Color Variables
   ============================================ */
:root {
    /* 主色调 - Primary Colors */
    --color-primary: #007cff;           /* 主色：深蓝色（导航栏、页脚、标题等） */
    --color-primary-dark: #28435f;      /* 主色深色变体（导航激活状态） */
    --color-primary-light: #3f73af;     /* 主色浅色变体（链接、子菜单） */
    --color-primary-lighter: #95c1f0;   /* 主色更浅变体（友情链接背景） */
    --color-primary-hover: #0081db;     /* 主色悬停状态 */
    
    /* 文本颜色 - Text Colors */
    --color-text-primary: #333;         /* 主要文本颜色 */
    --color-text-secondary: #555555;     /* 次要文本颜色 */
    --color-text-tertiary: #666666;     /* 三级文本颜色 */
    --color-text-quaternary: #999999;   /* 四级文本颜色（辅助文本） */
    --color-text-muted: #505050;        /* 静音文本颜色 */
    --color-text-disabled: #e0e0e0;     /* 禁用文本颜色 */
    
    /* 背景颜色 - Background Colors */
    --color-bg-white: #ffffff;          /* 白色背景 */
    --color-bg-light: #f1f1f1;         /* 浅灰背景 */
    --color-bg-hover: #f0f0f0;         /* 悬停背景 */
    
    /* 边框颜色 - Border Colors */
    --color-border: #e1e1e1;            /* 默认边框颜色 */
    --color-border-light: #fff;         /* 浅色边框 */
    
    /* 功能颜色 - Functional Colors */
    --color-link: var(--color-primary);  /* 链接颜色 */
    --color-link-hover: var(--color-primary-hover); /* 链接悬停颜色 */
}

body,
html {
    height: 100%;
    font-size: 16px
}

/*html {
font-size:14px;}*/

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
big,
em,
font,
strong,
tt,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
caption,
tbody,
tfoot,
thead,
tr,
th,
tdinput {
    padding: 0;
    margin: 0
}

body {
    font-family: 微软雅黑, "Microsoft YaHei UI", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    color: var(--color-text-primary);
	background:var(--color-bg-light);
}

img {
    border: 0
}

ul {
    list-style: none
}

li {
    list-style: none;

}

.text-center {
    text-align: center
}

a {
    color: var(--color-text-secondary);
    text-decoration: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.clearfix {
    zoom: 1
}

.clear {
    clear: both
}

.main {
    width: 68.75rem;
    margin: 20px auto;
}



.left {
    float: left;
}

.right {
    float: right;
}

.mtop {
    margin-top: 1rem;
}

/*顶部*/
.header {
    width: 68.75rem;
    height: 13rem;
    margin: 0 auto;
}

.header .top {
    height: 10rem;
    width: 100%;
    background: url("images/topbg.png") no-repeat;
    background-size: 100% 100%;
}

.header .top .logo {
    height: 5rem;
    margin-top: 2.5rem;
    margin-left: 2rem;
}

.header .top .logo img {
    border: 0px;
    height: 100%;
    max-width: 1100px;
}

.header .top .logo .logo-link {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.header .top .logo .logo-link i {
    font-size: 3rem;
    margin-right: 1rem;
    color: var(--color-primary);
}

.header .top .logo .logo-link .logo-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--color-text-primary);
}



/*导航*/
.navBar {
    position: relative;
    z-index: 1;
    height: 3rem;
    line-height: 3rem;
    background: var(--color-primary);
    color: #fff;
    width: 100%;
}

.nav {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 1.125rem;
}

.nav a {
    color: #fff;
}

.nav h3 {
    font-size: 100%;
    font-weight: normal;
    width: 100%;
}

.nav .m {
    float: left;
    position: relative;
    z-index: 1;
    width: 12.4%;
    *width: 12.38%;
}

/*7个14.2 14.18  8个12.4  12.38*/
.nav h3 a {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: normal;
}

.nav h3 a.external-link::after {
    content: "";
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    background: url("images/link.svg") no-repeat center / contain;
    vertical-align:-0.175em;
}

.nav .sub {
    display: none;
    /*默认隐藏*/
    position: absolute;
    left: 0px;
    top: 3rem;
    z-index: 1;
    width: 100%;
    color: var(--color-primary-light) !important;
    border-top: 0;
    background: var(--color-bg-white);
    border: 1px var(--color-border) solid;
}

.nav .sub li {
    text-align: left;
    padding: 0 8px;
    margin-bottom: -1px;
}

.nav .sub li a {
    display: block;
    padding: 8px 0;
    height: 20px;
    line-height: 20px;
    color: var(--color-primary-light);
    text-indent: 1em;
}

.nav .sub li a:hover {
    color: var(--color-primary-hover);
}

.nav .block {
    height: 3rem;
    width: 12.38%;
    background: var(--color-primary-dark);
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

/*7个14.2 14.18  8个12.4  12.38*/
.nav .on {
    background: #3794ff;
    transition: 0.5s;
}

/*尾部*/
.footer {
    width: 68.75rem;
    background: var(--color-primary);
    height: 6.5rem;
    margin: 0 auto;
}

.footerinfo {
    font-size: 0.8rem;
    color: #fff;
    margin: 0px auto;
    text-align: center;
    line-height: 1.5rem;
    padding-top: 1.5rem;

}

h2 {
    font-weight: normal;
    position: relative;
    font-size: 1rem;
    color: var(--color-primary);
    height: 2rem;
    line-height: 2rem;
    border-bottom: 1px var(--color-border) solid;
    padding-right: 3rem;
}

h2 i {
    margin-right: .5rem;
}

h2 a {
    width: 3rem;
    color: var(--color-text-quaternary);
    font-size: .8rem;
    text-align: right;
    position: absolute;
    right: 0;
    display: block;
    height: 2rem;
    line-height: 2rem;
    top: 0;
}

/*主页*/
.about {
    width: 31.8rem;
    border: 1px var(--color-border) solid;
    height: 17.75rem;
    padding: 0 1rem 0 1rem;
}

.about .nr_info {
    padding: 1rem;
    position: relative;
    display: block;
    overflow: hidden;
}


/* .about .nr_info img {
    width:20rem;
    max-height:13.75rem;
    position:absolute;
    left:0;
    top:1rem;
    }*/
.about .nr_info p {
    /*    padding-left:20rem;*/
    /*float: right;*/
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 13.75rem;
    line-height: 1.75rem;
    /*text-indent: 1.75rem;*/
    font-size: 16px;
    text-align: justify;
    text-justify: distribute-all-lines;
    /* width: 20rem; */
    display: block;
}

.zixun {
    padding: 0 1rem 0 1rem;
    width: 31.8rem;
    border: 1px var(--color-border) solid;
    height: 17.75rem;
}

.newslist {
    border: 1px var(--color-border) solid;
    padding: 0 1rem 0 1rem;
    height: 17.75rem;
    width: 31.8rem;
}

.item ul {
    padding-top: 1rem;
}

.item ul li {
    height: 2rem;
    line-height: 2rem;
    position: relative;
    font-size: .875rem;
    padding-right: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item ul li i {
    padding-right: .5rem;
    color: var(--color-text-tertiary)
}

.item ul li .date {
    width: 3rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 2rem;
    line-height: 2rem;
    text-align: right;
}


/*友情链接*/


.ilink {
    display: table;
    border: 1px var(--color-border) solid;
}

.flink {
    display: table-row;
    padding: 0;
    margin: 0;
    line-height: 2rem;
    font-size: .8rem;
}

.flink .flinktitle {
    font-size: 1rem;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    width: 1.5rem;
    line-height: 1.2rem;
    text-align: center;
    background: var(--color-primary);
    height: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.flink .flinkmain {
    height: 100%;
    display: table-cell;
    padding: 0;
    margin: 0;
}

.flink .linkitem {
    display: table;
    width: 100%;
}

.flink .linkitem .item {
    background: var(--color-primary-lighter);
    color: var(--color-text-primary);
    height: 100%;
    display: table-cell;
    border-bottom: 1px var(--color-border-light) solid;
    vertical-align: middle;
    width: 12%;
    text-align: center;
}

.flink .linkitem .item2 {
    width: 88%;
    display: table-cell;
    border-bottom: 1px var(--color-border) solid;
    line-height: 2rem;
}

.flink .linkitem:last-child .item2,
.flink .linkitem:last-child .item {
    border: 0px;
}

.flink .linkitem ul {
    display: table;
    line-height: 2rem;
    width: 100%;
}

.flink .linkitem ul li {
    display: block;
    width: 24%;
    padding-left: 1%;
    float: left;
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*about page*/
.subnav {
    width: 13.75rem;
    background: var(--color-bg-light);
    border-radius: .5rem;
}

.subnav .b-cate {
    border-radius: .3rem;
    background: var(--color-primary);
    height: 3rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 3rem;
    text-align: center;
}

.subnav ul {
    padding-left: 1rem;
    padding-right: 1rem;
}

.subnav ul li {
    line-height: 3rem;
    height: 3rem;
    text-align: center;
    color: var(--color-text-primary);
    font-size: 1.125rem;
    border-bottom: var(--color-border-light) solid 1px;
}

.subnav ul li:last-child {
    border-bottom: 0px;
}

.subnav ul li.on a {
    color: var(--color-text-tertiary);
}

.subright {
    width: 53.75rem;
}

.mbx {
    color: var(--color-text-tertiary);
    background-color: #fff;
    height: 3rem;
    line-height: 3rem;
    border-bottom: 1px var(--color-border) solid;
    font-size: .8rem;
    text-align: left;
    padding: 0 1rem;
}

.mbx a {
    color: var(--color-text-tertiary);
}

.subright .info {
    margin-top: 1.25rem;
}

.subright .info img {
    max-width: 100%;
}
.about-intro{
    padding:1rem;
}

.about-intro p {
    font-size: 1rem;
    line-height: 1.9;
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em;
}

.about-intro p:last-child {
    margin-bottom: 10.9rem;
}

.about-intro p strong {
    font-weight: 600;
}

.pageinfo{
	min-height:300px;
	padding:1rem;
	background:#fff;
}

/*txtlist*/
.pageinfo .txtlist,
.pageinfo .imglist {
    width: 100%;
}

/*纯文列表*/
.pageinfo .txtlist li {
    height: 35px;
    line-height: 35px;
    color: var(--color-text-primary);
    position: relative;
    padding-right: 7rem;
}

.pageinfo .txtlist li i {
    color: var(--color-text-secondary);
}

.pageinfo .txtlist li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 35px;
    line-height: 35px;
    display: block;
    width: 100%;
}

.pageinfo .txtlist li span {
    position: absolute;
    right: 0;
    display: block;
    height: 35px;
    line-height: 35px;
    top: 0;
    width: 5rem;
}


/*图片列表*/
.pageinfo .imglist ul {
    overflow: hidden;
    zoom: 1;
}

.pageinfo .imglist li {
    width: 17.25rem;
    margin: 1rem 1rem 1rem 0;
    position: relative;
    float: left;
    display: inline;
    height: 14.5rem;
}

.pageinfo .imglist li:nth-child(3n+1) {
    margin-left: 0px;
}

.pageinfo .imglist li:nth-child(3n) {
    margin-right: 0px;
}

/*.pageinfo .imglist li a {position:relative;display:block;overflow:hidden;margin-bottom:6px;width:282px;height:200px;border:1px solid #f0f0f0;
display:table-cell;
text-align:center;
vertical-align:middle}*/
.pageinfo .imglist li a .picc {
    height: 12.5rem;
    width: 100%;
}

.pageinfo .imglist li a .picc img {
    display: block;
    /*border:1px #f0f0f0 solid;*/
    height: 100%;
    width: 100%;

}

.pageinfo h2 {
    color: var(--color-text-primary);
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 1rem;
    height: auto;
    text-align: center;
    border: 0px;
}

.pageinfo .small {
    color: var(--color-text-quaternary);
    font-size: .8rem;
    line-height: 2rem;
    text-align: center;
}

.info-bottom {
    font-size: .8rem;
    color: var(--color-text-quaternary);
    padding-top: 10px;
    border-top: var(--color-border) 1px solid;
    height: 4rem;
    line-height: 2rem;
}

.info-bottom .blist {
    height: 2rem;
}


/*分页*/
.pagebox {
    margin: 3px 0;
    padding: 10px 0px 0px 250px;
    color: var(--color-text-muted);
    text-align: left;
    font-size: 12px;
    height: 26px;
    border-top: 1px solid var(--color-bg-hover);
}

.pagebox a {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 9px;
    color: var(--color-primary);
    margin-right: 4px;
    text-decoration: none;
    border: 1px solid var(--color-primary);
    color: var(--color-text-muted);
}

.pagebox a:hover {
    color: #fff;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    text-decoration: none;
}

.pagebox a:active {
    border: var(--color-primary) 1px solid;
    background: var(--color-primary);
    color: #ffffff;
}

.pagebox span.current {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 9px;
    margin-right: 4px;
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
    color: #ffffff;
}

.pagebox span.disabled {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 9px;
    color: var(--color-text-disabled);
    margin-right: 4px;
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
}

.table-container {
            padding: 20px 0;
            width: 68.75rem;
            margin: 0 auto;
            overflow: hidden;       /* 由 tbody 自己滚动 */
        }
        
        .data-table {
            width: 100%;
            border-collapse: collapse;
            background-color: #fff;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            table-layout: fixed;
        }
        
        .data-table thead,
        .data-table tbody {
            display: block;
        }

        .data-table thead {
            background-color: var(--color-primary);
            color: #fff;
        }
        
        .data-table tbody {
            max-height: 550px;      /* = 容器高度 - 表头高度，大致控制滚动区域 */
            overflow-y: auto;       /* 只在这里出现滚动条 */
            overflow-x: hidden;
        }
        
        .data-table th {
            padding: 12px 15px;
            text-align: center;
            
        }
        
        .data-table td {
            padding: 12px 15px;
            border-bottom: 1px solid var(--color-border, #e1e1e1);
            text-align: center;
        }
        
        .data-table tbody tr:hover {
            background-color: var(--color-bg-hover, #f0f0f0);
        }
        
        .data-table tbody tr:last-child td {
            border-bottom: none;
        }
        
        .data-table .loading,
        .data-table .no-data,
        .data-table .error {
            text-align: center;
            color: var(--color-text-secondary, #555555);
            padding: 20px;
        }
        
        .data-table .error {
            color: #d32f2f;
        }

        .data-table .type-column {
            text-align: center;
            width: 150px;
        }

        .data-table .kbTime-column {
            text-align: center;
            width: 150px;
        }

        .data-table .kzj1-column {
            text-align: center;
            width: 150px;
        }

        .data-table .k-column {
            text-align: center;
            width: 150px;
        }

        .data-table th.name-column {
            text-align: center;
            width: 500px;
        }

        .data-table td.name-column  {
            text-align: left;
            max-width: 500px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: left;
        }

       

        


/*ie10*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {}


/*自适应 当屏小于1050时隐藏*/
@media screen and (max-width: 1050px) {}