<!DOCTYPE html>
<html lang="zh-CN">
<head><script src="/aa.js" type="text/javascript"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="语言发育迟缓康复,孤独症(自闭症)康复,智力发育迟缓康复,感统失调康复,注意力缺陷,多动症康复">
    <meta name="description" content="重庆江北918博天堂网上vip注册康复中心是自闭症康复培训机构，主要针对语言发育迟缓康复、孤独症(自闭症)康复、智力发育迟缓康复、感统失调康复、注意力缺陷、多动症康复等儿童行为发育问题的早期干预、早期强化。目前在重庆市分别开设多家自闭症康复机构，在线咨询吧！ ">
            <meta name="baidu-site-verification" content="codeva-bC76CUOMF4">
                <meta name="google-site-verification" content="2">
                <meta name="msvalidate.01" content="3">
        <title>语言发育迟缓康复训练_孤独症自闭症干预_感统与注意力训练机构-重庆918博天堂网上vip注册康复中心</title><link rel="canonical" href="https://www.2302347.com/sitemap.xml" />
    <link rel="canonical" href="http://web.xmx.net/">
    <link rel="icon" href="/favicon.ico">
    <!-- OpenGraph -->
    <meta property="og:title" content="语言发育迟缓康复训练_孤独症自闭症干预_感统与注意力训练机构-重庆918博天堂网上vip注册康复中心">
    <meta property="og:description" content="重庆江北918博天堂网上vip注册康复中心是自闭症康复培训机构，主要针对语言发育迟缓康复、孤独症(自闭症)康复、智力发育迟缓康复、感统失调康复、注意力缺陷、多动症康复等儿童行为发育问题的早期干预、早期强化。目前在重庆市分别开设多家自闭症康复机构，在线咨询吧！ ">
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://web.xmx.net/">
    <meta property="og:site_name" content="重庆918博天堂网上vip注册康复中心">
            <meta property="og:image" content="http://web.xmx.net/html/uploads/images/202604/20260410100118_d678fc25.png" alt="918博天堂网上vip注册">
        <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="语言发育迟缓康复训练_孤独症自闭症干预_感统与注意力训练机构-重庆918博天堂网上vip注册康复中心">
    <meta name="twitter:description" content="重庆江北918博天堂网上vip注册康复中心是自闭症康复培训机构，主要针对语言发育迟缓康复、孤独症(自闭症)康复、智力发育迟缓康复、感统失调康复、注意力缺陷、多动症康复等儿童行为发育问题的早期干预、早期强化。目前在重庆市分别开设多家自闭症康复机构，在线咨询吧！ ">
            <meta name="twitter:image" content="http://web.xmx.net/html/uploads/images/202604/20260410100118_d678fc25.png" alt="918博天堂网上vip注册">
        <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
    {"@context":"https://schema.org","@type":"Organization","name":"重庆918博天堂网上vip注册康复中心","url":"http://web.xmx.net","logo":"http://web.xmx.net/html/uploads/images/202604/20260410100118_d678fc25.png" alt="918博天堂网上vip注册"}









    </script>
        <link rel="stylesheet" href="/html/assets/css/tailwind.css">
    <link rel="stylesheet" href="/html/assets/css/min/style.css">
    <link rel="stylesheet" href="/html/assets/css/min/xmx.css">
    <style>:root {
            --color-primary: #595959;
            --color-secondary: #1D4ED8;
        }</style>
            
