/* 全局变量定义 */
        :root { --main-color: #7c89d7; --bg-gray: #f9f9fb; --text-dark: #333; }
        
        body { background-color: var(--bg-gray); color: var(--text-dark); font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        .wrapper { padding: 50px 0; }
        .w1200 { width: 1200px; margin: 0 auto; }
		.rq_wrap{display: flex;gap: 50px;}
    

        /* --- 侧边栏 Subleft 设计 --- */
        .subleft { width: 280px; }
        
        /* 侧边分类栏 */
        .toptitle { background: var(--main-color); border-radius: 8px 8px 0 0; padding: 18px 25px; }
        .toptitle h3 { color: #fff; font-size: 18px; font-weight: 500; margin: 0; letter-spacing: 1px; }
        
        .cont { background: #fff; border: 1px solid #eee; border-top: none; border-radius: 0 0 8px 8px; padding: 10px 0; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }
        .cont ul.list { list-style: none; padding: 0; margin: 0; }
        .cont ul.list li { position: relative; border-bottom: 1px solid #f6f6f6; transition: 0.3s; }
        .cont ul.list li:last-child { border-bottom: none; }
        .cont ul.list li a { display: block; padding: 14px 25px; color: #555; text-decoration: none; font-size: 15px; }
        .cont ul.list li::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: var(--main-color); transform: scaleY(0); transition: 0.3s; }
        
        /* 侧边悬停效果 */
        .cont ul.list li:hover, .cont ul.list li.hover { background: #f4f5fb; }
        .cont ul.list li:hover a, .cont ul.list li.hover a { color: var(--main-color); font-weight: 600; }
        .cont ul.list li:hover::before, .cont ul.list li.hover::before { transform: scaleY(1); }

        /* 左侧推荐模块 */
        .leftRecomm { background: #fff; border-radius: 8px; border: 1px solid #eee; padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }
        .leftRecomm .title { font-size: 17px; font-weight: 600; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #f0f0f0; position: relative; }
        .leftRecomm .title::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 40px; height: 2px; background: var(--main-color); }
        .leftRecomm .title a { color: var(--text-dark); text-decoration: none; }
        
        /* 侧边产品小图模式 */
        .leftRecomm .list .item { display: block; margin-bottom: 15px; text-decoration: none; }
        .leftRecomm .list .item img { width: 100%; border-radius: 6px; transition: 0.4s; border: 1px solid #eee; }
        .leftRecomm .list .item h3 { font-size: 13px; color: #666; margin-top: 8px; text-align: center; font-weight: normal; transition: 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
        .leftRecomm .list .item:hover img { transform: translateY(-3px); border-color: var(--main-color); box-shadow: 0 5px 15px rgba(124,137,215,0.2); }
        .leftRecomm .list .item:hover h3 { color: var(--main-color); }

        /* 侧边新闻简讯模式 */
        .leftRecomm ul.newslist { list-style: none; padding: 0; }
        .leftRecomm ul.newslist li { padding: 8px 0; border-bottom: 1px dashed #eee; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
        .leftRecomm ul.newslist li a { font-size: 14px; color: #666; text-decoration: none; transition: 0.3s; }
        .leftRecomm ul.newslist li a:hover { color: var(--main-color); padding-left: 5px; }

        /* --- 右侧文章列表设计 --- */
        .subright { width: 880px; }
        .sitepath { margin-bottom: 30px; font-size: 14px; color: #999; display: flex; align-items: center; }
        .sitepath i { color: var(--main-color); margin-right: 10px; }

        .newslist .item { background: #fff; margin-bottom: 25px; border-radius: 12px; border: 1px solid #efefef; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .newslist .item:hover { transform: translateY(-6px); box-shadow: 0 15px 35px rgba(124,137,215,0.15); border-color: var(--main-color); }
        .newslist .item a { display: flex; padding: 25px; text-decoration: none; }
        
        .newslist .img { width: 280px; height: 175px; overflow: hidden; border-radius: 8px; flex-shrink: 0; }
        .newslist .img img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }
        .newslist .item:hover .img img { transform: scale(1.08); }

        .newslist .txt { margin-left: 30px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
        .newslist .txt h3 { font-size: 22px; font-weight: 600; color: #2a2a2a; margin: 0 0 15px 0; transition: 0.3s; }
        .newslist .item:hover .txt h3 { color: var(--main-color); }
        .newslist .txt p { font-size: 15px; color: #777; line-height: 1.7; margin-bottom: 15px; height: 50px; overflow: hidden; }
        
        .newslist .meta { font-size: 13px; color: #bbb; display: flex; gap: 20px; border-top: 1px solid #f5f5f5; padding-top: 15px; }
        .newslist .meta i { color: var(--main-color); opacity: 0.7; }

        /* 分页美化 */
        .ab_pages { text-align: center; margin-top: 50px; }
        .ab_pages a, .ab_pages span { padding: 10px 18px; margin: 0 3px; border-radius: 6px; background: #fff; border: 1px solid #e0e0e0; color: #666; transition: 0.3s; text-decoration: none; }
        .ab_pages a:hover, .ab_pages .page-num-current { background: var(--main-color); color: #fff !important; border-color: var(--main-color); box-shadow: 0 4px 10px rgba(124,137,215,0.3); }

        /* 顶部 Banner */
        .nybanner { height: 380px; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; position: relative; }
        .nybanner::before { content: ""; position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.35); }
        .nybanner h1 { color:#fff; z-index:1; font-size:42px; font-weight: 300; letter-spacing:4px; text-transform: uppercase; }