-size: 18px; position: absolute; top: 50%; z-index: 2; color: #fff; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; opacity: 0; cursor: pointer; width: 20px; height: 52px; border-radius: 0; background: rgba(0, 0, 0, 0.5); line-height: 52px; text-align: center; } .bannerArrow--next:hover, .bannerArrow--prev:hover { background: rgba(0, 0, 0, 0.5); } .bannerArrow--prev { left: 50%; margin-left: -305px; -webkit-transform: translateY(-50%) scale(-1, 1); -ms-transform: translateY(-50%) scale(-1, 1); transform: translateY(-50%) scale(-1, 1); } .bannerArrow--next { right: 50%; margin-right: -560px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .bannerDots { position: absolute; bottom: 20px; left: 58%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; } .bannerDots li { width: 8px; height: 8px; display: inline-block; margin: 5px; border-radius: 20px; position: relative; display: inline-block; /* width: 20px; */ /* height: 20px; */ margin: 0 5px; padding: 0; cursor: pointer; } .bannerDots button { outline: 0; border: 0; display: block; width: 8px; height: 8px; background: hsla(0, 0%, 100%, .7); font-size: 0; border-radius: 10px; margin: 0; margin-left: 5px; margin-right: 5px; font-size: 0; line-height: 0; display: block; /* width: 20px; */ /* height: 20px; */ padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; } .bannerDots .slick-active { width: 25px; height: 7px; } .bannerDots .slick-active button { background: #fff; width: 25px; height: 7px; } /**/ .fl { float: left; } .fr { float: right; } .cl_b { clear: both; } /* 头部样式已移至公共CSS文件 style.css */ /* 全局优化样式 */ * { box-sizing: border-box; } /* 平滑滚动 */ html { scroll-behavior: smooth; } /* 链接优化 */ a { text-decoration: none; transition: color 0.3s ease; } /* 图片优化 */ img { max-width: 100%; height: auto; } /* 按钮和交互元素优化 */ button, .btn, a[role="button"] { cursor: pointer; transition: all 0.3s ease; } /* 整体页面背景优化 */ body { background-color: #fefefe; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; line-height: 1.6; color: #333; } /* 内容区域优化 */ .allbox { background: #fff; padding: 35px 0 45px 0; } /* 标题样式优化 */ .top_title { position: relative; padding-bottom: 15px; margin-bottom: 25px; } .top_title p { font-size: 24px; font-weight: 600; color: #333; position: relative; padding-left: 15px; } .top_title p::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 24px; background: linear-gradient(to bottom, #F94143, #E03032); border-radius: 2px; } .top_title p strong { color: #F94143; } /* 卡片样式优化 */ .top_l_list li, .leftimg li { border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; } .top_l_list li:hover, .leftimg li:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(249, 65, 67, 0.15); } /* 热门推荐列表优化 */ .top_m_list ul { background: #fff; border-radius: 8px; padding: 15px 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .top_m_list ul li { padding: 8px 0; border-bottom: 1px dashed #e8e8e8; } .top_m_list ul li:last-child { border-bottom: none; } .top_m_list ul li a { color: #666; transition: color 0.3s ease; } .top_m_list ul li a:hover { color: #F94143; } .top_m_list ul li a.hot { color: #333; font-weight: 500; } .top_m_list ul li a.hot:hover { color: #F94143; } /* 今日头条卡片优化 */ .top_r_ul { border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); background: #fff; overflow: hidden; } .top_r_ul li { transition: background-color 0.3s ease; } .top_r_ul li:hover { background-color: #fff5f5; } .top_r_ul li.active { background-color: #fff5f5; border-left: 3px solid #F94143; } .top_r_li_tt { color: #333; font-weight: 500; } .top_r_li_tt:hover { color: #F94143; } /* 轮播图优化 */ .bannerSlick { position: relative; } .bannerItem { background-size: cover; background-position: center; } .bannerArrow--next, .bannerArrow--prev { background: rgba(249, 65, 67, 0.8); border-radius: 4px; width: 50px; height: 50px; line-height: 50px; transition: all 0.3s ease; } .bannerArrow--next:hover, .bannerArrow--prev:hover { background: #F94143; transform: scale(1.1); } /* 公告区域优化 */ .gonggao_box { background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%); padding: 40px 0; border-top: 1px solid rgba(249, 65, 67, 0.1); border-bottom: 1px solid rgba(249, 65, 67, 0.1); } .color_box { gap: 20px; padding: 0; } .color_box li { border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; } .color_box li:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(249, 65, 67, 0.15); } .color_box li img { display: block; width: 100%; height: auto; } /* 标签页优化 */ .tab_h3 { background: linear-gradient(135deg, rgba(249, 65, 67, 0.08) 0%, rgba(249, 65, 67, 0.03) 100%); padding: 15px 20px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #F94143; } .mytab_tt { background: #fff; border-radius: 8px 8px 0 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .mytab_tt ul li a { color: #666; transition: all 0.3s ease; } .mytab_tt ul li a:hover { color: #F94143; } .mytab_tt ul .on a { color: #F94143; font-weight: 600; } /* 内容展示区域优化 */ .ban_imgbox { gap: 20px; } .ban_img { border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; } .ban_img:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(249, 65, 67, 0.15); } .ban_img img { width: 100%; height: auto; display: block; } /* 列表项优化 */ .public_show_ul { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .public_show_li a { color: #666; transition: color 0.3s ease; padding: 8px 0; display: block; } .public_show_li a:hover { color: #F94143; } .p_s_li_r { color: #333; } /* 响应式优化 */ @media (max-width: 1280px) { .m_wid { width: 100%; padding: 0 20px; } .navdl { width: 100%; padding: 15px 20px; flex-wrap: wrap; gap: 15px; } .navdl .h_log { max-width: 200px; } .navdl .ser { min-width: 100%; max-width: 100%; order: 3; } .navdl .top_tel { font-size: 16px; order: 2; } .top_box { flex-direction: column; gap: 30px; } .top_l, .top_m, .top_r { width: 100%; } } @media (max-width: 768px) { .color_box { flex-direction: column; } .ban_imgbox { flex-direction: column; } }
服务热线：400-096-8976

精品课程

热门推荐

今日头条

更多 →
国考 GUOKAO
山东公知教育
国考课程 GUOKAO COURSE

山东公知教育

山东公知教育

山东公知教育

山东公知教育

山东公知教育

山东公知教育

山东公知教育

山东公知教育

学员评价
省考 SHENGKAO
山东公知教育
省考课程 SHENGKAO COURSE
山东公知教育官网

山东公知教育官网

山东公知教育官网

山东公知教育官网

山东公知教育官网

山东公知教育官网

山东公知教育官网

山东公知教育官网

山东公知教育官网

学员订购
事业编 SHIYEBIAN
山东公知教育
事业编课程 SHIYEBIAN COURSE
山东公知教育

山东公知教育

山东公知教育

山东公知教育

山东公知教育

山东公知教育

山东公知教育

山东公知教育

山东公知教育

上岸高端班
  • 山东公知教育

工作时间（周一至周日）

9:00 - 21:30

咨询热线

400-096-8976

  • 微信收款码

  • 支付宝收款码

鲁ICP备2025170080号-1