@charset "UTF-8";
/* CSS Document */
        /* ================= 基础重置 & 字体 ================= */
        * {margin: 0;padding: 0;box-sizing: border-box;}
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;background-color: #f4f6f5; color: #222;line-height: 1.6; background:#eef3ec url("../i/banner_bg.png") no-repeat center top;}
        a { text-decoration: none; color: inherit;}
        img {max-width: 100%;height: auto;display: block;}
        .container { max-width: 1200px;margin: 0 auto;padding: 53px 50px;background: #fff;}

        /* ================= 主内容区布局 ================= */
        .main-layout {
            margin-top: 610px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* --- 上半部分：主图 & 绿色卡片 --- */
        .section-top {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 25px;
        }

        .main-image-wrapper {
            overflow: hidden;
            height: 100%;
            min-height: 260px;
        }
        .main-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .green-cards {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .card-item {
            background-color: #1d6b42; /* 主题深绿色 */
            padding: 25px 18px 5px;
            color: #ffffff;
            display: flex;
            align-items: flex-start;
            gap: 12px;
            flex: 1;
            transition: 0.3s;
			font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
        }
        .card-item:hover {
            background-color: #256f48;
        }


        .card-item p {font-size: 1rem;line-height: 1.3;font-weight: 400;padding-left:55px;background: url("../i/ico1.png") no-repeat left center;}

        /* --- 下半部分：最新动态(Latest) & 亮点(Highlights) --- */
        .section-bottom {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 40px;
            padding-bottom: 40px;
        }

        .section-title {
            font-family: "Times New Roman", Times, serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: #111;
            margin-bottom: 10px;
            border-bottom: 1px solid transparent;
			color:#327849;
			
        }

        /* 最新动态列表 */
        .news-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .news-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 20px 30px 20px 70px;
			 background:#f1f5ee url("../i/ico2.png") no-repeat 25px center;
        }
        .news-item2{
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 20px 30px 20px 70px;
			 background:#f1f5ee url("../i/ico2.png") no-repeat 25px center;
        }
        .news-content {
            display: flex;
            flex-direction: column;
        }

        .news-title {
            font-size: 1.1rem;
			line-height: 1.5;
            color: #222;
            font-weight: 600;
			font-family: Times, "Times New Roman", "serif";
        }

        .news-date {
            font-size: 0.85rem;
            color: #888;
        }

        .read-more-btn {
            display: block;
            width: 100%;
            margin-top: 15px;
            padding: 14px 0;
            background-color: #f1f5ee;
            text-align: center;
            color: #111;
            font-weight: 500;
            letter-spacing: 1px;
            cursor: pointer;
            border: none;
			font-size:22px;
		   font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
        }
        .read-more-btn:hover {
            background-color: #ddd;
        }

        /* 亮点列表 */
        .highlights-list {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }

        .highlight-item {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .highlight-item img {
            width: 100%;
            height: 230px;
            object-fit: cover;

        }

        .highlight-item p {
            font-size: 1.2rem;
            color: #111;
            line-height: 1.2;
            font-weight: 600;
			font-family:Times, "Times New Roman", "serif";
            padding-top: 15px;
        }

        /* ================= 底部版权区 (Footer) ================= */
        footer {
            position: relative;
            background: #186948 url("../i/banner_bot.png") no-repeat center top; /* 深墨绿色 */
            padding: 80px 20px 40px;
            text-align: center;
            margin-top: 60px;
            overflow: hidden;
        }

        /* 底部装饰山脉/自然剪影效果 */
        footer::before {
            content: '';
            position: absolute;
            top: -30px;
            left: 0;
            width: 100%;
            height: 120px;

            background-size: cover;
            background-position: center top;
            opacity: 0.3;
            pointer-events: none;
        }

        .back-to-top {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #fff;
            padding: 10px 30px;
            border-radius: 50px;
            font-size: 1.2rem;
            cursor: pointer;
            transition: all 0.3s;
            margin-bottom: 30px;
            font-weight: 300;
            letter-spacing: 2px;
			font-family:Times, "Times New Roman", "serif";
        }
        .back-to-top:hover {
            background: #fff;
            color: #0a351e;
            border-color: #fff;
        }

        .copyright {
            font-size: 0.95rem;
            color: #fff;
            line-height: 1.8;
            max-width: 550px;
            margin: 0 auto;
        }

        /* ================= 响应式适配 (移动端兼容) ================= */
@media (max-width: 992px) {
	 body { background:#eef3ec url("../i/banner_bg_w.png") no-repeat center top; background-size:100%; }
	 .container { max-width: 90%; margin:55% auto 0; padding: 5% 5%;background: #fff;}
	 .card-item {background-color: #1d6b42; /* 主题深绿色 */ padding: 15px 18px; color: #ffffff;  display: flex; align-items: flex-start;   gap: 12px;  flex: 1; transition: 0.3s; font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; float:left;}
	.section-top {grid-template-columns:1fr; gap:15px;}
	.card-item p {font-size: 1rem;line-height: 1.3;font-weight: 400;padding-left:45px;  display: block;  width:100%; background: url("../i/ico1.png") no-repeat left center; background-size:10%; }
	.main-image-wrapper {min-height: 200px;}
	.news-item {padding-left:50px;}
}

        @media (max-width: 768px) {
            .section-bottom {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .highlight-item img {
                height: 200px;
            }

            .card-item p {
                font-size: 0.85rem;
            }
            
            footer {
                padding: 60px 15px 30px;
            }
            footer::before {
                height: 80px;
            }
        }

        @media (max-width: 480px) {
            .hero h1 {
                font-size: 1.8rem;
            }
            .news-item {
                padding: 10px 10px 50px 10px;
                gap: 10px;
            }
            .news-title {
                font-size: 0.85rem;
            }
        }
 
/*focus start*/
   .focus-container {
            display: flex;
            flex-direction: row;
            max-width: 1200px;
            width: 100%;
            background: #fff;
            overflow: hidden;
        }
        /* 左侧图片：白色背景，上下各空30px */
        .carousel-image {
            flex: 0 0 60%;
            position: relative;
            background: #ffffff;
            /* 白色背景 */
            overflow: hidden;
            display: flex;
            align-items: stretch;

            /* 上下各30px留空 */
        }
        .carousel-track {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 100%;
            background: #ffffff;
        }
        .carousel-track img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.7s ease, visibility 0.7s ease;
        }
        .carousel-track img.active {
            opacity: 1;
            visibility: visible;
            position: relative;
        }
        /* 右侧文字 */
        .carousel-text-side {
            flex: 0 0 40%;
            background: #fff;
            padding-left:40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-width: 240px;
			float:right;
			font-size:18px; line-height: 20px;
        }
        .text-list {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }
        .text-item {
            padding: 25px 20px 25px 60px;
            background: #327849 url("../i/ico1.png") no-repeat 10px center;
            transition: all 0.3s ease;
            cursor: pointer;
			font-size:18px;
			line-height: 20px;
        }
        .text-item.active {
            background: #327849 url("../i/ico1.png") no-repeat 10px center;
        }
        .text-item:hover {
            background: #327849 url("../i/ico1.png") no-repeat 10px center;
        }
        .text-item .text-title {
            font-size: 15px;
            font-weight: 600;
            color: #0b1e33;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .text-item.active .text-title {
            color: #1e3a8a;
        }
        .text-item .text-sub {
            font-size: 18px;
			line-height: 20px;
            color: #fff;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden; 
        }

        /* 响应式：平板/手机转为上下结构 */
        @media (max-width: 820px) {
            .focus-container {
                flex-direction: column;
            }
            .carousel-image {
                flex: 0 0 auto;
                width: 100%;
                min-height: 280px;
                padding: 20px 0;
            }
            .carousel-track {
                min-height: 280px;
            }
            .carousel-text-side {
                flex: 0 0 auto;
                border-left: 0;
               padding-left:0;
                width: 100%;
            }
            .text-item {
                padding: 12px 16px 12px 66px;
            }
            .text-item .text-sub {
                font-size: 18px;	
				line-height: 22px;
				padding-left:0;

            }
        }
        @media (max-width: 480px) {
            .carousel-image {
                min-height: 200px;
                padding: 14px 0;
            }
            .carousel-track {
                min-height: 200px;
            }
            .text-item .text-sub {
                font-size: 14px;
				line-height: 20px;
				padding-left:0;
            }
            .carousel-text-side {
                padding:0;
            }
            .text-list {
                gap: 10px;
            }
            .text-item {
                padding: 10px 14px 10px 60px;
            }
        }
/*focus end*/