* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", sans-serif;
}

body {
    background-color: #f5f5f5;
    color: #333;
}

.container {
    width: 1300px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* 第一行：logo和网站名称 */
.header {
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: #0d64b1;
    color: white;
}

.logo {
    /* width: 800px; */
    /* height: 80px;
    background-color: #fff;
    border-radius: 5px; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin-right: 20px;
    color: #1e88e5;
    font-weight: bold;
    font-size: 24px;
}

.site-name {
    font-size: 28px;
    font-weight: bold;display: flex;
    margin-left: auto;
}
.site-name .backhome,.site-name .backxjzx,.site-name .homebackxjzx{
    display: flex;
    align-items: center;
    flex:auto;
    background: #1f78d7;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 16px 0px rgba(14, 14, 14, 0.05);
    }
.site-name .backhome{margin-right: 30px;}
.site-name .homebackxjzx{margin-left: 80px;}
.site-name a,.site-name  a{color: #ffffff;text-decoration: none;margin:0px 10px;font-size: 15px;}

.site-name i{
    font-size: 22px;
    color: #ffffff;
}

/* 第二行：标题管理服务和通知公告 - 修改为6:4比例 */
.titles {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
}

.title-left {
    flex: 55;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    border-right: 1px solid #e0e0e0;
    background-color: #f9f9f9;
}

.title-right {
    flex: 45;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    background-color: #f9f9f9;
}

/* 第三行：左侧图标列表和右侧信息列表 - 修改为6:4比例 */
.content {
    display: flex;
    min-height: 360px;
}

.icon-list {
    flex: 55;
    padding: 20px;
    border-right: 1px solid #e0e0e0;
}

.info-list {
    flex: 45;
    padding: 20px;
}

.icon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    border-radius: 5px;
    background-color: #f5f5f5;
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none;
    color: #333;
}

.icon-item:hover {
    background-color: #e3f2fd;
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.icon-item i {
    font-size: 36px;
    margin-bottom: 10px;
    color: #0762b1;
}

.info-item {
    padding: 15px;
    border-bottom: 1px dashed #e0e0e0;
    transition: all 0.3s ease;
}

.info-item:hover {
    background-color: #f5f5f5;
}

.info-item h3 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
}

.info-item p {
    font-size: 14px;
    color: #666;
}

.info-item .date {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

/* 第四行：联系方式 */
.contact {
    margin:0;
    padding: 0px;
    background-color: #f9f9f9;
    overflow: hidden;
}

.contact h2 {
    margin-bottom: 20px;
    color: #333;
    font-size: 20px;
    text-align: center;
}

.contact-table {
    width:100%;
    border-collapse: collapse;
    overflow: hidden;
}

.contact-table th, .contact-table td {
    padding: 12px 15px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
}


.contact-table th {
    background-color: #ffffff;
    color: rgb(2, 44, 99);
    font-weight: bold;
}

.contact-table tr:nth-child(even) {
    background-color: #ffffff;
}

.contact-table tr:hover {
    background-color: #e3f2fd;
}

/* 第五行：版权信息 */
.footer {
    padding: 20px;
    text-align: center;
    background-color: #0d64b1;
    color: #fff;
    font-size: 14px;
}



.news_list li.news{
    background:#f1f1f1;
    border: 1px solid #f1f1f1;
    margin:0px 0px 20px;
    height:48px;
    line-height: 44px;
    }



.news_list{list-style: none;}
.news_list li.news .news_title{     padding-left: 18px; }
.news_list li.news span.news_meta{background:#fff;display:inline-block;padding: 1px 10px;;}
 .news_list li.news:hover span.news_meta{color:#963a16;}
 .news_list li.news:hover{background:#1a88dc;}
 .news_list li.news:hover a{color:#fff;transition:all 0s ease-in-out;}
 .news_list li.news a{transition:all 0s ease-in-out;text-decoration: none;color:#333;}

 .info_content{
    margin:10px 20px;

    flex:1;
 }
.info_content .article{
width:100%;
}
 .info_content h1,.info_content h2,.info_content .arti_metas{
    

    text-align: center;
    margin:10px 0px;
 }
 .arti_metas .arti_update,.arti_metas .arti_views{
  
    font-size: 14px;
    color: #999;
 }
 .arti_metas .arti_views{
    margin-left: 30px;
  

 }

 .info_content h1{
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
 
 }
 .info_content .entry{
    margin:0 auto;
    width:1100px;
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;

    text-align: justify;
 }
 .info_content .entry img{
    max-width: 100%;
    height: auto;
    margin: 0px auto;
 }
 .entry p img{
    margin:0 auto;
 }
 .info_content .entry p{
    margin: 10px 0px;
 }

 /* .info_content .entry a{
 

 }   */
 ul{
    list-style: none;
 }
 
 .col_list{
    margin: 10px 20px;
    padding: 0px;
    flex:1;
 }
 .col_list  ul li{
        padding-left: 15px;
        line-height: 45px;
        height: 45px;
        border-bottom: 1px dashed #ccc;

 }
 .col_list ul li span.lb-time{
    color: #adadad;
    margin-right: 10px;
    float: right;
 }