diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..9e482bd Binary files /dev/null and b/.DS_Store differ diff --git a/static/resources/common/common.css b/static/resources/common/common.css index d8f0ff6..ec00b36 100644 --- a/static/resources/common/common.css +++ b/static/resources/common/common.css @@ -147,7 +147,7 @@ body { } .centerWidth{ - width: 1400px; + width: 1300px; margin: 0 auto; } diff --git a/static/resources/common/common.js b/static/resources/common/common.js index 6e70d28..75e6efb 100644 --- a/static/resources/common/common.js +++ b/static/resources/common/common.js @@ -1307,6 +1307,78 @@ floatLR(option); } }); + + + + // 独立的自动播放方法 + // 独立的自动播放方法 + $.fn.autoPlayTabs = function(options) { + const settings = $.extend({ + tabHead: "", // 选项卡标题的选择器 + tabCont: "", // 选项卡内容的选择器 + cur: "cur", // 当前活动选项卡的类名 + interval: 3000, // 自动播放间隔时间(单位:毫秒) + pauseOnHover: true, // 是否在鼠标悬停时暂停自动播放 + autoPlay:true + }, options); + + // 仅在当前元素内部查找 tabHead 和 tabCont + const $tabHead = this.find(settings.tabHead); + const $tabCont = this.find(settings.tabCont); + let currentIndex = 0; + let autoPlayInterval; + + // 切换选项卡的函数 + function switchTab(index) { + $tabHead.removeClass(settings.cur).eq(index).addClass(settings.cur); + $tabCont.hide().eq(index).show(); + } + + // 启动自动播放 + function startAutoPlay() { + if(!settings.autoPlay) + autoPlayInterval = setInterval(() => { + currentIndex = (currentIndex + 1) % $tabHead.length; // 循环切换 + switchTab(currentIndex); + }, settings.interval); + } + + // 停止自动播放 + function stopAutoPlay() { + if (autoPlayInterval) { + clearInterval(autoPlayInterval); + } + } + + // 初始化自动播放 + if (settings.autoPlay) { + startAutoPlay(); + } + + // 鼠标移动到 tabHead 时切换到对应内容 + $tabHead.on("mouseenter", function() { + const index = $(this).index(); // 获取当前选项卡的索引 + currentIndex = index; // 更新当前索引 + switchTab(index); // 切换到对应内容 + + // 如果启用了悬停暂停,则停止自动播放 + if (settings.pauseOnHover) { + stopAutoPlay(); + } + }); + + // 鼠标移出 tabHead 时恢复自动播放 + if (settings.pauseOnHover) { + $tabHead.on("mouseleave", function() { + startAutoPlay(); + }); + } + + // 返回当前对象以支持链式调用 + return this; + }; + + })(jQuery); if (typeof exports === 'object') { diff --git a/static/resources/common/headfoot.css b/static/resources/common/headfoot.css index 2eaba2d..64de5d8 100644 --- a/static/resources/common/headfoot.css +++ b/static/resources/common/headfoot.css @@ -5,10 +5,6 @@ body { background: url(body-bg.jpg) center top repeat-x; } -.container { - width: 1300px; - margin: 0 auto; -} .head { height: 189px; @@ -87,6 +83,7 @@ body { } .search-container { + z-index: 99; visibility: hidden; opacity: 0; position: absolute; @@ -331,11 +328,13 @@ footer .info { color: #c92e1a; } +@font-face { + font-family: ysbth; + src: url(ysbth.ttf); +} @media screen and (max-width: 768px) { - .container { - width: 100%; - } + .head{ height: unset; } @@ -376,6 +375,7 @@ footer .info { justify-content: center; align-items: center; } + .info-logo img{ width: 80%; } diff --git a/static/resources/common/ysbth.ttf b/static/resources/common/ysbth.ttf new file mode 100644 index 0000000..3729151 Binary files /dev/null and b/static/resources/common/ysbth.ttf differ diff --git a/static/resources/index/20240815171210536.jpg b/static/resources/index/20240815171210536.jpg new file mode 100644 index 0000000..92eb2fc Binary files /dev/null and b/static/resources/index/20240815171210536.jpg differ diff --git a/static/resources/index/dot.png b/static/resources/index/dot.png new file mode 100644 index 0000000..cf9e6fe Binary files /dev/null and b/static/resources/index/dot.png differ diff --git a/static/resources/index/index.css b/static/resources/index/index.css new file mode 100644 index 0000000..9c5edd0 --- /dev/null +++ b/static/resources/index/index.css @@ -0,0 +1,497 @@ +.index-box1-head { + position: relative; +} +.index-box1-l, +.index-box1-r { + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.index-box1-l { + left: 0; + width: 110px; + height: 150px; + background: url(topnewBG.jpg) no-repeat; +} +.index-box1-r { + right: 0; +} +.index-box1-r a { + color: rgb(189, 26, 45); + font-size: 16px; +} +.index-box1-c { + height: 150px; + width: 1080px; + margin: 0 auto; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} +.index-box1-c .title { + font-size: 30px; + color: #df0012; + font-weight: bold; + line-height: 44px; +} +.index-box1-c .desc { + font-size: 18px; + color: #333; +} +.index-box1-c .desc:hover { + color: #df0012; +} +.index-box1-body { + display: flex; + padding-bottom: 30px; +} + +.index-box1-body-l, +.index-box1-body-r { + flex: 1; +} +.index-box1-body-r { + margin-left: 44px; +} + +.news-title { + height: 43px; + font-size: 32px; + font-weight: bold; + box-sizing: content-box; + border-bottom: 2px solid #e5e5e5; +} +.news-title a { + line-height: 41px; + color: #0e3890; + border-bottom: 2px solid #bd1a2d; +} + +.news-title span { + color: #bd1a2d; +} + +.news-list { + margin-top: 10px; +} +.news-list li { + zoom: 1; + line-height: 38px; + display: flex; + justify-content: space-between; + background: url(dot.png) no-repeat 0 50%; +} +.news-list li a { + color: #666; + font-size: 18px; + text-indent: 16px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex: 1; + width: 0; +} + +.news-list li a:hover { + color: #248; +} + +.news-list li span { + color: #ccc; + font-size: 12px; + margin-left: 48px; +} + +.index-box2 { + height: 490px; + overflow: hidden; + background-color: #104697; +} + +.index-box2-body { + display: flex; + margin-top: 41px; +} + +.index-box2-body-l { + width: 640px; + flex: none; +} + +.slides-box, +.slides-img { + height: 360px; + position: relative; + overflow: hidden; +} + +.slides-img a { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.slides-img img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; +} + +.slides-txt { + height: 50px; + width: 100%; + background: url(../images/banner-opbg40.png); + position: absolute; + bottom: 0px; + left: 0px; +} +.slides-mask { + height: 50px; + width: 100%; + background-color: #000; + opacity: 0.6; + position: absolute; + bottom: 0px; + left: 0px; +} +.slides-txt a { + position: absolute; + bottom: 0px; + left: 0; + width: 100%; + height: 100%; + color: #fff; + font-size: 18px; + line-height: 50px; + padding: 0 20px; + overflow: hidden; + white-space: nowrap; + text-align: center; + text-overflow: ellipsis; +} + +.slides-num { + text-align: right; + font-size: 0px; + margin-top: 20px; + margin-right: 20px; +} +.slides-num span { + display: inline-block; + width: 14px; + height: 14px; + text-align: center; + background: #fff; + border-radius: 50%; + margin-left: 20px; + cursor: pointer; +} +.slides-num span.cur { + background: #f5d389; +} +.news2-title p { + height: 52px; + line-height: 36px; + float: left; + font-size: 40px; + font-weight: bold; + color: #fff; + border-bottom: 5px solid #fff; + box-sizing: content-box; +} + +.index-box2-body-r { + margin-left: 44px; +} +.news2-title a { + color: #fff; +} + +.news2-toptitle { + margin-top: 10px; +} +.news2-toptitle a { + font-size: 26px; + font-weight: bold; + line-height: 32px; + margin-top: 10px; + color: #fff; + /* 2行隐藏 */ + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; +} +.news2-list { + margin-top: 15px; +} +.news2-list-ul li { + line-height: 38px; + font-size: 14px; + color: #fff; + display: flex; + justify-content: space-between; +} +.news2-list-ul li a { + font-size: 16px; + color: #fff; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 0; + flex: 1; +} +.news2-list-ul li span { + margin-left: 44px; +} + +.tzgg-box { + height: 58px; + display: flex; + align-items: center; +} +.tzgg-box .tzgg-title { + font-size: 26px; + color: #fff; + font-weight: 600; + vertical-align: middle; + margin-left: 4px; +} +.tzgg-content { + flex: 1; + display: flex; + margin-left: 6px; + align-items: center; +} +.tzgg-content a { + font-size: 20px; + color: #fff; + font-weight: bold; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 0; + flex: 1; +} + +.tzgg-content span { + font-size: 16px; + color: #a6ccea; + margin-left: 10px; +} +.tzgg-more { + font-size: 14px; + color: #fff; + margin-left: 30px; +} + +.divider { + width: 100%; + height: 1px; + margin: 44px 0; + position: relative; + display: block; + background-color: #bdbdbd; +} +.divider a { + font-size: 50px; + color: #104697; + font-family: ysbth; + font-size: 50px; + position: absolute; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); + background-color: #fff; + padding: 0 28px; +} +.divider a span { + font-size: 59px; + color: #bd1a2d; + vertical-align: baseline; +} + +.index-box3 { + margin-top: 20px; +} + +.index-card { + border: 1px solid #e1e1e1; + padding: 0 31px 31px; + +} + +.index-card-nav { + display: flex; + margin-top: 16px; +} + +.index-card-nav li { + flex: 1; + background-color: #e9e9e9; + border-radius: 6px; + height: 50px; + line-height: 50px; + text-align: center; +} +.index-card-nav li.cur { + background-color: #104697; + color: #fff; + position: relative; +} +.index-card-nav li.cur::after { + content: '1'; + position: absolute; + bottom: -8px; + right: 50%; + transform: translateX(50%); + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #104697; + width: 0; + height: 0; +} +.index-card-nav li.cur a { + color: #fff; +} + +.index-card-nav li a { + font-size: 22px; + font-weight: bold; + width: 100%; + height: 100%; + display: block; +} +.index-card-nav li + li { + margin-left: 26px; +} + +.index-card-body { + margin-top: 35px; +} + +.index-card-body .index-item{ + display: flex; +} + +.index-item-l{ + flex: none; +} + +.index-item-r{ + flex: 1; + width: 0; +} + +.news3-title { + min-height: 40px; +} + +.line-1 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + overflow: hidden; +} + +.line-2 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; +} +.news3-title a { + font-size: 22px; + font-weight: bold; + line-height: 27px; + color: #333333; +} + +.news3-title a:hover { + color: #c92e1a; +} + +.news3-desc { + font-size: 14px; + color: #404040; + line-height: 30px; + text-indent: 30px; +} +.news3-1 { + padding-bottom: 18px; + border-bottom: 1px solid #c1182f; +} + +.news3-list{ + margin-top: 18px; +} + +.news3-list li { + height: 38px; + overflow: hidden; + zoom: 1; + background: url(dot.png) no-repeat 0 50%; + display: flex; + justify-content: space-between; + align-items: center; +} + +.news3-list li a { + float: left; + font-size: 16px; + color: #333; + text-indent: 16px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex: 1; + width: 0; +} +.news3-list li a:hover{ + color: #c92e1a; +} + +.news3-list li span { + float: right; + color: #aaa; + font-size: 14px; + margin-left: 44px; +} + +.index-card-ad{ + margin-top: 20px; + display: flex; + justify-content: space-between; +} + + +.news3-img-swiper{ + width: 560px; + margin-right: 44px; +} + +.swiper { + width: 100%; + height: 100%; +} + +.swiper-slide { + text-align: center; + font-size: 18px; + background: #fff; + display: flex; + justify-content: center; + align-items: center; +} + +.swiper-slide img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; +} \ No newline at end of file diff --git a/static/resources/index/index.js b/static/resources/index/index.js new file mode 100644 index 0000000..294102d --- /dev/null +++ b/static/resources/index/index.js @@ -0,0 +1,39 @@ +$(function () { + jQuery(".slides-img a").SwitchFade({ + text: '.slides-txt a', + prev: '.slides-left', + next: '.slides-right', + num: '.slides-num span', + className: 'cur', + playTime: 4000, + lendy: '.x', + indy: '.x', + // autoPlay:false //是否自动轮播 + }); + + $(".index-sw1").autoPlayTabs({ + tabHead: ".index-card-nav li", + tabCont: ".index-card-body .index-item", + cur: "cur", + autoPlay: true, // Enable auto-play + interval: 5000 + }); + + $(".index-sw21").autoPlayTabs({ + tabHead: ".index-card-nav li", + tabCont: ".index-card-body .index-item", + cur: "cur", + autoPlay: false, // Enable auto-play + interval: 5000 + }); + + var swiper = new Swiper(".mySwiper", { + slidesPerView: 3, + spaceBetween: 30, + pagination: { + el: ".swiper-pagination", + clickable: true, + }, + }); + +}) \ No newline at end of file diff --git a/static/resources/index/jcfw_ban_s1.jpg b/static/resources/index/jcfw_ban_s1.jpg new file mode 100644 index 0000000..bea4165 Binary files /dev/null and b/static/resources/index/jcfw_ban_s1.jpg differ diff --git a/static/resources/index/topnewBG.jpg b/static/resources/index/topnewBG.jpg new file mode 100644 index 0000000..7d64da3 Binary files /dev/null and b/static/resources/index/topnewBG.jpg differ diff --git a/static/resources/index/tzggarr.png b/static/resources/index/tzggarr.png new file mode 100644 index 0000000..bb121da Binary files /dev/null and b/static/resources/index/tzggarr.png differ diff --git a/static/resources/index/xccs_ban_s2.jpg b/static/resources/index/xccs_ban_s2.jpg new file mode 100644 index 0000000..abafa93 Binary files /dev/null and b/static/resources/index/xccs_ban_s2.jpg differ diff --git a/static/resources/index/zdzk-sy.png b/static/resources/index/zdzk-sy.png new file mode 100644 index 0000000..5975885 Binary files /dev/null and b/static/resources/index/zdzk-sy.png differ diff --git a/static/xx.html b/static/xx.html new file mode 100644 index 0000000..f6ed8e3 --- /dev/null +++ b/static/xx.html @@ -0,0 +1,93 @@ + + +
+ + +