.index-main { background-image: ; background-repeat: no-repeat; min-height: 1000px; background-size: contain; } /* 轮播样式开始 */ .swiper-container { width: 100%; height: 100%; border-radius: 8px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide { position: relative; } .swiper-slide h1 { width: 100%; font-size: 16px; color: white; text-align: left; height: 60px; line-height: 78px; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), #000); } .swiper-slide h1 span { padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; display: block; } .swiper-pagination { bottom: 10px; text-align: right; left: unset; right: 20px; } .swiper-pagination-bullet { background-color: #d5bdbb; } .swiper-pagination-bullet-active { padding: 0 10px; border-radius: 3px; } /* 轮播样式结束 */ .toutiao { padding: 50px; } .toutiao-title { width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .toutiao-title a { font-size: 40px; font-weight: bold; color: #bd1026; margin-left: 16px; } .toutiao-subtitle { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 16px; } .top-news { width: 100%; display: block; } .top-left { width: 691px; float: left; } .top-left #top-lunbo { width: 691px; height: 389px; border-radius: 10px; } .top-left-news { margin-top: 20px; display: flex; justify-content: space-between; } .top-left-news-item { width: 215px; } .top-left-news-item img { width: 215px; height: 121px; border-radius: 8px; } .top-left-news-item p { margin-top: 8px; font-size: 16px; } .top-left-news-item p a { color: #333333; } .top-right-news { float: left; width: 465px; height: 100%; margin-left: 40px; } .top-right-news li { width: 100%; height: 36px; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ } .top-right-news ul li a { line-height: 36px; color: #333333; } .news-list-first { font-weight: bold; font-size: 18px; } .news-top li a { color: #333333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-top-head { line-height: 36px; font-weight: bold; font-size: 18px; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ } .news-top-head span { padding: 3px; font-weight: normal; font-size: 16px; color: #ffffff; background-color: #ce2a2a; border-radius: 5px; } .news-middle { margin-top: 20px; } .news-bottom { margin-top: 20px; } .video-section { margin: 30px 0 40px 0; } .video-section-head { border-bottom: 1px solid #dddddd; display: flex; justify-content: space-between; } .video-section-title { font-size: 20px; border-bottom: 2px solid #bd1026; } .video-section-head-more a { color: #dddddd; } .live-review { border-bottom: 1px dashed #dddddd; padding: 20px 0; } .live-review, .live-review-item { display: flex; justify-content: space-between; } .live-review-item { width: 31%; } .live-review-item img { width: 147px; height: 83px; border-radius: 5px; } .live-review-item-status span { padding: 0 5px; font-size: 12px; color: #ffffff; background-color: #ce2a2a; border-top-right-radius: 5px; border-bottom-left-radius: 5px; } .live-review-item-title { flex: 1; padding-left: 12px; height: 80px; } .live-review-item-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; color: #333333; } .video-list-row { padding: 20px 0; border-bottom: 1px dashed #dddddd; display: flex; justify-content: space-between; } .video-list-item { width: 31%; display: flex; } .video-list-item img { margin-top: 5px; } .video-list-item a { margin-left: 14px; color: #333333; } .index-section-head { height: 40px; border-bottom: 1px solid #dddddd; display: flex; justify-content: space-between; margin-bottom: 18px; } .section-head-left { height: 25px; margin: 7px 0; border-left: 6px solid #ce2a2a; } .index-section-name { height: 30px; margin: 5px 0; padding-left: 8px; font-size: 24px; font-weight: bold; color: #ce2a2a; line-height: 26px; } .index-section-more a { color: #dddddd; line-height: 40px; } .zhuanti-section { margin-bottom: 40px; } .zhuanti-list { padding: 0 20px; } .zt-swiper-button-prev { background-image: ; background-position: 50%; background-size: 13px 24px; } .zt-swiper-button-next { background-image: ; background-position: 50%; background-size: 13px 24px; } .index-section-wrapper { margin-bottom: 30px; } .nishan-section-title { border: none; } .index-section-left { display: flex; justify-content: space-between; } .index-section-sub-nav { margin-left: 30px; line-height: 40px; font-weight: bold; color: #7d7d7d; } .index-section-sub-nav a { color: #7d7d7d; } .index-section-content {} .index-section-content ul li a { color: #333333; /* 超过宽度时省略显示 */ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sub-section-left, .sub-section-middle, .sub-section-right { width: 32%; } .index-default-list { list-style: disc; } .index-default-list li { margin: 0 0 15px 20px; } .ns-section-content { display: flex; justify-content: space-between; } .ns-icon-box { display: flex; justify-content: space-between; } .ns-btn-box, .kzjjh-btn-box { margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; } .ns-btn-box a { color: #6677ee; border: 1px solid #6677ee; display: block; width: 24%; text-align: center; margin-bottom: 10px; } .ns-btn-box a { color: #6677ee; border: 1px solid #6677ee; display: block; width: 24%; text-align: center; margin-bottom: 10px; } .kzjjh-btn-box a { color: #d75959; border: 1px solid #d75959; display: block; width: 24%; text-align: center; margin-bottom: 10px; } .yjsy-wrapper { background-color: #e0e8ff; height: 666px; margin-bottom: 40px; padding: 0; } .yjsy-top { display: flex; margin-top: 30px; justify-content: space-between; align-items: center; } .yjsy-jianjie { font-weight: bold; } .yjsy-card-wrapper { margin: 45px 0; width: 100%; } .yjsy-swiper .swiper-slide { width: 410px; height: 460px; } .yjsy-card { width: 410px; height: 460px; background-color: #ffffff; padding: 20px; } .yjsy-card li a { color: #333333; } .yjsy-card-head span { color: #a8a8a8; font-size: 16px; font-weight: normal; } .yjsy-card-name { display: flex; justify-content: space-between; height: 28px; } .yjsy-card-name h5 { font-size: 24px; font-weight: normal; } .yjsy-card-name a { color: #a8a8a8; font-size: 24px; } .yjsy-card-name2 { color: #a8a8a8; font-size: 16px; display: block; text-align: left; } .yjsy-card-content { margin-top: 30px; height: 335px; overflow: hidden; text-align: left; } .yjsy-card-content a h6 { margin: 12px 0; font-weight: bold; } .yjsy-xwdt a img { max-width: 100%; max-height: 100%; width: 100%; height: 208px; /* 根据您的需要调整高度 */ object-fit: cover; object-position: center; display: block; } .yjsy-news-list { list-style: disc; font-size: 16px; } .yjsy-news-list li { height: 32px; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ line-height: 32px; list-style-type: none; /* 移除默认的列表样式 */ position: relative; padding-left: 20px; /* 为自定义圆点留出空间 */ } .yjsy-news-list li::before { content: "•"; /* 使用 unicode 圆点符号 */ color: #6677ee; /* 设置圆点颜色 */ font-size: 1.2em; position: absolute; left: 0; top: 0; } .yjsy-notice-list li { font-size: 16px; padding-top: 15px; height: 80px; border-bottom: 1px solid #a8a8a8; } .yjsy-notice-list li a { white-space: normal; /* 允许换行 */ display: -webkit-box; /* 使用弹性盒子布局 */ -webkit-line-clamp: 2; /* 限制显示两行 */ -webkit-box-orient: vertical; /* 垂直排列 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ } .yjsy-zhuanti { display: flex; flex-direction: column; justify-content: space-between; } .yjsy-list2 { list-style: disc; } .yjsy-list2 li { height: 60px; font-size: 16px; list-style-type: none; /* 移除默认的列表样式 */ position: relative; padding-left: 20px; /* 为自定义圆点留出空间 */ } .yjsy-list2 li::before { content: "•"; /* 使用 unicode 圆点符号 */ color: #6677ee; /* 设置圆点颜色 */ font-size: 1.2em; position: absolute; left: 0; top: 0; } .yjsy-list2 li { width: 370px; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ } /* 添加以下css样式 */ .image-slider-container { width: 100%; margin: 0 auto; overflow: hidden; position: relative; } .slider-wrapper { display: flex; transition: transform 0.5s ease; } .slide-item { width: 82px; height: 399px; transition: all 0.5s ease; } .slide-item.active { transition: all 0.5s ease; width: 678px; } .zjk-wrapper { background-color: #be142a; padding: 0; } .zjk-head { margin-top: 30px; border-color: #f45678; } .zjk-head .section-head-left { border-color: #ffffff; } .zjk-head .index-section-name { color: #ffffff; } .zjk-head .index-section-more a { color: #f45678; } .zjk-nav-item { margin-top: 8px; margin-left: 30px; } .zjk-nav-item a, .zjk-nav-item span { color: #ec8d17; padding: 0 3px; } .zjk-nav-item a:hover, .zjk-nav-active { background-color: #ec8d17; color: #be142a !important; } .zjk-nav-title { padding: 6px !important; margin-right: 10px; background-color: #ec8d17; color: #be142a !important; } .zjk-card-wrapper { width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px; } .zjk-card { width: 220px; height: 260px; background-color: #ffffff; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; } .zjk-card a img { width: 100%; } .zjk-card h5 { text-align: center; font-size: 18px; font-weight: bold; height: 21px; color: #333333; } .zjk-card p { font-size: 14px; height: 42px; color: #333333; } .zjk-card-more { font-size: 14px; color: #bbbbbb; text-align: right; height: 21px; } .zjk-bottom { width: 100%; height: 320px; background-color: #ffffff; display: flex; } .zjk-sub-section { width: 50%; padding: 15px; margin-bottom: 0; } .zjk-hot-news li { border-bottom: 1px solid #d0d0d0; height: 35px; list-style: none; /* 去除默认列表样式 */ position: relative; padding-left: 20px; /* 为原点留出空间 */ } .zjk-hot-news li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translatey(-50%); width: 6px; height: 6px; background-color: #be142a; border-radius: 50%; } .zjk-hot-news li a { line-height: 35px; color: #494847; font-size: 16px; font-weight: bold; } .recommend-news-container { background-color: #fff7ef; padding: 30px 0 0 0; } .recommend-row-wrapper { display: flex; justify-content: space-between; } .recommend-section { width: 360px; } .recommend-section ul { list-style: disc; } .recommend-section li { line-height: 35px; margin-left: 16px; } .recommend-section li a { color: #333333; } .xueshu-container { padding: 0; background-color: #c68455; } .xueshu-row { height: 690px; margin-top: 60px; background-image: ; background-repeat: no-repeat; background-position-y: 460px; } .xueshu-head { display: flex; } .xueshu-nav { margin-left: 30px; height: 56px; line-height: 56px; color: #ffffff; font-weight: bold; } .xueshu-nav a { color: #ffffff; font-size: 20px; } .book-swiper { width: 90%; height: 340px; margin-top: 80px; border-radius: 0; } .book-swiper .swiper-slide { background-color: transparent; } .book-swiper-button-prev { background-image: ; background-position: 50%; background-size: 28px 54px; margin-top: -60px; } .book-swiper-button-next { background-image: ; background-position: 50%; background-size: 28px 54px; margin-top: -60px; } .qikan-title { margin: 30px 0; } .qikan-card-wrapper { display: flex; justify-content: space-between; } .qikan-card { width: 380px; height: 350px; background-color: #fff0df; padding: 35px 35px 0 35px; } .qikan-card-book { width: 100%; display: flex; justify-content: space-between; } .qikan-book-img { margin-right: 10px; } .qikan-book-intro h5 { font-size: 20px; font-weight: bold; } .qikan-book-intro p { font-size: 12px; color: #333333; margin-top: 10px; } .qikan-card-list { margin-top: 20px; } .qikan-card-list li { white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出内容 */ text-overflow: ellipsis; /* 显示省略号 */ } .qikan-card-list li a { color: #333333; line-height: 30px; } .qikan-card-more { float: right; margin-top: 20px; } .qikan-card-more a { color: #bbbbbb; } .recommend-news2-container { padding: 30px 15px 0 15px; } .recommend-news2-cover { width: 360px; height: 202px; position: relative; display: block; margin-bottom: 10px; overflow: hidden; } .recommend-news2-cover img { width: 360px; height: 202px; object-fit: cover; object-position: center; display: block; } .recommend-news2-container h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); /* 可选:添加半透明背景提高可读性 */ color: white; /* 可选:设置文字颜色 */ margin: 0; padding: 6px; font-size: 16px; } .language-container { padding: 0 15px 30px 15px; } .language-card-wrapper { display: flex; justify-content: space-between; } .language-card { width: 360px; } .language-card-head { display: flex; justify-content: space-between; border-bottom: 1px solid #dadada; } .language-card-title { font-size: 20px; border-bottom: 2px solid #ce2a2a; } .language-card-more a { color: #dadada; line-height: 20px; font-size: 16px; } .language-card-list ul { margin-top: 20px; list-style: disc; padding-left: 16px; } .language-card-list li { line-height: 40px; height: 40px; } .language-card-list li a { color: #333333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .szh-container { padding: 30px 0; background-color: #f3f3f3; } .szh-shuzihua { padding-right: 15px; } .szh-dianzishu { padding-left: 15px; } .szh-container .index-section-head { border: none; } .shuzihua-title2 { color: #cbcbcb; font-size: 16px; margin-left: 30px; } .shuzihua-content { background-color: #ffffff; padding-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-evenly; } .shuzihua-content a { margin-bottom: 50px; } .shuzihua-content a h5 { font-size: 20px; margin-top: 10px; font-weight: bold; } .dianzishu-content { height: 576px; background-color: #ffffff; display: flex; flex-flow: column; justify-content: space-between; padding: 50px 30px; }