/* 基础样式 */
html, body { margin: 0; padding: 0; font-family: "Microsoft Yahei", sans-serif; color: #333; line-height: 1.65; }
/* 画布容器 */
main { width: 600px; max-width: 100%;  background-repeat: no-repeat; background-position: center top; background-size: 100% auto; margin: 0 auto; box-sizing: border-box; }
main .logo { margin-bottom: 30px; padding:20px; font-size: 22px; color: #333; font-weight: 500; }
main .logo img { height: 30px; }
main h1 { font-size: 40px; color: #039; font-weight: bold; margin: 0px; line-height: 1.2; }
main h2 { margin: 0 0 50px; font-size: 18px; color: #009; font-weight: normal; }
.c { font-size: 12px; text-align: center; color: #ccc; margin: 15px; }
img {max-width:100%;}

/* 导航图标区域 ul.g4 */
.menus { background-color: rgba(255,255,255,.92); padding: 20px; border-radius: 12px; margin: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.menus ul.g4 { list-style: none; padding: 0; margin: 0 0 16px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.menus ul.g4 a { text-align: center; display: block; font-size: 12px; border-radius: 8px; transition: background 0.2s; color: #333; text-decoration: none; }
.menus ul.g4 a img { width: 46px; display: block; margin: auto; }

/* 白色内容块 */
.con { background-color: rgba(255,255,255,.92); padding: 24px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); margin: 20px;}
.con p { margin: 0 0 14px; font-size: 14px; }
.con p:first-of-type { margin-top: 0; }
.con h3 { background-image: url(img/h1.png?1); background-repeat: no-repeat; background-position: left center; background-size: 18px 18px; padding-left: 22px; font-size: 18px; margin-bottom: 12px; }

.ds {margin:20px;}
.ds h3 { background-image: url(img/h1.png?1); background-repeat: no-repeat; background-position: left center; background-size: 18px 18px; padding-left: 22px; font-size: 18px; margin-left: 15px; }
.ds img { width: 100%; }

.con img { max-width: 100%; border-radius: 8px; }
.con b { color: #263d95 }

.swiper-banner { width: 100%; height: auto; overflow: hidden; }
.swiper-banner .swiper-slide { padding: 0px 20px; box-sizing: border-box; }
.swiper-banner h1 { font-size: 40px; color: #039; font-weight: bold; line-height: 1; }


.xy_top .zhe { background-image: url(img/zhe.png?7); height: 200px; background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; }
.xy_top { background-image: url(img/g4.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; position: relative; }
.xy_top h1 { position: absolute; left: 20px; bottom: 0px; padding-bottom:1px;font-size: 22px;  border-bottom-width: .5px; border-bottom-style: solid; border-bottom-color: #dcdcdc;  }

.bk { padding: 20px; letter-spacing: 1px;}
.bk p { margin: 0 0 14px; font-size: 14px; }
.bk table { font-size: 12px; }

.al { list-style: none; padding: 0; margin: 0; }
.al li { display: flex; gap: 16px; padding: 12px 0; border-bottom: 1px solid #eee; align-items: flex-start; }
.al li img { width: 120px; height: 80px; object-fit: cover; flex-shrink: 0; /* 图片不压缩 */ }
.al li .text-box { flex: 1; min-width: 0; }
.al li b { display: block; font-size: 18px; }
.al li p { margin: 4px 0; font-size: 14px; color: #666; word-wrap: break-word; word-break: break-all; }

.sp {
    list-style: none;
    padding:0;
    margin:0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:15px;
}
.sp b{ display:block; line-height:1.1; padding:5px 0; font-size: 14px; }