.focusBox22 {  width:100%; height:320px; overflow: hidden; }
.focusBox22 .pic img { width:100%; height:320px; display: block; margin:0 auto; }
.focusBox22 .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:557px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox22 .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }
.focusBox22 .prev,
.focusBox22 .next { width:45px; height:99px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox22 .prev { background-image:url(../images/index.png); background-position:-112px 18px; left:0; position:absolute; }
.focusBox22 .next { background-image:url(../images/index.png); background-position:-158px 18px; right:0; position:absolute; }
.focusBox22 .prev:hover,
.focusBox22 .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
.focusBox22 .pic li a span{ position:absolute; z-index:9999;bottom:34px;margin-left:828px; width:200px; height:auto; padding:10px; background:#fff; opacity:0.8; zoom:1; filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity:0.8;   }
/*小轮播图css*/
.focusBox2 { position: relative; width: 287px; height: 236px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox2 .pic img { width: 287px; height: 236px; display: block; }
.focusBox2 .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 30px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox2 .txt { position: absolute; bottom: 0; z-index: 2; height: 30px; width:100%; overflow: hidden; }
.focusBox2 .txt li{ height:30px; line-height:30px; position:absolute; bottom:-30px;}
.focusBox2 .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox2 .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox2 .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox2 .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox2 .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox2 .num li.on a,.focusBox .num a:hover{ background:#f60;  }
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;}

        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
            padding: 20px;}

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;}

        .header {
            text-align: center;
            padding: 30px 0;
            margin-bottom: 30px;
            background: linear-gradient(135deg, #a10000, #d30000);
            border-radius: 10px;
            color: #f0ec08;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}

            .header h1 {
                font-size: 2.8rem;
                text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
                letter-spacing: 2px;
                margin-bottom: 10px;}

            .header p {
                font-size: 1.2rem;
                max-width: 800px;
                margin: 0 auto;
                opacity: 0.9;}

        .section-label {
            font-size: 1.5rem;
            color: white;
            height: 80px;
            line-height: 80px;
            text-align: center;
            border-radius: 50%;
            margin: 10px auto;
            position: relative;}

            .section-label svg {
                width: 80px;
                height: 80px;}
        .section {
            margin-bottom: 40px;}

        /* PC布局 - 网格布局 */
        .section-one .grid-container {
            display: grid;
            grid-template-columns:  repeat(6, calc(50% - 10px)); 
            grid-template-rows: repeat(1, 1fr);
            gap: 20px;}

        .section-two .grid-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto;
            gap: 20px;}

        .section-two .row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            grid-column: span 2;}

        /* 盒子基础样式 */
        .box {
            background: white;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            height: 100%;}

            .box:hover {
                transform: translateY(-8px);
                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}

        .box-title {
            color: #b00000;
            font-size: 1.5rem;
            font-weight: bold;
            padding-bottom: 10px;
            margin-bottom: 15px;
            border-bottom: 2px solid #e0e0e0;
            position: relative;
            display: flex;
            align-items: center;}

            .box-title i {
                margin-right: 10px;
                width: 32px;
                height: 32px;
                background: rgba(176, 0, 0, 0.1);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.1rem;}

            .box-title::after {
                content: '';
                position: absolute;
                bottom: -2px;
                left: 0;
                width: 50px;
                height: 3px;
                background: #b00000;
                border-radius: 3px;}

        .box-content {
            flex: 1;
            overflow: hidden;
            position: relative;}

        .text-content {
            font-size: 1.05rem;
            line-height: 1.7;
            color: #444;}

        .slideshow {
            height: 100%;
            background: linear-gradient(135deg, #f9f9f9, #f0f0f0);
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            overflow: hidden;
            border: 2px dashed #e0e0e0;}

            .slideshow::before {
                content: '图片轮播区域';
                color: #888;
                font-size: 1.2rem;
                font-weight: bold;
                font-style: italic;
                z-index: 2;}

            .slideshow::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(200, 200, 200, 0.1) 10px, rgba(200, 200, 200, 0.1) 20px );
                z-index: 1;}

        .slideshow-dots {
            position: absolute;
            bottom: 15px;
            display: flex;
            gap: 8px;
            z-index: 3;}

        .dot {
            width: 10px;
            height: 10px;
            background: #d0d0d0;
            border-radius: 50%;}

            .dot.active {
                background: #b00000;}

        /* 响应式设计 - 移动端 */
        @media (max-width: 768px) {
            .section-one .grid-container {
                display: flex;
                flex-direction: column;
                height: auto;}

            .section-two .grid-container {
                display: flex;
                flex-direction: column;}

            .section-two .row {
                display: flex;
                flex-direction: column;}

            .box {
                margin-bottom: 20px;}

            .header h1 {
                font-size: 2.2rem;}

            .slideshow {
                height: 200px;}
        }

        .footer {
            text-align: center;
            padding: 20px;
            color: #777;
            background: #fff;
            border-radius: 10px;
            margin-top: 30px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

            .footer p {
                margin: 5px 0;}

        .banner {
            background: linear-gradient(135deg, #a10000, #d30000);
            color: white;
            text-align: center;
            padding: 10px;
            border-radius: 6px;
            margin-bottom: 15px;
            font-weight: bold;}

        .big-box {
            margin-top:20px;
            min-height: 300px;}

        .bottom-row {
            grid-column: span 2;
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;}
        .big-box .box-title {
            font-size: 1.8rem;}

            .big-box .box-title::after {
                width: 70px;
                height: 4px;}

        /* 党章列表样式 */
        .party-regulations {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;}

        .regulation-card {
            background: rgba(176, 0, 0, 0.05);
            border-radius: 8px;
            padding: 15px;
            transition: all 0.3s ease;}

            .regulation-card:hover {
                background: rgba(176, 0, 0, 0.08);
                transform: translateY(-3px);}

            .regulation-card h3 a {
                color: #b00000;
                margin-bottom: 10px;
                text-decoration:none;
}