* {
    margin: 0;
    padding: 0
}


.container[data-v-c2ceebdf] {
    background-image: url(../img/sys/home-background3.png);
    background-repeat: no-repeat;
    //background-size: 1920px 270px;
    background-position: center top;
   /* 默认使用cover确保背景覆盖整个容器  新加*/
    background-size: cover;
    
    /* 设置最小高度确保内容区域 新加*/
    min-height: 270px;
    min-width:1568px;
}

/* 小设备调整 (手机) */
@media only screen and (max-width: 767px) {
    .container[data-v-c2ceebdf] {
        /* 可以调整背景图位置或使用更适合手机的图片 */
        background-size: auto 180px;
        min-height: 180px;
        min-width:1568px;
    }
}

/* 中等设备调整 (平板) */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .container[data-v-c2ceebdf] {
        background-size: auto 220px;
        min-height: 220px;
        min-width:1568px;
    }
}

/* 大设备调整 (桌面) */
@media only screen and (min-width: 1200px) {
    .container[data-v-c2ceebdf] {
        /* 保持原始设计 */
        background-size: 1920px 270px;
        min-height: 270px;
        min-width:1568px;
    }
}

.container .container-bg[data-v-c2ceebdf] {
    background: linear-gradient(177.85deg, rgba(6, 69, 196, .9), rgba(0, 83, 179, .01) 300px)
}


.content[data-v-c2ceebdf] {
    margin: 10px auto 20px;
    min-height: calc(100vh - 291px);
    max-width: 1369px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;

    /* 使用网格布局实现响应式 */
    display: grid;
    #grid-template-columns: 
        minmax(15px, 1fr) 
        minmax(auto, 1369px) 
        minmax(15px, 1fr);
}

.content[data-v-c2ceebdf] > * {
    grid-column: 2; /* 内容放在中间列 */
}

/* 移动设备调整 */
@media only screen and (max-width: 768px) {
    .content[data-v-c2ceebdf] {
        grid-template-columns: 15px 1fr 15px;
        min-height: calc(100vh - 241px);
    }
}

.footer[data-v-c2ceebdf] {
    background-color: #919191;
    height: 212px
}




.container[data-v-b40871b8] {
#    width: 100%; /* 默认占满可用宽度 */
#    max-width: 1369px; /* 保持最大宽度限制 */
#    margin: 0 auto; /* 居中显示 */
#    padding: 0 15px; /* 添加左右内边距防止内容贴边 */
#    box-sizing: border-box; /* 确保padding包含在宽度内 */
}

/* 平板设备调整 */
@media (max-width: 1024px) {
    .container[data-v-b40871b8] {
        padding: 0 14px; /* 增大内边距 */
    }
}

/* 手机设备调整 */
@media (max-width: 768px) {
    .container[data-v-b40871b8] {
        padding: 0 14px; /* 调整内边距 */
    }
}

.container .header[data-v-b40871b8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/* 小屏幕设备优化（纵向布局） */
@media (max-width: 767px) {
    .container .header[data-v-b40871b8] {
        min-height: 140px;
    }
}

/* 平板设备优化 */
@media (min-width: 768px) and (max-width: 1023px) {
    .container .header[data-v-b40871b8] {
        min-height: 150px;
    }
}

/* 大屏幕精确控制 */
@media (min-width: 1024px) {
    .container .header[data-v-b40871b8] {
        height: 240.5px;
    }
}

.container .header .iconbox[data-v-b40871b8] {
    display: flex;
    justify-content: flex-start;
    margin-right: 10px;
    margin-bottom: 35px;
}

.container .header .iconbox img[data-v-b40871b8] {
    height: 66px;
    margin: auto 0;
    width: 62px
}

.container .header .iconbox span[data-v-b40871b8] {
    font-size: 28.09px;
    margin-left: 19px;
    width: 312px
}

.container .header .iconbox span[data-v-b40871b8],
.container .header .title[data-v-b40871b8] {
    color: #fff;
    font-weight: 900;
    letter-spacing: 0;
    text-align: left;
    vertical-align: top;
    font-family: Georgia, Times New Roman, Times, serif;
}

#.container .header .title[data-v-b40871b8] {
#    font-size: 44px;
#    line-height: 74px
#}

.container .header .title[data-v-b40871b8] {
    #font-size: 44px;
    line-height: 74px
}

/* 小屏幕设备 (小于768px) */
@media (max-width: 767px) {
    .container .header .title[data-v-b40871b8] {
        font-size: 16px; /* 适合手机的大小 */
    }
}

/* 中等屏幕 (768px-1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .container .header .title[data-v-b40871b8] {
        font-size: 16px; /* 平板适合的大小 */
    }
}

/* 大屏幕 (1024px以上) */
@media (min-width: 1024px) {
    .container .header .title[data-v-b40871b8] {
        font-size: 24px; /* 原始设计大小 */
    }
}

