* {
    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);
    /* 使用网格布局实现响应式 */
    #display: grid;
    #grid-template-columns: 
        minmax(15px, 1fr) 
        minmax(auto, 1369px) 
        minmax(15px, 1fr);
   
   max-width: 1369px;
   padding-left: 15px;
   padding-right: 15px;
   box-sizing: border-box;
    /* 使用margin auto实现居中布局 */
   margin-left: auto;
   margin-right: auto;
}

.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-3c81c865] {
    //width: 1262px
   width:1369px;
}

.container .header[data-v-3c81c865] {
    #align-content: center;
    #display: flex;
    #flex-wrap: wrap;
    //height: 240.5px;
    #justify-content: flex-start;
    #align-items: flex-end;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

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

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

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

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

.container .header .iconbox span[data-v-3c81c865] {
    font-size: 28.09px;
    margin-left: 19px;
    width: 312px;
    font-family: Georgia, Times New Roman, Times, serif;
}

.container .header .iconbox span[data-v-3c81c865],
.container .header .title[data-v-3c81c865] {
    color: #fff;
    font-weight: 900;
   letter-spacing: 0;
    text-align: left;
    vertical-align: top
}

.container .header .title[data-v-3c81c865] {
    //font-size: 44px;
    font-size: clamp(28px, 4.5vw, 44px); /* 28px最小，4.5vw动态调整，44px最大 */
    line-height: 74px
}

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

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

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

.container .contentbox .nav-menu[data-v-3c81c865] {
    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 li:last-child a[data-v-3c81c865] {
    color: #000;
    font-weight: 600
}

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

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

.container .contentbox .nav-menu ul li a[data-v-3c81c865] {
    color: #666;
    text-decoration: none
}

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

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

.container .contentbox .content[data-v-3c81c865] {
    display: flex;
    font-family: Georgia;
    justify-content: space-between;
    line-height: 32px;
    margin-top: 10px
}

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

.container .contentbox .content .main .news-item[data-v-3c81c865]:hover {
    cursor: pointer
}

.container .contentbox .content .main .news-item[data-v-3c81c865]:last-child {
    border-bottom: none
}

.container .contentbox .content .main .news-item[data-v-3c81c865] {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 32px;
    padding-bottom: 42px
}

.container .contentbox .content .main .news-item .title[data-v-3c81c865] {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
}

.container .contentbox .content .main .news-item .newscontent[data-v-3c81c865] {
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.container .contentbox .content .main .news-item .newscontent img[data-v-3c81c865] {
    height: 227px;
    margin-right: 30px;
    width: 350px;
    object-fit: cover;
}

.container .contentbox .content .main .news-item .newscontent .description[data-v-3c81c865] {
    flex: 1;
    max-height:227px;
    position: relative;
}

.container .contentbox .content .main .news-item .newscontent .description p[data-v-3c81c865] {
    color: #030303;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 53px;
}

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



.container .contentbox .content .main .news-item a{
    # text-decoration-line: none;
    text-decoration: none
}

.container .contentbox .content .main .news-item .newscontent .description span[data-v-3c81c865] {
    background: url(../img/sys/nav-time.svg) no-repeat;
    background-position: 0;
    background-size: 18px;
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 21px;
    padding-left: 23px;
    position: absolute;
    bottom: -7px;
}

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

.container .contentbox .content .right .item[data-v-3c81c865] {
    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-3c81c865] {
    margin-top: 12px;
    width: 152px
}

.container .contentbox .content .right .item p[data-v-3c81c865] {
    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-3c81c865] {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height: auto; /* 覆盖之前的 height */
    overflow: hidden;
    position: static; /* 防止 ::after 定位冲突 */
  }
}


.title-search{
     width: 320px;
     padding-right: 15px;
}
.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;
}
.paging{
    text-align: right;
}
.paging span{
    margin-right: 20px;
}
.paging a{
     margin:0px 5px;
}
.paging a:last-child{
      margin-right:0px;
}