/*body {
    background: url("../images/eec06691-e8b9-4ae9-8616-6833d2166741.jpg") repeat-x fixed 0 0 #FFFFFF;
    color: #000000;
  
    line-height: 20px;
    margin: 0 auto;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
}*/
.wrap {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline
}
.view
{
width:932px;
margin:0 auto;
 background-color:White;
}
	
	
.banner
{
	 border:0px;
   
	 }

.footer-items {
   
    font-family: Segoe UI,Verdana,Tahoma,Helvetica,Arial,sans-serif;
    font-size: 1em;
    margin: 0 auto; text-align:center;
  
    color:#666666;
 
 
}


.center
{
    background: url("../Images/divider.png") no-repeat scroll center 0 transparent;
   min-width:932px;
   height:auto;
   	}
.nBox{
background: #E6E6E6 url(Images/master.png) repeat-x 0px -1568px;

text-align:left;
font-weight:bold;
color:Gray
}
.pageNow {
    height: 60px;
    background-color: #fff;
    border-bottom: #e5e5e5 solid 1px;
    line-height: 59px;
}
.wal {
    width: 96.75%;
    max-width: 1200px;
    margin: 0px auto;
}
.pageNow .box span {
    padding: 0 10px;
    background: url(../Images/ico3.png) center no-repeat;
    width: 4px;
    height: 8px;
    display: inline-block;
}
.pageNow .box {
    background: url(../Images/nimg14_1.png) left center no-repeat;
    padding-left: 24px;
}
.warp-line {
 line-height:35px;
 display:block
}

.NewsLink_v {
    text-decoration: none;
    color: #1f1f27;
    vertical-align: middle;
    font-family: "PingFang SC",思源黑体 !important;
    font-size:large
}

    .NewsLink_v:hover {
      
    }

.nav-tabs .nav-link-top {
    flex: 1; /* 均分空间 */
    text-align: center; /* 文字居中 */
    /*border-radius: 0.5rem !important;*/ /* 添加圆角，覆盖默认样式 */
}

    .nav-tabs .nav-link-top.active {
        background-color: #3459e6; /* Bootstrap 5 蓝色 */
        color: #fff; /* 文字颜色为白色，确保对比度 */
        border-color: #FFF; /* 边框颜色与背景一致 */
    }


/* 自定义 CSS */
.link-item {
    display: block;
 
  
    transition: transform 0.2s, box-shadow 0.2s; /* 添加过渡效果 */
    overflow: hidden;
}

   

    .link-item:hover {
        transform: translateY(-5px); /* 悬停时向上移动 */
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* 添加阴影效果 */
    }

/* 响应式调整 */
@media (max-width: 992px) {
    .link-item {
        width: 30%; /* 中等屏幕下，一行3个 */
    }
}

@media (max-width: 768px) {
    .link-item {
        width: 45%; /* 小屏幕下，一行2个 */
    }
}








/* 容器：隐藏溢出内容，并设置其宽度 */
.carousel-container {
    width: 100%;
    overflow: hidden;
    padding: 1.5rem 0;
  
}

.section-title {
    font-family: Arial, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 2rem;
}


/* 滚动列表：包含所有项目，并应用动画 */
.carousel-list {
    display: flex;
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
    width: fit-content;
    animation: scroll-left 30s linear infinite;
}

    /* 鼠标悬停时暂停动画 */
    .carousel-list:hover {
        animation-play-state: paused;
    }

/* 关键帧动画：从0%到100%移动整个列表 */
@keyframes scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-7 * (150px + 1.5rem)));
    }
}

/* 项目样式 */
.book-item {
    flex-shrink: 0;
    width: 150px;
    height: 220px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* 增加阴影过渡 */
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

    /* 鼠标悬停效果 */
    .book-item:hover {
        transform: scale(1.05) translateY(-10px); /* 悬浮时放大5%并上移10px */
        box-shadow: 0 12px 24px rgba(0,0,0,0.2); /* 悬浮时阴影更深 */
    }

    /* 图片容器 */
    .book-item .image-container {
        position: relative; /* 使子元素可以相对于它定位 */
        width: 100%;
        height: 100%;
    }

    /* 图片样式 */
    .book-item img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* 标题样式 (初始隐藏) */
    .book-item .book-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7); /* 半透明黑色背景 */
        color: white;
        padding: 10px;
        text-align: center;
        font-size: 0.9rem;
        white-space: normal;
        line-height: 1.2;
        box-sizing: border-box;
        opacity: 0; /* 初始隐藏 */
        transition: opacity 0.3s ease-in-out;
    }

    /* 鼠标悬浮在链接上时显示标题 */
    .book-item a:hover .book-title {
        opacity: 1;
    }

    .book-item a {
        text-decoration: none;
        color: inherit;
        display: block; /* 使链接占据整个卡片区域 */
        height: 100%;
    }