.container .contentbox .nav-menu[data-v-b40871b8] {
    background-image: url(../img/sys/nav-home.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 17px 16px;
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    margin-top: 7px;
    padding-left: 25px
}

.container .contentbox .nav-menu ul[data-v-b40871b8] {
    display: flex
}

.container .contentbox .nav-menu ul li[data-v-b40871b8] {
    list-style: none
}

.container .contentbox .nav-menu ul li a[data-v-b40871b8] {
    color: #666;
    text-decoration: none
}
.container .contentbox .nav-menu ul li:last-child a[data-v-b40871b8] {
    color: #000;
    font-weight: 600;
}

.container .contentbox .nav-menu ul li a[data-v-b40871b8]:hover {
    color: #005cb3;
    transform: scale(1.1)
}

.container .contentbox .nav-menu ul li span[data-v-b40871b8] {
    padding: 0 8px
}

.container .contentbox .content[data-v-b40871b8] {
    display: flex;
    margin-top: 10px
}

.container .contentbox .content .main[data-v-b40871b8] {
    flex: 1;
    margin-right: 48px
}

.container .contentbox .content .main .news-title p[data-v-b40871b8]:first-child {
    font-family: Georgia;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 23px
}

.container .contentbox .content .main .news-title .bar[data-v-b40871b8] {
    border-top: 1px solid #a6a6a6;
    display: flex;
    margin-right: 26px;
    padding: 15px 0 15px 5px
}

.container .contentbox .content .main .news-title .bar .date[data-v-b40871b8] { 
    background-position: 0;
    background-size: 16px;
    flex: 1;
    padding-left: 23px;
    background-repeat: no-repeat;
}


.container .contentbox .content .main .news-title .bar .print[data-v-b40871b8] {
    background: url('../img/sys/nav-print.svg') no-repeat;
    background-position: 0;
    background-size: 16px;
    padding-left: 23px;
    padding-right: 30px;
}

.container .contentbox .content .main .news-title .bar .print[data-v-b40871b8]:hover {
    cursor: pointer
}

.container .contentbox .content .main .news-title .bar .close[data-v-b40871b8] {
    background: url('../img/sys/nav-close.svg') no-repeat;
    background-position: 0;
    background-size: 16px;
    padding-left: 23px;
}

.container .contentbox .content .main .news-title .bar .close[data-v-b40871b8]:hover {
    cursor: pointer
}

.container .contentbox .content .main .news-content[data-v-b40871b8] {
    font-size: 24px;
    font-weight: 400;
    margin-top: 10px
}

.container .contentbox .content .main .news-content[data-v-b40871b8]  p:has(img){
    text-align:center;
}

.container .contentbox .content .main .news-content[data-v-b40871b8]   p img{
    max-width:75%;
}

.container .contentbox .content .main .news-content[data-v-b40871b8] p{
    line-height: 45px !important;
    text-indent: 2em;
}

.container .contentbox .content .right[data-v-b40871b8] {
    font-family: Georgia
}

.container .contentbox .content .right .item[data-v-b40871b8]:hover {
    background-color: #e6edff;
    cursor: pointer;
    transform: translateY(-5px)
}

.container .contentbox .content .right .item[data-v-b40871b8] {
    background: #f5f5f5;
    margin-bottom: 10px;
    opacity: 1;
    text-align: center;
    transition: all .3s ease;
    width: 176px;
    padding-bottom: 20px;
}

.container .contentbox .content .right .item img[data-v-b40871b8] {
    margin-top: 12px;
    width: 152px
}

.container .contentbox .content .right .item p[data-v-b40871b8] {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    text-align: left;
    vertical-align: top;
    margin: 0px 20px;
}


/* 现代浏览器：使用 -webkit-line-clamp */
@supports (-webkit-line-clamp: 5) {
  .container .contentbox .content .right .item p[data-v-b40871b8]{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height: auto; /* 覆盖之前的 height */
    overflow: hidden;
    position: static; /* 防止 ::after 定位冲突 */
  }
}


.print-container {
    margin: 30px 50px;
}

.print-container .title {
  font-family: Georgia;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 23px;
}

.print-container .title p {
  text-align: center;
  padding-bottom: 20px;
}

.print-container .title .bar {
  border-top: 1px solid #a6a6a6;
  display: flex;
  padding: 15px 0;
}

.print-container .title .bar .date {
  background: url(../img/sys/nav-time.svg) no-repeat;
  background-position: 0;
  background-size: 16px;
  flex: 1;
  padding-left: 23px;
  font-size: 14px;
  font-weight: normal;
  font-family: auto;
}
.title-search{
     width: 320px;
     #padding-right: 15px;
    padding-right: 238px;
    margin-bottom: 95px;
}
.title-search .tags{
      text-align: center;
     #padding-bottom: 14px;
     #span:hover {
     #     cursor: pointer;
     #     border-bottom: 1px solid #fff;
     # }
}
.title-search .tags span{
      font-size: 15px;
      font-weight: 400;
      letter-spacing: 0px;
      color: rgba(255, 255, 255, 1);
      #margin-right: 20px;
}
.title-search .searinputbox{
        height: 30px;
        margin-bottom: 8px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(10px);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAYAAAAbW8YEAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAEmSURBVEiJxZddFoQgCIWvbSx2NrYybWV3XqxxyN9JG17sgPABp5QMGoWkDY8rAIlMPqybMcZjhJC07BNXi2lKMAAvpfYAdqVbwypKvxljbC2BGOhU9lVnkvKL3+Hc71SGl9utNncDVSxbjdW0aSQ4tGQoMIp9dq/NMAaarnZWlSkwACwkJbL7GVCVgMStrZ4kN2FnN5eZICX+eFjwOb708TZL1icrPeVvUP84VX9DEzmHyKIMMgl4jfvAiXQ9C2a2WF0moo28ZDMGmo+bvQ3uAV0UU3KbhoHZM4Woza73jeZ1ZC0DC45VePBpApbmXgGQeql8QpdKaDv2d0/+IXvHNnFxdbmKs5Um4BIqWpVpB4DUNM/vv4S+if+OMPFFTL/aQnU+1r0BuzCHn+XWSyMAAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        background-position: right center;
        background-position: calc(100% - 20px) center;
        padding: 10px;
}
.title-search .searinputbox input{
    height: 100%;
    width: calc(100% - 52px);
    border: none;
    background-color: transparent; /* 使用标准透明色值 */
    outline: none;
}