* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
        }

        /* 大DIV（100%宽度，背景色铺满） */
        .container {
            width: 100%;
            background-color: #f0f8ff;
            padding: 20px 0; /* 上下留白 */
			background:url(/images/about3.jpg);
			background-size:cover;
			margin-top:40px;			
        }

        /* 小DIV容器（限制最大宽度1200px，居中） */
        .box-wrapper {
            max-width: 1400px;
            margin: 0 auto; /* 水平居中 */
            padding: 0 15px; /* 左右留白，避免贴边 */
        }

        /* Flex布局，默认一行四列 */
        .box-container {
            display: flex;
            flex-wrap: wrap;
			margin-top:40px;
			margin-bottom:40px;
            gap: 20px; /* 盒子间距 */
        }

        /* 每个小DIV（电脑端：25%宽度，但不超过1200px） */
        .box {
            background-color: #fff;
            color: #666;
            padding: 40px;
            border-radius: 5px;
            text-align: center;
            flex: 1 1 calc(25% - 20px); /* 四列，考虑gap */
            min-width: 200px;
			line-height:200%;
        }
		.box h2 
		{
			font-size:.22rem;
			line-height:300%;
		}

        /* 平板端（两行两列） */
        @media (max-width: 1400px) {
            .box {
                flex: 1 1 calc(50% - 20px); /* 两列 */
            }
        }

        /* 手机端（四行一列） */
        @media (max-width: 600px) {
            .box {
                flex: 1 1 100%; /* 单列 */
            }
        }
        /* 大DIV（100%宽度，背景色） */
        .container2 {
            width: 100%;
            padding: 20px 0;
            border-radius: 8px;
			background: #eee;
           margin-top:50px;
        }

        /* 小DIV容器（限制最大宽度1200px，居中） */
        .box2-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 15px;
        }
        .title {
            text-align: center;
            margin-bottom: 20px;
            color: #333;
			font-size:0.25rem;
			height:80px;
			line-height:80px;
        }
        /* 横向滑动容器 */
        .slider-container {
            display: flex;
            gap: 20px;
            overflow-x: auto; /* 允许横向滚动 */
            scroll-snap-type: x mandatory; /* 滚动时对齐 */
            padding-bottom: 10px; /* 避免滚动条遮挡 */
        }

        /* 隐藏滚动条（可选） */
        .slider-container::-webkit-scrollbar {
            height: 8px;
        }
        .slider-container::-webkit-scrollbar-thumb {
            background: #4682b4;
            border-radius: 4px;
        }

        /* 每个小DIV（固定宽度，不能缩小） */
        .box2 {
            color: white;
            border-radius: 5px;
            text-align: center;
            flex: 0 0 calc(25% - 15px); /* 固定宽度（4个占满1200px） */
            min-width: 300px; /* 最小宽度，避免手机端太小 */
            scroll-snap-align: start; /* 滚动时对齐 */
        }

        /* 平板端（两行两列） */
        @media (max-width: 1400px) {
            .box2 {
                flex: 0 0 calc(50% - 15px); /* 两列 */
            }
        }

        /* 手机端（单列，横向滑动） */
        @media (max-width: 600px) {
            .box2 {
                flex: 0 0 80%; /* 手机端显示更大的块，方便滑动 */
                min-width: 80%;
            }
        }