.both{font-size:32px}
        .title{font-size:56px;font-weight:bold}
        .desc{font-size:24px}

        .mt-10{margin-top: 10px;}
        .mt-20{margin-top: 20px;}
        .mt-30{margin-top: 30px;}
        .mt-40{margin-top: 40px;}
        .mt-50{margin-top: 50px;}

        .banner{position: relative;}
        .banner-fixed{position: absolute;top:0;left:0;width:100%;height:100%;
        display: flex;display: -webkit-flex;align-items: center;color:white}
        .tw{width:1230px;margin: 0 auto;}

        .body-box{padding:50px 0}
        .body-hd .bt{font-size:32px;position: relative;vertical-align:middle;padding-left:20px;font-weight: bold;}
        .body-hd .bt::before{content:'';position: absolute;top:50%;left:0;transform: translateY(-40%);height:60%;width:5px;background-color: var(--zcolor);}
        .body-hd .fb{font-size:20px;color:#666}

        .column-1{align-items: center;gap:50px}
        .column-1 .left{flex:1}
        .column-1 .right{width:433px;}
        .column-1 .right img{width: 100%;}
        .flex{display: flex;display: -webkit-flex;}
        .text{font-size:20px;margin:0;color:#333}
        .body-box-2{background-color: #F5F7FA;padding:50px 0}
        .page-content .flex-tb{--number:1;--gap:0px;--mt:10px;width:calc(100% + var(--gap));flex-wrap: wrap;gap:var(--mt,10px) var(--gap);display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex}
        .page-content .flex-li,.page-content .flex-tb .in-ap,.page-content .flex-tb>div{width:calc(100% / var(--number) - var(--gap));}
        .stat-card {
            display: flex;
            align-items: center;
            gap: 20px;
            background: #ffffff;
            border-radius: 16px;
            padding: 10px 30px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
            box-sizing: border-box;
        }

        .stat-icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: var(--zcolor);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .stat-icon svg {
            width: 32px;
            height: 32px;
        }

        .stat-info {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        .stat-value {
            font-size: 36px;
            font-weight: 800;
            color: #333;
            line-height: 1.1;
            letter-spacing: -1px;
        }

        .stat-value sup {
            font-size: 0.55em;
            font-weight: 800;
            vertical-align: super;
        }

        .stat-label {
            font-size: 20px;
            font-weight: 500;
            color: #333;
            line-height: 1.3;
        }
        .page-content .home-2{--number:3;--gap:15px;--mt:15px}.btn-box{gap:15px}
        .page-content .btnTm{border:3px solid var(--zcolor);width:136px;height:50px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;border-radius: 8px;
        font-size:18px;color:var(--zcolor);box-sizing: border-box;}
        .page-content .btnTm.sx{background-color: var(--zcolor);color:white}

        .page-content .content-card-ul{--number:3;--gap:15px;--mt:15px}
        .page-content .content-card-ul-2{--number:2;--gap:15px;--mt:15px}
        .page-content .content-card-ul-3{--number:4;--gap:25px;--mt:25px}
        .page-content .content-hall-ul{--number:4;--gap:25px;--mt:25px}

        .page-content .content-card-ul-2 .content-card{border:1.5px solid #E8EBF0}
        .content-card {
            width: 100%;
            max-width: 1080px;
            background: #ffffff;
            border-radius: 24px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
            box-sizing: border-box;
        }

        .content-card .cover {
            width: 100%;
            aspect-ratio: 960 / 430;
            object-fit: cover;
            border-radius: 16px;
            display: block;
        }
        .content-card-ul-2 .content-card h2{margin-top: 0;}
        .content-card h2 {
            margin-top: 22px;
            font-size: 22px;
            font-weight: 700;
            color: #1f2329;
            line-height: 1.3;
            margin-bottom:0
        }
        .content-card-ul-2 .content-card p{margin-bottom:0}
        .content-card p {
            margin-top: 10px;
            font-size: 17px;
            font-weight: 400;
            color: #3a3f47;
            line-height: 1.7;
        }

        @media (max-width: 640px) {
            .content-card {
            padding: 28px;
            border-radius: 16px;
            }
            .content-card h2 {
            font-size: 26px;
            margin-top: 24px;
            }
            .content-card p {
            font-size: 17px;
            margin-top: 12px;
            }
        }

        .content-card-ul-3 .content-card h2{font-weight: 400;font-size:22px;}
        .content-card-ul-3 .content-add{color:#999;margin-top:6px}
        .hall-card {
            width: 100%;
            background: #ffffff;
            border-radius: 20px;
            padding: 5px 20px 20px 20px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
            box-sizing: border-box;
        }

        .hall-card h2 {
            margin-top:15px;
            font-size: 22px;
            font-weight: 800;
            color: #17181a;
            line-height: 1.3;
            margin-bottom:0;
        }

        .hall-card p {
            margin-top: 10px;
            font-size: 16px;
            color: #3a3f47;
            line-height: 1.75;
        }

        .hall-card .btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding:10px 13px;
            border: none;
            border-radius: 999px;
            background: #2196c9;
            color: #ffffff;
            font-size: 14px;
            font-weight: 600;
            font-family: inherit;
            cursor: pointer;
            text-decoration: none;
            transition: background 0.2s ease, transform 0.2s ease;
        }

        .hall-card .btn:hover {
            background: #1c84b1;
            transform: translateY(-1px);
        }

        .hall-card .btn svg {
            width: 18px;
            height: 18px;
            transition: transform 0.2s ease;
        }

        .hall-card .btn:hover svg {
            transform: translateX(3px);
        }

        @media (max-width: 480px) {
            .hall-card {
            padding: 26px 22px 24px;
            }
            .hall-card h2 {
            font-size: 22px;
            }
            .hall-card p {
            font-size: 15px;
            }
        }

        .new-flex{gap:50px}
        .new-flex .ul{margin-top:10px}
        .new-flex .left>.bt,.new-flex .right>.bt{font-size:32px;font-weight: bold;}
        .new-flex>div{flex:1;flex-shrink: 0;overflow:hidden;}
        .flex-s{display: flex;display: -webkit-flex;justify-content: space-between;border-bottom:1px solid #eee;line-height: 74px;}
        .new-item .bt{font-size:17px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
        .new-item .date{font-size: 15px;color:#666;flex-shrink: 0;padding-left: 10px;}
        .footer-fixed {padding:30px 0;position: sticky;bottom:0;left:0;width: 100%;background-color: white;}
        .footer-fixed .left>.flex{align-items: center;gap:20px}
        .footer-fixed .logo{width:110px;display: flex;}
        .footer-fixed .bt{font-size:32px;font-weight:bold;line-height: 38px;}
        .footer-fixed .desc{font-size:14px;color:#666;line-height: 20px;margin-top:6px}
        .footer-fixed .flex-s{border:0}
        .body-table{height: 500px;overflow: auto;}
        .body-table td:nth-child(1){width:260px}
        .body-table table{width:100%;border:0;border-collapse: collapse;border-spacing: 0}
        .body-table td{height:62px;padding:0 20px;font-size:18px;border: none;}
        .body-table thead{background-color: var(--zcolor2);font-weight: bold;}
        .body-table tbody tr{border-bottom:1px solid #eee}
        .body-table tbody tr:last-child{border:0}

        .zone-card {
            width: 100%;
            max-width: 660px;
            background: #ffffff;
            border-radius: 24px;
            padding: 28px 26px 30px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
            box-sizing: border-box;
        }

        .zone-card .cover {
            width: 100%;
            aspect-ratio: 560 / 290;
            object-fit: cover;
            border-radius: 14px;
            display: block;
        }

        .zone-card h2 {
            margin-top: 20px;
            font-size: 20px;
            font-weight: 800;
            color: #17181a;
            line-height: 1.3;
        }

        .zone-card .desc {
            margin-top: 16px;
            font-size: 16px;
            color: #2b2f33;
            line-height: 1.75;
        }

        .zone-card .section-title {
            margin-top: 20px;
            font-size: 15px;
            font-weight: 700;
            color: #17181a;
        }

        .tags {
            margin-top: 14px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .tag {
            display: inline-block;
            padding: 6px 16px;
            border-radius: 999px;
            background: var(--zcolor);
            color: #ffffff;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.4;
        }

        @media (max-width: 480px) {
            .zone-card {
            padding: 18px 18px 28px;
            border-radius: 16px;
            }
            .zone-card h2 {
            font-size: 21px;
            }
            .zone-card .desc {
            font-size: 15px;
            }
            .tag {
            font-size: 13px;
            padding: 7px 14px;
            }
        }
        .page-content .zone-ul{--number:2;--gap:20px;--mt:20px}