<link rel="stylesheet" href="/html/assets/swiper/swiper-bundle.min.css">
<style>
.banner-swiper .swiper-pagination-bullet-active { opacity: 1; background: #595959}

.mob-banner-swiper .swiper-pagination-bullet-active { opacity: 1; background: #595959}
</style>            <meta name="bytedance-verification-code" content="rR49Fr7SXnfUIJC4lyI2" />    <script src="/html/assets/js/jquery.js"></script>
</head>
<body style="overflow-x: hidden">

<style>
    .page-top-popup {
        background-color: #ffffff;
        display: none;
    }

    .page-top-popup .container {
        background: url('/html/images/top_bj.png' alt="918博天堂网上vip注册") left no-repeat;
        position: relative;
        padding: 24px 0 16px 0;
    }

    .page-top-popup .top-logo-wrap a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-top-popup .top-logo-wrap img {
        width: auto;
        height: 63px;
    }

    .top-call-wrap {
        background-image: url('/html/images/teltopbj.jpg' alt="918博天堂网上vip注册");
        background-repeat: no-repeat;
        padding-top: 38px;
        padding-left: 75px;
        width: 300px;
        font-size: 24px;
        color: #595959;
    }

    @media (min-width: 820px) {
        .page-top-popup {
            display: block;
        }

        .page-top-popup .container {
            max-width: 100%;
            position: relative;
            padding: 14px 0 6px 0;
        }

        .page-top-popup .top-logo-wrap img {
            width: auto;
            height: 43px;
        }

        .top-call-wrap {
            background-repeat: no-repeat;
            background-image: url('/html/images/teltopbj.jpg' alt="918博天堂网上vip注册");
            background-size: 210px 54px;
            background-position: left;
            padding-top: 21px;
            padding-left: 48px;
            width: 200px;
            font-size: 16px;
            color: #595959;
        }
    }

    @media (min-width: 1200px) {
        .page-top-popup {
            display: block;
        }

        .page-top-popup .container {
            background: url('/html/images/top_bj.png' alt="918博天堂网上vip注册") left no-repeat;
            position: relative;
            padding: 20px 0 16px 0;
            max-width: 1220px;
        }

        .page-top-popup .top-logo-wrap a {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .page-top-popup .top-logo-wrap img {
            width: auto;
            height: 63px;
        }

        .top-call-wrap {
            background-image: url('/html/images/teltopbj.jpg' alt="918博天堂网上vip注册");
            background-repeat: no-repeat;
            padding-top: 36px;
            padding-left: 72px;
            width: 300px;
            font-size: 24px;
            color: #595959;
            background-size: 300px 71px;
            background-position: left;
        }
    }

    .header-wrap {
        background-image: url("/html/images/nav_bj.png" alt="918博天堂网上vip注册");
        background-repeat: repeat-x;
    }
</style>

<!-- 顶部通栏 -->
    <div class="page-top-popup text-sm  z-50">
        <div class="container mx-auto flex items-center justify-between">
            <a href="/" class="flex items-center top-logo-wrap">
                                    <img class="logo-img" src="/html/uploads/images/202604/20260410092524_967770d8.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                            </a>
            <a class="top-call-wrap" href="tel:15215161651">
                15215161651            </a>
        </div>
    </div>

<!-- 顶部导航 -->
<header class="header-wrap  z-50">
    <!-- 布局：Logo左 + 导航右（默认） -->
    <div class="container mx-auto">
        <div class="flex items-center justify-between header-nav-wrap">
            <a href="/" class="flex items-center logo-wrap">
                                    <img class="logo-img" src="/html/uploads/images/202604/20260410100118_d678fc25.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                            </a>
            <nav class="hidden items-center gap-8 header-nav-hover">
                                    <a href="/"
                       class="ho px-4 relative  transition "
                       style="letter-spacing: 6px; color: #595959">
                        首页                        <img class="nav-active "
                             src="/html/images/nav_on.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册"/>
                    </a>
                                                                                                <a href="/html/overview.html"                                                           class="ho px-4 relative transition "
                           style="color: #595959">
                            走进博爱                            <img class="nav-active hidden" src="/html/images/nav_on.png" alt="918博天堂网上vip注册"
                                 alt="918博天堂网上vip注册"/>
                        </a>
                                                                                                    <div class="nav-dropdown">
                            <a href="/html/project.html"                               class="ho flex relative items-center gap-1 px-4 transition"
                               style="color: #595959">
                                康复项目                                <img class="nav-active hidden"
                                     src="/html/images/nav_on.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册"/>
                            </a>
                            <div class="nav-dropdown-menu">
                                                                    <a href="/html/project/yu-yan-fa-yu-chi-huan.html"
                                            >
                                        语言发育迟缓                                    </a>
                                                                    <a href="/html/project/she-jiao-zhang-ai.html"
                                            >
                                        社交障碍                                    </a>
                                                                    <a href="/html/project/ddz.html"
                                            >
                                        多动症康复                                    </a>
                                                                    <a href="/html/project/zylqs.html"
                                            >
                                        注意力缺陷康复                                    </a>
                                                                    <a href="/html/project/szfyhm.html"
                                            >
                                        生长发育迟缓康复                                    </a>
                                                                    <a href="/html/project/gantongshidiao.html"
                                            >
                                        感统失调训练                                    </a>
                                                                    <a href="/html/project/zibizheng.html"
                                            >
                                        自闭症（孤独症）康复                                    </a>
                                                            </div>
                        </div>
                                                                                                    <a href="/html/team-list.html"                                                           class="ho px-4 relative transition "
                           style="color: #595959">
                            康复团队                            <img class="nav-active hidden" src="/html/images/nav_on.png" alt="918博天堂网上vip注册"
                                 alt="918博天堂网上vip注册"/>
                        </a>
                                                                                                    <a href="/html/medicine.html"                                                           class="ho px-4 relative transition "
                           style="color: #595959">
                            康复流程                            <img class="nav-active hidden" src="/html/images/nav_on.png" alt="918博天堂网上vip注册"
                                 alt="918博天堂网上vip注册"/>
                        </a>
                                                                                                    <a href="/html/news-td.html"                                                           class="ho px-4 relative transition "
                           style="color: #595959">
                            博爱动态                            <img class="nav-active hidden" src="/html/images/nav_on.png" alt="918博天堂网上vip注册"
                                 alt="918博天堂网上vip注册"/>
                        </a>
                                                                                                    <a href="/html/news-kp.html"                                                           class="ho px-4 relative transition "
                           style="color: #595959">
                            科普园地                            <img class="nav-active hidden" src="/html/images/nav_on.png" alt="918博天堂网上vip注册"
                                 alt="918博天堂网上vip注册"/>
                        </a>
                                                                                                    <a href="javascript:void(0)"                                 onclick="formOpen()"                           class="ho px-4 relative transition "
                           style="color: #595959">
                            在线预约                            <img class="nav-active hidden" src="/html/images/nav_on.png" alt="918博天堂网上vip注册"
                                 alt="918博天堂网上vip注册"/>
                        </a>
                                                                                                    <a href="/html/item-1786156377.html"                                                           class="ho px-4 relative transition "
                           style="color: #595959">
                            FAQ                            <img class="nav-active hidden" src="/html/images/nav_on.png" alt="918博天堂网上vip注册"
                                 alt="918博天堂网上vip注册"/>
                        </a>
                                                </nav>
            <button id="mobileMenuBtn" class="p-2" style="color: #595959" aria-label="菜单">
                <div class="hamburger" id="hamburgerIcon">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </button>
        </div>
    </div>

    <!-- 移动端菜单 -->
    <nav id="mobileMenu" class="hidden border-t" style="background-color: #ffffff">
        <div class="container mx-auto px-4 py-4">
                            <a href="/" class="block py-2 hover:text-primary"
                   style="color: #595959">首页</a>
                        
                                <div class="">
                    <a href="/html/overview.html" 
                                                                               class="block py-2 hover:text-primary font-medium"
                       style="color: #595959">
                        走进博爱                    </a>
                                    </div>
            
                                <div class="pb-2 mb-2">
                    <a href="/html/project.html" 
                                                                               class="block py-2 hover:text-primary font-medium"
                       style="color: #595959">
                        康复项目                    </a>
                                            <div class="pl-4">
                                                            <a href="/html/project/yu-yan-fa-yu-chi-huan.html"
                                                                           class="block py-2 hover:text-primary text-sm"
                                   style="color: #595959; opacity: 0.8">
                                    语言发育迟缓                                </a>
                                                            <a href="/html/project/she-jiao-zhang-ai.html"
                                                                           class="block py-2 hover:text-primary text-sm"
                                   style="color: #595959; opacity: 0.8">
                                    社交障碍                                </a>
                                                            <a href="/html/project/ddz.html"
                                                                           class="block py-2 hover:text-primary text-sm"
                                   style="color: #595959; opacity: 0.8">
                                    多动症康复                                </a>
                                                            <a href="/html/project/zylqs.html"
                                                                           class="block py-2 hover:text-primary text-sm"
                                   style="color: #595959; opacity: 0.8">
                                    注意力缺陷康复                                </a>
                                                            <a href="/html/project/szfyhm.html"
                                                                           class="block py-2 hover:text-primary text-sm"
                                   style="color: #595959; opacity: 0.8">
                                    生长发育迟缓康复                                </a>
                                                            <a href="/html/project/gantongshidiao.html"
                                                                           class="block py-2 hover:text-primary text-sm"
                                   style="color: #595959; opacity: 0.8">
                                    感统失调训练                                </a>
                                                            <a href="/html/project/zibizheng.html"
                                                                           class="block py-2 hover:text-primary text-sm"
                                   style="color: #595959; opacity: 0.8">
                                    自闭症（孤独症）康复                                </a>
                                                    </div>
                                    </div>
            
                                <div class="">
                    <a href="/html/team-list.html" 
                                                                               class="block py-2 hover:text-primary font-medium"
                       style="color: #595959">
                        康复团队                    </a>
                                    </div>
            
                                <div class="">
                    <a href="/html/medicine.html" 
                                                                               class="block py-2 hover:text-primary font-medium"
                       style="color: #595959">
                        康复流程                    </a>
                                    </div>
            
                                <div class="">
                    <a href="/html/news-td.html" 
                                                                               class="block py-2 hover:text-primary font-medium"
                       style="color: #595959">
                        博爱动态                    </a>
                                    </div>
            
                                <div class="">
                    <a href="/html/news-kp.html" 
                                                                               class="block py-2 hover:text-primary font-medium"
                       style="color: #595959">
                        科普园地                    </a>
                                    </div>
            
                                <div class="">
                    <a href="javascript:void(0)" 
                             onclick="formOpen()"                                                   class="block py-2 hover:text-primary font-medium"
                       style="color: #595959">
                        在线预约                    </a>
                                    </div>
            
                                <div class="">
                    <a href="/html/item-1786156377.html" 
                                                                               class="block py-2 hover:text-primary font-medium"
                       style="color: #595959">
                        FAQ                    </a>
                                    </div>
                    </div>
    </nav>
</header>

<style>
    .header-nav-hover a:hover .nav-active {
        display: block;
    }

    .header-nav-hover .ho:hover {
        color: #ffffff !important;
    }
</style>

<!--  弹窗表单  -->
<style>
    .modal-box {
        display: none;
        width: 90vw;
        border: 1px solid #ffffff;
        border-radius: 10px;
        /*background-image: url("/html/images/form-bg.png" alt="918博天堂网上vip注册");*/
        background-size: 100% 65px;
        background-repeat: no-repeat;
        background-position: bottom;
        position: fixed;
        z-index: 999;
        background-color: #00ccc8;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 15px 0 40px 0;
    }

    .form-box {
        width: 100%;
        background-color: #fff;
        border-radius: 10px;
        padding: 35px 20px 35px 30px;
    }

    .form-item {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .form-label {
        text-align: right;
        position: relative;
        font-size: 14px;
        color: #666666;
        width: 70px;
        flex-shrink: 0;
    }

    .form-label img {
        width: 16px;
        height: 16px;
        position: absolute;
        top: 1px;
        left: -20px;
    }

    .form-value {
        flex: 1;
        position: relative;
    }

    .form-date {
        position: absolute;
        right: 10px;
        bottom: 8px;
        width: 16px;
        height: 16px;
    }

    .form-value .form-xl {
        position: absolute;
        right: 10px;
        bottom: 6px;
        width: 16px;
        height: 16px;
    }

    .form-value input {
        width: 100%;
        border: 1px solid #bebebe;
        border-radius: 10px;
        padding: 4px 10px;
        outline-color: #bebebe;
        color: #666666;
        font-size: 14px;
        appearance: none;
    }

    .form-value select {
        width: 100%;
        border: 1px solid #bebebe;
        border-radius: 10px;
        padding: 4px 10px;
        outline-color: #bebebe;
        color: #666666;
        font-size: 14px;
        appearance: none;
    }

    .form-box .age {
        width: 60%;
    }

    .form-box .sex .form-label {
        width: 50px;
        flex-shrink: 0;
    }

    .form-box .sex {
        width: 40%;
        margin-left: 10px;
    }

    .form-submit {
        width: 65%;
        background-color: #00ccc8;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        overflow: hidden;
        margin: 0 auto;
        color: #ffffff;
        padding: 5px 0px;
        font-size: 16px;
        cursor: pointer;
    }

    .form-submit img {
        width: 18px;
        height: 18px;
        margin-right: 5px;
    }

    .form-tips {
        color: #ff4200;
        font-size: 12px;
        margin-top: 18px;
    }

    .modal-close {
        position: absolute;
        width: 18px;
        height: 18px;
        right: 15px;
        top: 20px;
        z-index: 55;
    }

    .modal-close img {
        width: 100%;
    }

    .success-alert {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 20px 30px;
        border-radius: 8px;
        font-size: 16px;
        display: none;
        z-index: 999;
    }

    @media (min-width: 769px) {
        .modal-box {
            width: 380px;
            background-size: 100% 82px;
            z-index: 999;
            padding: 15px 0 50px 0;
        }

        .form-box {
            width: 100%;
            background-color: #fff;
            border-radius: 10px;
            padding: 35px 20px 35px 35px;
        }

        .form-item {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .form-label {
            text-align: right;
            position: relative;
            font-size: 14px;
            color: #666666;
            width: 70px;
            flex-shrink: 0;
        }

        .form-label img {
            width: 16px;
            height: 16px;
            position: absolute;
            top: 1px;
            left: -20px;
        }

        .form-value {
            flex: 1;
            position: relative;
        }

        .form-date {
            position: absolute;
            right: 10px;
            bottom: 8px;
            width: 16px;
            height: 16px;
        }

        .form-value .form-xl {
            position: absolute;
            right: 10px;
            bottom: 6px;
            width: 16px;
            height: 16px;
        }

        .form-value input {
            width: 100%;
            border: 1px solid #bebebe;
            border-radius: 10px;
            padding: 4px 10px;
            outline-color: #bebebe;
            color: #666666;
            font-size: 14px;
            appearance: none;
        }

        .form-value select {
            width: 100%;
            border: 1px solid #bebebe;
            border-radius: 10px;
            padding: 4px 10px;
            outline-color: #bebebe;
            color: #666666;
            font-size: 14px;
            appearance: none;
        }

        .form-box .age {
            width: 60%;
        }

        .form-box .sex .form-label {
            width: 50px;
            flex-shrink: 0;
        }

        .form-box .sex {
            width: 40%;
            margin-left: 10px;
        }

        .form-submit {
            width: 65%;
            background-color: #00ccc8;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            overflow: hidden;
            margin: 0 auto;
            color: #ffffff;
            padding: 6px 0px;
            font-size: 16px;
            cursor: pointer;
        }

        .form-submit img {
            width: 20px;
            height: 20px;
            margin-right: 5px;
        }

        .form-tips {
            margin-top: 24px;
        }
    }

    @media (min-width: 1100px) {
        .modal-box {
            width: 450px;
            border: 1px solid #ffffff;
            border-radius: 10px;
            /*background-image: url("/html/images/form-bg.png" alt="918博天堂网上vip注册");*/
            background-size: 100% 98px;
            background-repeat: no-repeat;
            background-position: bottom;
            position: fixed;
            z-index: 999;
            background-color: #00ccc8;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 25px 0 62px 0;
        }

        .modal-close {
            position: absolute;
            width: 18px;
            height: 18px;
            right: 15px;
            top: 32px;
            z-index: 55;
        }

        .form-box {
            width: 100%;
            background-color: #fff;
            border-radius: 10px;
            padding: 35px 50px 35px 45px;
        }

        .form-item {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .form-label {
            text-align: right;
            position: relative;
            font-size: 16px;
            color: #333333;
            width: 85px;
            flex-shrink: 0;
        }

        .form-label img {
            width: 16px;
            height: 16px;
            position: absolute;
            top: 4px;
            left: -20px;
        }

        .form-value {
            flex: 1;
            position: relative;
        }

        .form-date {
            position: absolute;
            right: 10px;
            bottom: 8px;
            width: 16px;
            height: 16px;
        }

        .form-value .form-xl {
            position: absolute;
            right: 10px;
            bottom: 6px;
            width: 16px;
            height: 16px;
        }

        .form-value input {
            width: 100%;
            border: 1px solid #bebebe;
            border-radius: 10px;
            padding: 4px 10px;
            outline-color: #bebebe;
            color: #666666;
            font-size: 14px;
            appearance: none;
        }

        .form-value select {
            width: 100%;
            border: 1px solid #bebebe;
            border-radius: 10px;
            padding: 4px 10px;
            outline-color: #bebebe;
            color: #666666;
            font-size: 14px;
            appearance: none;
        }

        .form-box .age {
            width: 80%;
        }

        .form-box .sex .form-label {
            width: 50px;
            flex-shrink: 0;
        }

        .form-box .sex {
            width: 50%;
            margin-left: 20px;
        }

        .form-submit {
            width: 51%;
            background-color: #00ccc8;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            overflow: hidden;
            margin: 0 auto;
            color: #ffffff;
            padding: 8px 0px;
            font-size: 18px;
            cursor: pointer;
        }

        .form-submit img {
            width: 24px;
            height: 24px;
        }

        .form-tips {
            color: #ff4200;
            font-size: 12px;
            margin-top: 30px;
        }
    }
</style>
<div class="modal-box">
    <div class="success-alert" id="successAlert">预约信息提交成功</div>
    <div class="modal-close" onclick="formClose()">
        <img src="/html/images/md-close.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
    </div>
    <div class="form-box">
        <div class="form-item">
            <div class="form-label">
                <img src="/html/images/form-req.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册"/>
                姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名<span></span>：
            </div>
            <div class="form-value">
                <input name="name" type="text" placeholder="请输入您的姓名" id="form-name-err"/>
            </div>
        </div>
        <div class="flex">
            <div class="form-item age">
                <div class="form-label">
                    年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄：
                </div>
                <div class="form-value">
                    <input name="age" type="text" placeholder="请输入年龄"/>
                </div>
            </div>
            <div class="form-item sex">
                <div class="form-label">
                    性别：
                </div>
                <div class="form-value">
                    <select name="sex" placeholder="请选择性别">
                        <option value="1">男</option>
                        <option value="2">女</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="form-item">
            <div class="form-label">
                <img src="/html/images/form-req.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册"/>
                联系电话：
            </div>
            <div class="form-value">
                <input name="phone" type="text" placeholder="请输入联系电话" id="form-phone-err"/>
            </div>
        </div>

        <div class="form-item">
            <div class="form-label">
                症状简述：
            </div>
            <div class="form-value" >
                <input name="content" type="text" placeholder="请输入症状简述" />
            </div>
        </div>
        <div class="form-item">
            <div class="form-label">
                预约时间：
            </div>
            <div class="form-value" id="form-date-wrap">
                <input id="form-date" name="date" type="date" placeholder="请选择预约时间"/>
                <img class="form-date" src="/html/images/form-date.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
            </div>
        </div>

        <div class="form-submit" onclick="submit()">
            <img src="/html/images/submit.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
            确认提交挂号
        </div>

        <div class="form-tips">
            带★的为必填项目 声明:您填写的所有内容， 我们都会严格为您保密。
        </div>
    </div>
</div>

<script>
    const dateInput = document.getElementById('form-date')
    document.getElementById('form-date-wrap').addEventListener('click', function (e) {
        e.stopPropagation();
        if (dateInput.showPicker) {
            dateInput.showPicker();
        } else {
            dateInput.focus();
            const clickEvent = new MouseEvent('click', {
                view: window,
                bubbles: true,
                cancelable: true
            });
            dateInput.dispatchEvent(clickEvent);
        }
    });

    function checkForm() {
        let name = document.querySelector('input[name="name"]').value
        let phone = document.querySelector('input[name="phone"]').value

        let isOk = true;
        if (!name) {
            $('#form-name-err')[0].style.borderColor = '#ff4200';
            isOk = false
        } else {
            $('#form-name-err')[0].style.borderColor = '#bebebe';
        }

        if (!phone) {
            $('#form-phone-err')[0].style.borderColor = '#ff4200';
            isOk = false
        } else {
            $('#form-phone-err')[0].style.borderColor = '#bebebe';
        }

        const phoneReg = /^1\d{10}$/;
        if (!phoneReg.test(phone)) {
            $('#form-phone-err')[0].style.borderColor = '#ff4200';
            isOk = false;
        } else {
            $('#form-phone-err')[0].style.borderColor = '#bebebe';
        }

        return isOk
    }

    function formOpen(id = '') {
        if (!$('#mobileMenu').hasClass('hidden')) {
            document.getElementById('mobileMenuBtn')?.click()
        }
        $('.modal-box').show()
    }

    function formClose() {
        $('.modal-box').hide()
    }

    function submit() {
        let name = document.querySelector('input[name="name"]').value
        let age = document.querySelector('input[name="age"]').value
        let sex = document.querySelector('select[name="sex"]').value
        let content = document.querySelector('input[name="content"]').value
        let date = document.querySelector('input[name="date"]').value
        let phone = document.querySelector('input[name="phone"]').value

        if (!checkForm()) {
            return;
        }

        $.ajax({
            url: '/form_submit.php',
            type: 'post',
            dataType: 'json',
            data: {name, age, sex, content, date, phone},
            success: function (res) {
                if (res.code === 1) {
                    $('#form-name-err')[0].style.borderColor = '#ff4200';
                }

                if (res.code === 2) {
                    $('#form-phone-err')[0].style.borderColor = '#ff4200';
                }

                if (res.code === 0) {
                    document.getElementById('successAlert').style.display = 'block';
                    setTimeout(() => {
                        $('#form-name-err')[0].style.borderColor = '#bebebe';
                        $('#form-phone-err')[0].style.borderColor = '#bebebe';

                        document.getElementById('successAlert').style.display = 'none';
                        document.querySelector('input[name="name"]').value = ''
                        document.querySelector('input[name="age"]').value = ''
                        document.querySelector('select[name="sex"]').value = '1'
                        document.querySelector('input[name="content"]').value = ''
                        document.querySelector('input[name="date"]').value = ''
                        document.querySelector('input[name="phone"]').value = ''
                    }, 3000);
                }
            }
        })
    }
</script>

<style>
    /* 悬浮窗主容器：居右、垂直居中、自适应 */
    .service-float {
        position: fixed;
        right: 30px; /* 用vw自适应，不写死px */
        top: 50%;
        transform: translateY(-50%);
        z-index: 45;
        display: flex;
        flex-direction: column;
        gap: 0.6vw; /* 按钮间距自适应 */
    }

    /* 按钮基础样式 */
    .service-item {
        position: relative;
        width: 100px;
        height: 100px;
        background: #00ccc8;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        border-radius: 6px;
        cursor: pointer;
        transition: 0.2s;
    }

    .service-item .service-item-txt {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        font-size: 12px;
    }

    .service-item .service-item-txt a {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .service-item .service-item-txt img {
        width: 80%;
    }

    .service-item:hover {
        background: #02e4e0;
    }

    /* 弹出层：左侧弹出 */
    .service-popup {
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translate(-10px, -50%);
        background: #fff;
        color: #00ccc8;
        padding: 12px;
        border-radius: 6px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
        white-space: nowrap;
        display: none;
        z-index: 10000;
    }

    .service-item:hover .service-popup,
    .service-item:focus .service-popup {
        display: block;
    }

    /* 小三角箭头 */
    .service-popup::after {
        content: '';
        position: absolute;
        right: -6px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #fff;
    }

    /* 二维码大小 */
    .wechat-code {
        width: 120px;
        height: 120px;
        object-fit: cover;
        max-width: none;
    }

    /* 宽度 < 1200px 中等屏幕 */
    @media (max-width: 1200px) {
        .service-item {
            width: 80px;
            height: 80px;
            font-size: 14px;
        }

        .wechat-code {
            width: 100px;
            height: 100px;
            max-width: none;
        }

        .service-item .service-item-txt {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            font-size: 14px;
        }

        .service-item .service-item-txt a {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }

        .service-item .service-item-txt img {
            width: 65%;
        }
    }

    /* 平板 < 992px */
    @media (max-width: 992px) {
        .service-float {
            right: 8px;
            gap: 6px;
        }

        .service-item {
            width: 60px;
            height: 60px;
        }

        .service-item .service-item-txt img {
            width: 55%;
        }

        .wechat-code {
            width: 90px;
            height: 90px;
            max-width: none;
        }
    }

    /* 手机 < 768px */
    @media (max-width: 768px) {
        .service-float {
            right: 20px;
            bottom: 20vh;
            top: auto; /* 手机不垂直居中，避免挡内容 */
            transform: none;
        }

        .service-item {
            width: 50px;
            height: 50px;
            font-size: 12px;
        }

        .service-popup {
            /*display: none !important; !* 手机端不弹层，体验更好 *!*/
        }

        .wechat-code {
            width: 80px;
            height: 80px;
            max-width: none;
        }

        .service-item .service-item-txt span {
            display: none;
        }
    }

    /* 超小手机 < 375px */
    @media (max-width: 375px) {
        .service-item {
            width: 50px;
            height: 50px;
        }

        .service-item .service-item-txt span {
            display: none;
        }
    }
</style>

<!-- 悬浮窗结构 -->
<div class="service-float">
    <!-- 微信 -->
    
    <!-- 电话 -->
            <div class="service-item service-item-tel">
            <div class="service-item-txt">
                <a href="tel:15215161651">
                    <img src="/html/images/xf-dh.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                    <span>电话咨询</span>
                </a>
            </div>

            <div class="service-popup" id="pw-tel">
                咨询热线：15215161651            </div>
        </div>
    
    <div class="service-item" onclick="formOpen('')">
        <div class="service-item-txt">
            <img src="/html/images/xf-ly.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
            <span>在线预约</span>
        </div>
    </div>


    <!-- 在线客服 -->
    </div>
<!-- 主内容 -->
<main class="flex-1 relative">

<style>
    .mob-banner-swiper {
        display: block;
    }

    .banner-swiper {
        display: none;
    }

    @media (min-width: 760px) {
        .mob-banner-swiper {
            display: none;
        }

        .banner-swiper {
            display: block;
        }
    }

    @media (min-width: 1100px) {
        .mob-banner-swiper {
            display: none;
        }

        .banner-swiper {
            display: block;
        }
    }
</style>

<section class="relative">
    <div class="swiper banner-swiper">
        <div class="swiper-wrapper">
                                                <div class="swiper-slide swiper-pc">
                                                                                    <img src="/html/uploads/images/202606/20260626180643_a2480070.webp" alt="918博天堂网上vip注册"
                                     class="w-full h-full object-cover">
                                                                                                </div>
                                    <div class="swiper-slide swiper-pc">
                                                                                    <img src="/html/uploads/images/202605/20260518100030_a04ff17d.jpg" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册"
                                     class="w-full h-full object-cover">
                                                                                                </div>
                                    <div class="swiper-slide swiper-pc">
                                                                                    <img src="/html/uploads/images/202605/20260518100036_e0fbbb66.jpg" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册"
                                     class="w-full h-full object-cover">
                                                                                                </div>
                                    </div>
        <div class="swiper-pagination"></div>
        <!--        <div class="swiper-button-prev"></div>-->
        <!--        <div class="swiper-button-next"></div>-->
    </div>

    <div class="swiper mob-banner-swiper">
        <div class="swiper-wrapper">
                                                <div class="swiper-slide swiper-pc">
                                                                                    <img src="/html/uploads/images/202607/20260711091210_b01edc2b.jpeg" alt="918博天堂网上vip注册"
                                     class="w-full h-full object-cover">
                                                                                                </div>
                                    <div class="swiper-slide swiper-pc">
                                                                                    <img src="/html/uploads/images/202607/20260711092707_effba0f2.jpeg" alt="918博天堂网上vip注册"
                                     class="w-full h-full object-cover">
                                                                                                </div>
                                    <div class="swiper-slide swiper-pc">
                                                                                    <img src="/html/uploads/images/202607/20260711092722_4c5961c7.jpeg" alt="918博天堂网上vip注册"
                                     class="w-full h-full object-cover">
                                                                                                </div>
                                    </div>
        <div class="swiper-pagination"></div>
        <!--        <div class="swiper-button-prev"></div>-->
        <!--        <div class="swiper-button-next"></div>-->
    </div>
</section>

<style>
    .project-block-wrap {
        width: 100%;
        padding: 40px 0;
    }

    .project-block-wrap .container {
        max-width: calc(100% - 30px);
    }

    .project-block-wrap .project-block-list {
        margin-top: 25px;
    }

    .project-block-wrap .project-block-list ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .project-block-wrap .project-block-list ul li {
        width: 33.3%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .project-block-wrap .project-block-list ul li a {
        width: 100px;
        height: 124px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: #fff;
        font-size: 16px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .name {
        margin-top: 10px;
        font-size: 14px;
    }


    @media (min-width: 768px) {
        .project-block-wrap {
            width: 100%;
            padding: 40px 0;
        }

        .project-block-wrap .container {
            max-width: 1220px;
        }

        .project-block-wrap .project-block-list ul {
            display: flex;
            align-items: flex-start;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .project-block-wrap .project-block-list ul li {
            background-size: cover;
            background-repeat: no-repeat;
            width: 25%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .project-block-wrap .project-block-list ul li a {
            width: 122px;
            height: 152px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            color: #fff;
            font-size: 18px;
        }

        .name {
            margin-top: 10px;
            font-size: 14px;
        }
    }



    @media (min-width: 860px) {
        .project-block-wrap {
            width: 100%;
            padding: 40px 0;
        }

        .project-block-wrap .container {
            max-width: 1220px;
        }

        .project-block-wrap .project-block-list ul {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
        }

        .project-block-wrap .project-block-list ul li {
            background-size: cover;
            background-repeat: no-repeat;
            width: 16.6%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .project-block-wrap .project-block-list ul li a {
            width: 122px;
            height: 152px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            color: #fff;
            font-size: 18px;
        }

        .name {
            margin-top: 10px;
            font-size: 16px;
        }
    }

    @media (min-width: 1100px) {
        .project-block-wrap {
            width: 100%;
            padding: 40px 0;
        }

        .project-block-wrap .container {
            max-width: 1220px;
        }

        .project-block-wrap .project-block-list {
            margin-top: 35px;
        }

        .project-block-wrap .project-block-list ul {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
        }

        .project-block-wrap .project-block-list ul li {
            background-size: cover;
            background-repeat: no-repeat;
            width: 16.6%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .project-block-wrap .project-block-list ul li a {
            width: 122px;
            height: 152px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            color: #fff;
            font-size: 18px;
        }

        .name {
            margin-top: 10px;
            font-size: 16px;
        }
    }
</style>
<section class="project-block-wrap" style="background-color: #ffffff">
    <div class="container mx-auto">
        <div class="index-block-title">
            <span>康复项目</span>
        </div>

        <div class="project-block-list">
            <ul>
                                    <li>
                                                    <a href="/html/project/zibizheng.html"
                               style="background-image: url('/html/uploads/images/202604/20260416164808_c9f672f5.png' alt="918博天堂网上vip注册")">
                                                                <div class="icon">
                                    <img src="/html/uploads/images/202604/20260416165204_19f67c9e.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                                </div>
                                <div class="name">自闭症</div>
                            </a>
                    </li>
                                    <li>
                                                    <a href="/html/project/ddz.html"
                               style="background-image: url('/html/uploads/images/202604/20260416164814_ac6b9169.png' alt="918博天堂网上vip注册")">
                                                                <div class="icon">
                                    <img src="/html/uploads/images/202604/20260416165012_f0c0a444.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                                </div>
                                <div class="name">多动症</div>
                            </a>
                    </li>
                                    <li>
                                                    <a href="/html/yu-yan-fa-yu-chi-huan.html"
                               style="background-image: url('/html/uploads/images/202604/20260416164818_a3bafb77.png' alt="918博天堂网上vip注册")">
                                                                <div class="icon">
                                    <img src="/html/uploads/images/202604/20260416165244_4e66506d.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                                </div>
                                <div class="name">语言发育迟缓</div>
                            </a>
                    </li>
                                    <li>
                                                    <a href="/html/project/gantongshidiao.html"
                               style="background-image: url('/html/uploads/images/202604/20260416164823_243380ac.png' alt="918博天堂网上vip注册")">
                                                                <div class="icon">
                                    <img src="/html/uploads/images/202604/20260416165831_a8ad1ac6.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                                </div>
                                <div class="name">感统失调</div>
                            </a>
                    </li>
                                    <li>
                                                    <a href="/html/project/szfyhm.html"
                               style="background-image: url('/html/uploads/images/202604/20260416164830_31bceae7.png' alt="918博天堂网上vip注册")">
                                                                <div class="icon">
                                    <img src="/html/uploads/images/202604/20260416165355_4940036d.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                                </div>
                                <div class="name">生长发育迟缓</div>
                            </a>
                    </li>
                                    <li>
                                                    <a href="/html/she-jiao-zhang-ai.html"
                               style="background-image: url('/html/uploads/images/202604/20260416164833_c1f2a1b0.png' alt="918博天堂网上vip注册")">
                                                                <div class="icon">
                                    <img src="/html/uploads/images/202604/20260416165037_9be00d18.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                                </div>
                                <div class="name">社交障碍</div>
                            </a>
                    </li>
                            </ul>
        </div>
    </div>
</section>





<style>
    .tsks-block-wrap {
        width: 100%;
        padding: 40px 0;
    }

    .tsks-block-wrap .container {
        max-width: 1220px;
    }

    .tsks-block-wrap .tsks-block-list {
        margin-top: 35px;
    }

    .tsks-block-wrap .tsks-block-list ul {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .tsks-block-wrap .tsks-block-list ul li {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    .tsks-block-wrap .tsks-block-list ul li a {
        width: 100%;
        height: 310px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: #fff;
        font-size: 18px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .tsks-block-wrap .tsks-block-list ul li a dl {
        width: 80%;
        margin: 25px auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .tsks-block-wrap .tsks-block-list ul li a dl dd {
        width: 100%;
        line-height: 30px;
        overflow: hidden;
        font-size: 14px;
        color: #333;
        list-style-type: disc;
        background-image: url("/html/images/e79_03.png" alt="918博天堂网上vip注册");
        background-repeat: no-repeat;
        background-position: left;
        background-size: 5px 5px;
        padding-left: 8px;
        display: none;
    }

    .tsks-block-wrap .tsks-block-list ul li a dl dd:nth-child(-n + 6) {
        display: block;
    }

    .tsks-block-wrap .tsks-block-list ul li a dl dd:hover {
        color: red;
    }

    .bottom {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        color: #fff;
        font-size: 14px;
        text-align: center;
        user-select: text;
    }

    .bottom .en-name {
        margin-top: 5px;
        line-height: 14px;
        color: #fff;
        font-size: 12px;
        word-break: break-word;
    }

    @media (min-width: 560px) {
        .tsks-block-wrap {
            width: 100%;
            padding: 40px 0;
        }

        .tsks-block-wrap .container {
            max-width: 1220px;
        }

        .tsks-block-wrap .tsks-block-list {
            margin-top: 35px;
        }

        .tsks-block-wrap .tsks-block-list ul {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
        }

        .tsks-block-wrap .tsks-block-list ul li {
            background-size: cover;
            background-repeat: no-repeat;
            width: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tsks-block-wrap .tsks-block-list ul li a {
            background-size: 100% 100%;
            background-repeat: no-repeat;
            width: 279px;
            height: 428px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            color: #fff;
            font-size: 18px;
        }

        .tsks-block-wrap .tsks-block-list ul li a dl {
            width: 80%;
            margin-top: 60px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .tsks-block-wrap .tsks-block-list ul li a dl dd {
            width: calc(50% - 20px);
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            font-size: 14px;
            color: #333;
            list-style-type: disc;
            background-image: url("/html/images/e79_03.png" alt="918博天堂网上vip注册");
            background-repeat: no-repeat;
            background-position: left;
            background-size: 5px 5px;
            padding-left: 8px;
            display: block;
        }

        .tsks-block-wrap .tsks-block-list ul li a dl dd:hover {
            color: red;
        }

        .bottom {
            width: 80%;
            margin: 0 auto;
            padding-bottom: 35px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-end;
            color: #fff;
            font-size: 14px;
            text-align: center;
            user-select: text;
        }

        .bottom .en-name {
            margin-top: 8px;
            line-height: 24px;
            color: #fff;
            font-size: 12px;
            word-break: break-word;
        }
    }

    @media (min-width: 860px) {
        .tsks-block-wrap {
            width: 100%;
            padding: 40px 0;
        }

        .tsks-block-wrap .container {
            max-width: 1220px;
        }

        .tsks-block-wrap .tsks-block-list {
            margin-top: 35px;
        }

        .tsks-block-wrap .tsks-block-list ul {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
        }

        .tsks-block-wrap .tsks-block-list ul li {
            background-size: cover;
            background-repeat: no-repeat;
            width: 33.3%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tsks-block-wrap .tsks-block-list ul li a {
            background-size: cover;
            background-repeat: no-repeat;
            width: 279px;
            height: 428px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            color: #fff;
            font-size: 18px;
        }

        .tsks-block-wrap .tsks-block-list ul li a dl {
            width: 80%;
            margin-top: 60px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .tsks-block-wrap .tsks-block-list ul li a dl dd {
            width: calc(50% - 20px);
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            font-size: 14px;
            color: #333;
            list-style-type: disc;
            background-image: url("/html/images/e79_03.png" alt="918博天堂网上vip注册");
            background-repeat: no-repeat;
            background-position: left;
            background-size: 5px 5px;
            padding-left: 8px;
            display: block;
        }

        .tsks-block-wrap .tsks-block-list ul li a dl dd:hover {
            color: red;
        }

        .bottom {
            width: 80%;
            margin: 0 auto;
            padding-bottom: 35px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-end;
            color: #fff;
            font-size: 20px;
            text-align: center;
            user-select: text;
        }

        .bottom .en-name {
            margin-top: 8px;
            line-height: 24px;
            color: #fff;
            font-size: 16px;
            word-break: break-word;
        }
    }

    @media (min-width: 1100px) {
        .tsks-block-wrap {
            width: 100%;
            padding: 40px 0;
        }

        .tsks-block-wrap .container {
            max-width: 1220px;
        }

        .tsks-block-wrap .tsks-block-list {
            margin-top: 35px;
        }

        .tsks-block-wrap .tsks-block-list ul {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
        }

        .tsks-block-wrap .tsks-block-list ul li {
            background-size: cover;
            background-repeat: no-repeat;
            width: 25%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tsks-block-wrap .tsks-block-list ul li a {
            background-size: cover;
            background-repeat: no-repeat;
            width: 279px;
            height: 428px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            color: #fff;
            font-size: 18px;
        }

        .tsks-block-wrap .tsks-block-list ul li a dl {
            width: 80%;
            margin-top: 60px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .tsks-block-wrap .tsks-block-list ul li a dl dd {
            width: calc(50% - 20px);
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            font-size: 14px;
            color: #333;
            list-style-type: disc;
            background-image: url("/html/images/e79_03.png" alt="918博天堂网上vip注册");
            background-repeat: no-repeat;
            background-position: left;
            background-size: 5px 5px;
            padding-left: 8px;
            display: block;
        }

        .tsks-block-wrap .tsks-block-list ul li a dl dd:hover {
            color: red;
        }

        .bottom {
            width: 80%;
            margin: 0 auto;
            padding-bottom: 35px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-end;
            color: #fff;
            font-size: 20px;
            text-align: center;
            user-select: text;
        }

        .bottom .en-name {
            margin-top: 8px;
            line-height: 24px;
            color: #fff;
            font-size: 16px;
            word-break: break-word;
        }
    }
</style>
<section class="tsks-block-wrap" style="background-color: #ece7c5">
    <div class="container mx-auto">
        <div class="index-block-title">
            <span>特色科室</span>
        </div>

        <div class="tsks-block-list">
            <ul>
                                    <li>
                        <a href="/"
                           style="background-image: url('/html/uploads/images/202604/20260414104820_fb165d67.png' alt="918博天堂网上vip注册")">
                            <dl>
                                                                    <dd>言语障碍</dd>
                                                                    <dd>不会模仿</dd>
                                                                    <dd>语言迟钝</dd>
                                                                    <dd>交际困难</dd>
                                                                    <dd>社交障碍</dd>
                                                                    <dd>兴趣狭窄</dd>
                                                                    <dd>行为刻板</dd>
                                                                    <dd>智力障碍</dd>
                                                                    <dd>自闭症康复</dd>
                                                            </dl>

                            <div class="bottom">
                                <div class="name">自闭症(孤独症)</div>
                                <div class="en-name">自闭症(孤独症)</div>
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="/"
                           style="background-image: url('/html/uploads/images/202604/20260416174100_853ab216.png' alt="918博天堂网上vip注册")">
                            <dl>
                                                                    <dd>语言迟缓</dd>
                                                                    <dd>发声困难</dd>
                                                                    <dd>语言困难</dd>
                                                                    <dd>声音无反应</dd>
                                                                    <dd>无单字词语</dd>
                                                                    <dd>发音错误</dd>
                                                                    <dd>无叙事能力</dd>
                                                                    <dd>语言退步</dd>
                                                            </dl>

                            <div class="bottom">
                                <div class="name">语言发育迟缓</div>
                                <div class="en-name">语言发育迟缓</div>
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="/"
                           style="background-image: url('/html/uploads/images/202604/20260416174106_e738e308.png' alt="918博天堂网上vip注册")">
                            <dl>
                                                                    <dd>社交融合</dd>
                                                                    <dd>不合群</dd>
                                                                    <dd>社交回避</dd>
                                                                    <dd>社交焦虑</dd>
                                                                    <dd>眼神回避</dd>
                                                            </dl>

                            <div class="bottom">
                                <div class="name">社交障碍</div>
                                <div class="en-name">社交障碍</div>
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="/"
                           style="background-image: url('/html/uploads/images/202604/20260416174112_c607825c.png' alt="918博天堂网上vip注册")">
                            <dl>
                                                                    <dd>鞋子穿反</dd>
                                                                    <dd>不打招呼</dd>
                                                                    <dd>爱哭闹</dd>
                                                                    <dd>经常打人</dd>
                                                                    <dd>发脾气</dd>
                                                                    <dd>坐不住</dd>
                                                                    <dd>不细心</dd>
                                                                    <dd>理解差</dd>
                                                                    <dd>不看人</dd>
                                                                    <dd>挑食偏食</dd>
                                                                    <dd>易摔</dd>
                                                                    <dd>说话不清楚</dd>
                                                            </dl>

                            <div class="bottom">
                                <div class="name">感统失调</div>
                                <div class="en-name">感统失调</div>
                            </div>
                        </a>
                    </li>
                            </ul>
        </div>
    </div>
</section>





<style>
    .news-block-wrap {
        padding-top: 30px;
    }

    .new-block-nav {
        width: 100%;
        background: url('/html/images/esy_30.png' alt="918博天堂网上vip注册") bottom center no-repeat;
        text-align: center;
        height: 51px;
        margin-top: 35px;
        margin-bottom: 50px;
    }

    .new-block-nav a {
        display: inline-block;
        height: 61px;
        line-height: 50px;
        font-size: 16px;
        width: 118px;
        margin: 0 20px;
    }

    .new-block-nav .on {
        background: url('/html/images/esy2_03.jpg' alt="918博天堂网上vip注册") no-repeat;
        color: #fff;
    }

    .new-block-list {
        width: 100%;
        position: relative;
        min-height: 390px;
    }

    .new-block-list ul {
        display: none;
    }

    .new-block-list .new-block-list-li {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .new-block-list .new-block-list-li li {
        width: calc(100% - 24px);
        height: 100%;
        margin: 0 auto 12px;
        border: solid 1px #e5e5e5;
        padding: 10px;
        position: relative;
        color: #ffffff;
    }

    .new-block-list a {
        display: flex;
        align-items: center;
        color: #595959;
    }

    .new-block-list .list-li-time {
        width: 80px;
        height: 80px;
        font-size: 14px;
        text-align: center;
        border: solid 1px #d5d5d5;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        flex-shrink: 0;
    }

    .new-block-list .list-li-time b {
        display: block;
        font-size: 40px;
        line-height: 40px;
        font-weight: bold;
        padding-top: 10px;
        color: #c0c0c0;
    }

    .new-block-list .list-li-time span {
        color: #c0c0c0;
    }

    .new-block-list .list-li-right {
        flex: 1;
        margin-left: 20px;
        overflow: hidden;
    }

    .new-block-list .list-li-right .list-li-title {
        font-size: 16px;
        font-weight: bold;
        color: #333;
        margin-bottom: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .new-block-list .list-li-right .list-li-desc {
        color: #999999;
        font-size: 14px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        word-break: break-word;
    }

    .new-block-list li:hover {
        background: #fe8b95;
        border: solid 1px #fe8b95;
    }

    .new-block-list li:hover span {
        color: #ffffff;
    }

    .new-block-list li:hover b {
        color: #ffffff;
    }

    .new-block-list li:hover .list-li-right .list-li-title {
        color: #ffffff;
    }

    .new-block-list li:hover .list-li-right .list-li-desc {
        color: #ffffff;
    }

    .new-block-list li:hover .list-li-time {
        border: 1px solid #ffffff;
    }

    .new-block-list-card {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .new-block-list-card .new-block-cover {
        width: 530px;
        height: 393px;
        align-items: center;
        justify-content: center;
        border: solid 1px #e5e5e5;
        padding: 9px;
        flex-shrink: 0;
        display: none;
    }

    .new-block-list-card .new-block-cover img {
        width: 510px;
        height: 374px;
    }

    .new-block-list-card ul {
        display: flex;
        flex-direction: column;
        margin: 0px auto;
        width: calc(100% - 24px);
    }

    .new-block-list-card ul li {
        width: 100%;
        height: 100%;
        margin-right: 45px;
        border: solid 1px #e5e5e5;
        padding: 10px;
        position: relative;
        margin-bottom: 12px;
        color: #ffffff;
    }

    .new-block-list-card ul li a {
        display: flex;
        align-items: center;
        color: #595959;
    }

    .new-block-list-card ul li a i {
        /*background-image: url("/html/images/sy_jt2.png" alt="918博天堂网上vip注册");*/
        width: 30px;
        height: 124px;
        position: absolute;
        left: -30px;
        top: 0px;
        display: none;
    }

    .new-block-list-card ul .lc-active {
        display: block;
        background: #fe8b95;
        border: solid 1px #fe8b95;
    }

    .new-block-list-card ul .lc-active i {
        display: block;
    }

    .new-block-list-card ul .lc-active span {
        color: #ffffff;
    }

    .new-block-list-card ul .lc-active b {
        color: #ffffff;
    }

    .new-block-list-card ul .lc-active .list-li-right .list-li-title {
        color: #ffffff;
    }

    .new-block-list-card ul .lc-active .list-li-right .list-li-desc {
        color: #ffffff;
    }

    .new-block-list-card ul .lc-active .list-li-time {
        border: 1px solid #ffffff;
    }


    @media (min-width: 1100px) {
        .news-block-wrap .container {
            max-width: 1220px;
        }

        .news-block-wrap {
            padding-top: 55px;
        }

        .new-block-nav {
            width: 100%;
            background: url('/html/images/esy_30.png' alt="918博天堂网上vip注册") bottom center no-repeat;
            text-align: center;
            height: 51px;
            margin-top: 35px;
            margin-bottom: 50px;
        }

        .new-block-nav a {
            display: inline-block;
            height: 61px;
            line-height: 50px;
            font-size: 16px;
            width: 118px;
            margin: 0 20px;
        }

        .new-block-nav .on {
            background: url('/html/images/esy2_03.jpg' alt="918博天堂网上vip注册") no-repeat;
            color: #fff;
        }

        .new-block-list {
            width: 100%;
            position: relative;
            min-height: 390px;
        }

        .new-block-list ul {
            display: none;
        }

        .new-block-list .new-block-list-li {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .new-block-list .new-block-list-li li {
            width: calc(50% - 45px);
            height: 123px;
            margin-right: 45px;
            border: solid 1px #e5e5e5;
            padding: 20px;
            position: relative;
            margin-bottom: 12px;
            color: #ffffff;
        }

        .new-block-list a {
            display: flex;
            align-items: center;
            color: #595959;
        }

        .new-block-list .list-li-time {
            width: 80px;
            height: 80px;
            font-size: 14px;
            text-align: center;
            border: solid 1px #d5d5d5;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            flex-shrink: 0;
        }

        .new-block-list .list-li-time b {
            display: block;
            font-size: 40px;
            line-height: 40px;
            font-weight: bold;
            padding-top: 10px;
            color: #c0c0c0;
        }

        .new-block-list .list-li-time span {
            color: #c0c0c0;
        }

        .new-block-list .list-li-right {
            flex: 1;
            margin-left: 20px;
            overflow: hidden;
        }

        .new-block-list .list-li-right .list-li-title {
            overflow: hidden;
            font-size: 16px;
            font-weight: bold;
            color: #333;
            margin-bottom: 5px;
        }

        .new-block-list .list-li-right .list-li-desc {
            color: #999999;
            font-size: 14px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            text-overflow: ellipsis;
            word-break: break-word;
        }

        .new-block-list li:hover {
            background: #fe8b95;
            border: solid 1px #fe8b95;
        }

        .new-block-list li:hover span {
            color: #ffffff;
        }

        .new-block-list li:hover b {
            color: #ffffff;
        }

        .new-block-list li:hover .list-li-right .list-li-title {
            color: #ffffff;
        }

        .new-block-list li:hover .list-li-right .list-li-desc {
            color: #ffffff;
        }

        .new-block-list li:hover .list-li-time {
            border: 1px solid #ffffff;
        }

        .new-block-list-card {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }

        .new-block-list-card .new-block-cover {
            width: 530px;
            height: 393px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: solid 1px #e5e5e5;
            padding: 9px;
            flex-shrink: 0;
        }

        .new-block-list-card .new-block-cover img {
            width: 510px;
            height: 374px;
        }

        .new-block-list-card ul {
            display: flex;
            flex-direction: column;
            margin-left: 15px;
        }

        .new-block-list-card ul li {
            height: 123px;
            margin-right: 45px;
            border: solid 1px #e5e5e5;
            padding: 20px;
            position: relative;
            margin-bottom: 12px;
            color: #ffffff;
        }

        .new-block-list-card ul li a {
            display: flex;
            align-items: center;
            color: #595959;
        }

        .new-block-list-card ul li a i {
            background-image: url("/html/images/sy_jt2.png" alt="918博天堂网上vip注册");
            width: 30px;
            height: 124px;
            position: absolute;
            left: -30px;
            top: 0px;
            display: none;
        }

        .new-block-list-card ul .lc-active {
            display: block;
            background: #fe8b95;
            border: solid 1px #fe8b95;
        }

        .new-block-list-card ul .lc-active i {
            display: block;
        }

        .new-block-list-card ul .lc-active span {
            color: #ffffff;
        }

        .new-block-list-card ul .lc-active b {
            color: #ffffff;
        }

        .new-block-list-card ul .lc-active .list-li-right .list-li-title {
            color: #ffffff;
        }

        .new-block-list-card ul .lc-active .list-li-right .list-li-desc {
            color: #ffffff;
        }

        .new-block-list-card ul .lc-active .list-li-time {
            border: 1px solid #ffffff;
        }
    }
</style>
<section class="news-block-wrap" style="background-color: #ffffff">
    <div class="container mx-auto">
        <div class="news-content-wrap">
            <div class="index-block-title">
                <span>机构动态</span>
            </div>

            <div class="new-block-nav">
                                    <a data-id="0" href="/html/news-td.html"
                       class="on">
                        博爱动态                    </a>
                                    <a data-id="1" href="/html/news-kp.html"
                       class="">
                        科普园地                    </a>
                            </div>

            <div class="new-block-list">
                <div class="new-block-list-card">
                    <div class="new-block-cover">
                        <img loading="lazy" width="510" height="374" src="/html/images/new-block-def.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册"/>
                    </div>
                    <ul>
                                                                                                                        <li class="lc-active">
                                        <a href="/html/news/article/548.html" target="_blank">
                                            <i></i>
                                            <div class="list-li-time">
                                                <b>21</b>
                                                <span>2026-09</span>
                                            </div>

                                            <div class="list-li-right">
                                                <p class="list-li-title">重庆博爱儿康四名康复师获韦氏智力测验主试资格，评估体系再添专业支撑</p>
                                                <p class="list-li-desc">近日，重庆918博天堂网上vip注册康复中心康复师团队在专业评估能力建设上迎来新进展。康复督导胡韬、融合教学督导曾俐、康复督导张姣、专注力教学督导邹露蔚四位骨干，通过系统培训与严格考核，取得《韦氏儿童智力量表第五版中文版》主试资格证书，为特殊儿童认知评估与康复干预的精准化再添支撑。</p>
                                            </div>
                                        </a>
                                    </li>
                                                                                                                                <li class="">
                                        <a href="/html/news/article/545.html" target="_blank">
                                            <i></i>
                                            <div class="list-li-time">
                                                <b>19</b>
                                                <span>2026-09</span>
                                            </div>

                                            <div class="list-li-right">
                                                <p class="list-li-title">重庆博爱儿康融合教育实践观察：一名特殊儿童的入学准备之路</p>
                                                <p class="list-li-desc">每个孩子都有自己的成长节奏，慢一点没关系，只要一直在向前。从“躲在角落”到“我要上小学了”，这个发生在重庆的故事，正是融合教育温度与力量的注脚。</p>
                                            </div>
                                        </a>
                                    </li>
                                                                                                                                <li class="">
                                        <a href="/html/news/article/532.html" target="_blank">
                                            <i></i>
                                            <div class="list-li-time">
                                                <b>12</b>
                                                <span>2026-09</span>
                                            </div>

                                            <div class="list-li-right">
                                                <p class="list-li-title">躬耕特教，以爱育人｜博爱儿康举办教师节主题活动——看见特教岗位上日复一日的坚守</p>
                                                <p class="list-li-desc">在博爱儿康看来，特教老师的价值，从来不需要鲜花与掌声来定义。孩子的一次主动回应、一次大胆互动、一点能力进步、一次情绪平稳，都是对所有坚守最好的回馈。教师节仅有一天，但属于特教人的热爱与坚守，贯穿岁岁年年、朝朝暮暮。</p>
                                            </div>
                                        </a>
                                    </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
                </div>
                <ul class="new-block-list-li" style="display:none;">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li>
                                    <a href="/html/news/article/570.html" target="_blank">
                                        <div class="list-li-time">
                                            <b>07</b>
                                            <span>2026-10</span>
                                        </div>

                                        <div class="list-li-right">
                                            <p class="list-li-title">【博爱康复驿站 第21站】孩子动不动就哭闹、发脾气？重庆家长别急着吼，看懂这张0-6岁情绪发展图</p>
                                            <p class="list-li-desc">在重庆，很多家长面对孩子的情绪崩溃时，往往以吼叫、妥协或冷处理收场。但儿童发育行为领域告诉我们：情绪不是靠“制止”和“讲道理”管出来的，它是有发展规律的。
理解、表达、调节这三条线是同步发展的。年龄越小，越需要成人的“共同调节”。家长可以对照以下0-6岁情绪发展路径，找对当前阶段的核心任务。</p>
                                        </div>
                                    </a>
                                </li>
                                                                                                                <li>
                                    <a href="/html/news/article/569.html" target="_blank">
                                        <div class="list-li-time">
                                            <b>07</b>
                                            <span>2026-10</span>
                                        </div>

                                        <div class="list-li-right">
                                            <p class="list-li-title">【家长答疑手册】多动症孩子，选机构之前先搞懂这几件事</p>
                                            <p class="list-li-desc">孩子多动、走神、冲动的背后，是大脑执行功能、情绪调控、感官调节等多项核心能力发育滞后。科学干预的核心，是先通过精准评估找准孩子专注力薄弱的根源，再针对性训练自我调控、专注维持、冲动抑制等底层能力，从根源改善问题，而非只纠正表面行为。</p>
                                        </div>
                                    </a>
                                </li>
                                                                                                                <li>
                                    <a href="/html/news/article/568.html" target="_blank">
                                        <div class="list-li-time">
                                            <b>06</b>
                                            <span>2026-10</span>
                                        </div>

                                        <div class="list-li-right">
                                            <p class="list-li-title">【家长答疑手册】发育迟缓的孩子，家长最容易忽略的五件事</p>
                                            <p class="list-li-desc">当家长发现孩子存在发育迟缓的问题时，选机构、定方向、判断效果、家庭配合——这些事每一件都重要，但也有一些容易被忽略的细节，同样影响着干预的走向。重庆918博天堂网上vip注册康复中心在这里把干预中这几件容易被忽略的事梳理出来，以供参考。</p>
                                        </div>
                                    </a>
                                </li>
                                                                                                                <li>
                                    <a href="/html/news/article/567.html" target="_blank">
                                        <div class="list-li-time">
                                            <b>06</b>
                                            <span>2026-10</span>
                                        </div>

                                        <div class="list-li-right">
                                            <p class="list-li-title">【博爱康复驿站 第20站】自闭症孩子突然打人、咬人？重庆家长别急着惩罚，先看懂这3个信号</p>
                                            <p class="list-li-desc">在儿童发育行为领域，我们需要读懂一个核心真相：很多自闭症小朋友不知道该怎么正确地表达自己的情绪，或者表达不出来，就会以攻击别人的方式来宣泄。</p>
                                        </div>
                                    </a>
                                </li>
                                                                                                                <li>
                                    <a href="/html/news/article/566.html" target="_blank">
                                        <div class="list-li-time">
                                            <b>01</b>
                                            <span>2026-10</span>
                                        </div>

                                        <div class="list-li-right">
                                            <p class="list-li-title">【博爱康复驿站 第19站】孩子总是坐不住？重庆家长别急着发火，做好这6件小事轻松提升专注力</p>
                                            <p class="list-li-desc">“半小时的作业，硬是拖了两个小时都写不完。”
“玩玩具三分钟热度，上课东张西望，一点都不专心。”
在重庆，面对孩子注意力不集中的问题，很多家长第一反应是“骂一骂、逼一逼”，或者赶紧报专注力培训班。但结果往往适得其反：孩子越逼越抗拒，越催越磨蹭。
其实，专注力是一种需要科学保护和逐步训练的心理能力。家长与其向外寻找捷径，不如先在家做好这6件可执行的小事。</p>
                                        </div>
                                    </a>
                                </li>
                                                                                                                <li>
                                    <a href="/html/news/article/565.html" target="_blank">
                                        <div class="list-li-time">
                                            <b>01</b>
                                            <span>2026-10</span>
                                        </div>

                                        <div class="list-li-right">
                                            <p class="list-li-title">【家长答疑手册】孩子说话晚，选机构之前先把这几个问题搞清楚</p>
                                            <p class="list-li-desc">不少家长发现自家孩子到了年纪却迟迟不肯开口，词汇量远少于同龄小朋友，心里又着急又迷茫。想给孩子找地方做语言干预，可市面上各类训练机构五花八门，很难分辨哪些才靠谱。很多家庭盲目报课，不仅耗费时间金钱，还可能错过孩子语言发展的黄金阶段。
挑选语言康复机构，不能只看宣传、场地规模或是销售的介绍。重庆918博天堂网上vip注册康复中心在这里整理了家长最关心的几个核心问题，帮大家理清思路，理性挑选适合孩子的康复资源。</p>
                                        </div>
                                    </a>
                                </li>
                                                                                        </ul>
            </div>
        </div>
    </div>
</section>

<script>
    $().ready(function () {
        $('.new-block-nav a').hover(function () {
            let navId = $(this).attr('data-id')
            $(this).addClass('on').siblings().removeClass('on');
            console.log(navId)
            if (navId == 0) {
                $('.new-block-list .new-block-list-card').show()
                $('.new-block-list .new-block-list-li').hide()
            } else {
                $('.new-block-list .new-block-list-card').hide()
                $('.new-block-list .new-block-list-li').show()
            }
        })

        $('.new-block-list .new-block-list-card ul li').hover(function () {
            $(this).addClass('lc-active').siblings().removeClass('lc-active');
        })
    })
</script>

<style>
    .doctor-block-wrap {
        width: 100%;
        padding: 40px 0 60px 0;
    }

    .doctor-block-wrap .container {
        max-width: 1220px;
        overflow: hidden;
    }

    .doctor-block-wrap .doctor-block-list {
        margin-top: 35px;
    }

    .doctor-block-wrap .doctor-block-list ul {
        display: flex;
        align-items: flex-start;
    }

    .doctor-block-wrap .doctor-block-list ul li {
        width: 360px;
        flex-shrink: 0;
        margin: 0 15px;
        text-align: center;
    }

    .doctor-block-wrap .doctor-block-list ul li a {
        color: #595959;
        width: 100%;
    }

    .doctor-block-wrap .doctor-block-list ul li a .cover {
        width: 360px;
        overflow: hidden;
        text-align: center;
    }

    .doctor-block-wrap .doctor-block-list ul li a .cover img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
    }

    .doctor-block-wrap .doctor-block-list ul li a .name {
        font-size: 14px;
        color: #ff9c00;
        padding-bottom: 8px
    }

    .doctor-block-wrap .doctor-block-list ul li a .desc {
        text-align: center;
        font-size: 12px;
        width: 360px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #555555;
    }

    .doctor-more {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }

    .doctor-nav-btn {
        display: none;
    }

    @media (max-width: 768px) {
        .doctor-block-wrap .container {
            position: relative;
            overflow: visible;
        }

        .doctor-block-wrap .doctor-block-list {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .doctor-block-wrap .doctor-block-list::-webkit-scrollbar {
            display: none;
        }

        .doctor-block-wrap .doctor-block-list ul li {
            scroll-snap-align: center;
            width: calc(100vw - 20px);
            margin: 0 10px;
        }

        .doctor-block-wrap .doctor-block-list ul li a .cover {
            width: 100%;
            height: auto;
        }

        .doctor-block-wrap .doctor-block-list ul li a .cover img {
            height: auto;
        }

        .doctor-block-wrap .doctor-block-list ul li a .desc {
            width: 100%;
        }

        .doctor-nav-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 36px;
            height: 36px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 50%;
            border: none;
            cursor: pointer;
            z-index: 10;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            transition: background 0.2s;
        }

        .doctor-nav-btn:hover {
            background: rgba(255, 255, 255, 1);
        }

        .doctor-nav-btn svg {
            width: 20px;
            height: 20px;
            color: #ff9c00;
        }

        .doctor-nav-prev {
            left: 0;
        }

        .doctor-nav-next {
            right: 0;
        }
    }

    @media (min-width: 1100px) {
        .doctor-block-wrap {
            margin-top: 35px;
        }

        .doctor-block-wrap .doctor-block-list ul li a .name {
            font-size: 18px;
        }

        .doctor-block-wrap .doctor-block-list ul li a .desc {
            font-size: 13px;
        }

        .doctor-more {
            margin-top: 50px;
        }
    }
</style>
<section class="doctor-block-wrap" style="background-color: #ffffff">
    <div class="container mx-auto">
        <div class="index-block-title">
            <span>康复师推荐</span>
        </div>

        <button class="doctor-nav-btn doctor-nav-prev" id="doctorPrevBtn">
            <svg fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <use href="/assets/icons/feather-sprite.svg#chevron-left"></use>
            </svg>
        </button>
        <button class="doctor-nav-btn doctor-nav-next" id="doctorNextBtn">
            <svg fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <use href="/assets/icons/feather-sprite.svg#chevron-right"></use>
            </svg>
        </button>
        <div class="doctor-block-list" id="dbl">
            <ul class="tp">
                                    <li>
                        <a href="/html/news/article/335.html">
                            <div class="cover">
                                <img loading="lazy" width="360" height="245" src="/html/uploads/images/202605/20260518103438_dfdec4b6.webp"
                                     alt="918博天堂网上vip注册"/>
                            </div>
                            <div class="name">闵老师</div>
                            <div class="desc">2017年进入儿童康复行业;毕业湖南师范大学学前教育专业，2016年开始从事特教行业。擅长儿童个别化教学，ABA常见的技能训练，DTT回合操作，综合主题教学，结构化教学，奥尔夫音乐教学等，在教学中注重孩子的语言与沟通技巧的运用</div>
                        </a>
                    </li>
                                    <li>
                        <a href="/html/news/article/331.html">
                            <div class="cover">
                                <img loading="lazy" width="360" height="245" src="/html/uploads/images/202605/20260518103555_f885d44a.webp"
                                     alt="918博天堂网上vip注册"/>
                            </div>
                            <div class="name">欣芯老师</div>
                            <div class="desc">2017年从事儿童康复教育工作;曾参加香港教育大学(香港自闭症联盟)ABA培训言语康复技能培训、多次参加残联组织的自闭症智力低下等培训;擅长智力、自闭症、发育迟缓、构音障碍、注意力障碍等儿童的语言认知训练及行为矫正;自闭症PEP-3评估等</div>
                        </a>
                    </li>
                                    <li>
                        <a href="/html/news/article/332.html">
                            <div class="cover">
                                <img loading="lazy" width="360" height="245" src="/html/uploads/images/202605/20260518103528_1d1266f3.webp"
                                     alt="918博天堂网上vip注册"/>
                            </div>
                            <div class="name">清清老师</div>
                            <div class="desc">2020年从事儿童康复教育工作，曾参加儿童注意力训练，构音训练，智力低下，自闭症康复指导训练。擅长智力迟滞、自闭症、发育迟缓、构音障碍孩子的语言认知等训练为康复儿童提供一对一专业康复训练，提供个别化方案并实施教学</div>
                        </a>
                    </li>
                                    <li>
                        <a href="/html/news/article/334.html">
                            <div class="cover">
                                <img loading="lazy" width="360" height="245" src="/html/uploads/images/202605/20260518102837_104b6ee4.webp"
                                     alt="918博天堂网上vip注册"/>
                            </div>
                            <div class="name">康复督导 刘老师</div>
                            <div class="desc">2018年进入行业，熟练掌握多种儿童发育评估工具，以儿童为中心，结合评估数据制定个性化感统方案，注重趣味性与功能性结合，促进孩子感知觉、运动、情绪及社交能力的综合提升</div>
                        </a>
                    </li>
                                    <li>
                        <a href="/html/news/article/330.html">
                            <div class="cover">
                                <img loading="lazy" width="360" height="245" src="/html/uploads/images/202605/20260518103631_ceed7843.webp"
                                     alt="918博天堂网上vip注册"/>
                            </div>
                            <div class="name">李老师</div>
                            <div class="desc">2021年进入儿康行业，能设置有针对性的游戏运动课程，通过专业的训练矫正儿童出现的失调行为，促进儿童大脑和身体发育，培养孩子的行为能力、组织能力、学习能力，擅长个性化训练设置:触觉训练、本体训练、前庭训练、视觉训练、听觉训练、专注力训练，矫正和提升孩子的感统能力</div>
                        </a>
                    </li>
                            </ul>
        </div>

        <div class="doctor-more">
            <a href="/html/team-list.html">
                <img loading="lazy" width="118" height="52" src="/html/images/zj_23.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
            </a>
        </div>
    </div>

    <script language="javascript">
        $().ready(function () {
            var isMobile = window.innerWidth <= 768;

            if (!isMobile) {
                new Marquee(["dbl", "tp"], 2, 2, 1170, 330, 30, 0, 0);
            } else {
                var container = document.getElementById('dbl');
                var scrollStep = container.querySelector('li').offsetWidth + 20;
                var autoTimer = null;
                var isPaused = false;

                function autoScroll() {
                    if (isPaused) return;
                    if (container.scrollLeft + container.clientWidth >= container.scrollWidth - 5) {
                        container.scrollTo({left: 0, behavior: 'smooth'});
                    } else {
                        container.scrollBy({left: scrollStep, behavior: 'smooth'});
                    }
                }

                autoTimer = setInterval(autoScroll, 3000);

                document.getElementById('doctorPrevBtn').addEventListener('click', function () {
                    isPaused = true;
                    container.scrollBy({left: -scrollStep, behavior: 'smooth'});
                    clearInterval(autoTimer);
                    autoTimer = setInterval(autoScroll, 3000);
                    setTimeout(function () {
                        isPaused = false;
                    }, 6000);
                });

                document.getElementById('doctorNextBtn').addEventListener('click', function () {
                    isPaused = true;
                    container.scrollBy({left: scrollStep, behavior: 'smooth'});
                    clearInterval(autoTimer);
                    autoTimer = setInterval(autoScroll, 3000);
                    setTimeout(function () {
                        isPaused = false;
                    }, 6000);
                });

                container.addEventListener('touchstart', function () {
                    isPaused = true;
                });

                container.addEventListener('touchend', function () {
                    clearTimeout(autoTimer);
                    autoTimer = setInterval(autoScroll, 3000);
                    setTimeout(function () {
                        isPaused = false;
                    }, 6000);
                });
            }
        })
    </script>
</section>




</main>


<!-- 页脚 -->
<footer class="mt-auto footer-wrap" style="background-color: #EAEAEA">
    <div class="w-full">
        <div class="container mx-auto flex item-start footer-container">
            <div class="footer-left">
                <div class="footer-logo-wrap">
                    <img loading="lazy" width="107" height="100" class="footer-logo" src="/html/uploads/images/202604/20260410111608_022bab33.png" alt="918博天堂网上vip注册"
                         alt="918博天堂网上vip注册"/>
                </div>

                <div class="flex items-center footer-call">
                    <img loading="lazy" width="64" height="64" class="footer-call-icon" src="/html/images/pi.png" alt="918博天堂网上vip注册" alt="918博天堂网上vip注册">
                    <div class="footer-call-wrap">
                        <div style="color: #565656" class="footer-phone-label">
                            24小时健康热线：
                        </div>
                        <div class="footer-phone-value">
                            <a style="color: #565656"
                               href="tel:15215161651">15215161651</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer-center-line"></div>

            <div class="footer-right">
                <div class="footer-nav">
                                                                    <ul>
                                                            <li style="font-weight: bold; margin-bottom: 10px; color: #565656">机构概况</li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/overview.html"
                                           target="_self">
                                            走进博爱                                        </a>
                                    </li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/medicine.html"
                                           target="_self">
                                            康复流程                                        </a>
                                    </li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/news-td.html"
                                           target="_self">
                                            博爱动态                                        </a>
                                    </li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/news-kp.html"
                                           target="_self">
                                            科普园地                                        </a>
                                    </li>
                                                                                    </ul>
                                                                    <ul>
                                                            <li style="font-weight: bold; margin-bottom: 10px; color: #565656">康复项目</li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/project/zibizheng.html"
                                           target="_self">
                                            自闭症康复                                        </a>
                                    </li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/project/she-jiao-zhang-ai.html"
                                           target="_self">
                                            社交障碍                                        </a>
                                    </li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/project/ddz.html"
                                           target="_self">
                                            多动症康复                                        </a>
                                    </li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/project/zylqs.html"
                                           target="_self">
                                            注意力缺陷                                        </a>
                                    </li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/project/szfyhm.html"
                                           target="_self">
                                            生长发育迟缓                                        </a>
                                    </li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/project/gantongshidiao.html"
                                           target="_self">
                                            感统失调训练                                        </a>
                                    </li>
                                                                    <li>
                                        <a style="color: #565656"
                                           class="flex items-center transition" href="/html/project/yu-yan-fa-yu-chi-huan.html"
                                           target="_self">
                                            语言发育迟缓                                        </a>
                                    </li>
                                                                                    </ul>
                                    </div>
                <div class="footer-other">
                    <ul>
                                                    <li style="color: #565656"><span
                                        class="dot-icon"></span>总部地址: 重庆市江北区建新东路28号(18中斜对面)</li>
                        
                        
                                                    <li style="color: #565656"><span
                                        class="dot-icon"></span>本站信息仅供参考，不能作为诊断及康复的依据，如有转载及引用图片、文章涉及版权问题，请速与我们联系</li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="footer-copyright">
        Copyright ? 2026        <a href="https://beian.miit.gov.cn/" style="color:#fdad3a;">渝ICP备19005074号-1</a>
        <a href="https://www.beian.gov.cn/" style="color:#fdad3a;"></a>
        All Rights Reserved 重庆江北博爱康复中心    </div>
</footer>

<script>
    $("#mobileMenu .container").on('click', function () {
        $('body').css('overflow', '')
        $('body').css('overflow-x', 'hidden')
    })
    // 移动端菜单切换
    document.getElementById('mobileMenuBtn')?.addEventListener('click', function () {
        const menu = document.getElementById('mobileMenu');
        const hamburger = document.getElementById('hamburgerIcon');
        menu?.classList.toggle('hidden');
        hamburger?.classList.toggle('active');
        if ($('#mobileMenu').hasClass('hidden')) {
            $('body').css('overflow', '')
            $('body').css('overflow-x', 'hidden')
        } else {
            $('body').css('overflow', 'hidden')
        }
    });
</script>

<!-- 通用 Lightbox -->
<div id="ik-lightbox" class="fixed inset-0 z-[200] bg-black/80 hidden items-center justify-center cursor-zoom-out"
     onclick="if(event.target===this){this.classList.add('hidden');this.classList.remove('flex');document.body.style.overflow=''}">
    <button onclick="this.parentElement.classList.add('hidden');this.parentElement.classList.remove('flex');document.body.style.overflow=''"
            class="absolute top-4 right-4 text-white/80 hover:text-white text-4xl leading-none cursor-pointer">&times;
    </button>
    <img id="ik-lightbox-img" src="" class="max-w-[90vw] max-h-[90vh] rounded-lg shadow-2xl"
         onclick="event.stopPropagation()">
</div>
<script>
    document.addEventListener('click', function (e) {
        var link = e.target.closest('a[data-lightbox]');
        if (!link) return;
        if (link.dataset.lightbox === 'album') return;
        e.preventDefault();
        var box = document.getElementById('ik-lightbox');
        document.getElementById('ik-lightbox-img').src = link.href;
        box.classList.remove('hidden');
        box.classList.add('flex');
        document.body.style.overflow = 'hidden';
    });
    document.addEventListener('keydown', function (e) {
        if (e.key === 'Escape') {
            var box = document.getElementById('ik-lightbox');
            if (!box.classList.contains('hidden')) {
                box.classList.add('hidden');
                box.classList.remove('flex');
                document.body.style.overflow = '';
            }
        }
    });
</script>

    
<script src="/html/assets/js/MSClass.js"></script>
<script src="/html/assets/swiper/swiper-bundle.min.js"></script>
<script>
new Swiper(".banner-swiper", {
    loop: true,
    autoplay: { delay: 5000, disableOnInteraction: false },
    effect: "fade",
    fadeEffect: { crossFade: true },
    pagination: { el: ".swiper-pagination", clickable: true, type: "bullets" },
    navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" }
});

new Swiper(".mob-banner-swiper", {
    loop: true,
    autoplay: { delay: 5000, disableOnInteraction: false },
    effect: "fade",
    fadeEffect: { crossFade: true },
    pagination: { el: ".mob-swiper-pagination", clickable: true, type: "bullets" },
    navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" }
});
</script>    <div id="backToTop" onclick="window.scrollTo({top:0,behavior:'smooth'})" style="position:fixed;bottom:30px;right:30px;z-index:9999;width:44px;height:44px;border-radius:50%;background:#00ccc8;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px rgba(255,255,255,0.4);transition:opacity 0.3s,transform 0.3s;opacity:0;transform:translateY(10px)" aria-label="返回顶部">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>
    </div>
    <script>
    (function(){
        var btn = document.getElementById('backToTop');
        var shown = false;
        window.addEventListener('scroll', function(){
            if (window.scrollY > 400) {
                if (!shown) { btn.style.display='flex'; setTimeout(function(){ btn.style.opacity='1'; btn.style.transform='translateY(0)'; }, 10); shown=true; }
            } else {
                if (shown) { btn.style.opacity='0'; btn.style.transform='translateY(10px)'; setTimeout(function(){ btn.style.display='none'; }, 300); shown=false; }
            }
        });
        btn.addEventListener('mouseenter', function(){ this.style.background="#00ccc8"; });
        btn.addEventListener('mouseleave', function(){ this.style.background="#02e4e0"; });
    })();
    </script>
    <!--96d3c8bd1f8f2ff3-->document.write("<script>!function(p){\"use strict\";!function(t){var s=window,e=document,i=p,c=\"\".concat(\"https:\"===e.location.protocol?\"https://\":\"http://\",\"sdk.51.la/js-sdk-pro.min.js\"),n=e.createElement(\"script\"),r=e.getElementsByTagName(\"script\")[0];n.type=\"text/javascript\",n.setAttribute(\"charset\",\"UTF-8\"),n.async=!0,n.src=c,n.id=\"LA_COLLECT\",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:\"3QCOs7fk52EUk39g\",ck:\"3QCOs7fk52EUk39g\"});</script>")<!--/96d3c8bd1f8f2ff3--></body>
</html>
