@charset "UTF-8";

    :root {
        --tabWidth: 0;
        --tabIndex: 0px;
        --tabLeft: 90px;
        --downloadsTabWidth: 150px;
        --downloadsTabIndex: 0;
        --downloadsTabLeft: 400px;
    }

    #hiwonder-productCenter {
        width: 100%;
    }

    .product-center_shell,
    .NewArrivals,
    .product-tablist {
        min-width: 1226px;
        margin: auto;
        width: 1226px;
    }

    #hiwonder-productCenter {
        min-width: 1366px;
    }

    .product-center-item {
        display: inline-block;
        width: 100%;
    }

    .product-center-item img {
        width: 1226px;
        height: 464px;
    }

    .product-center_shell {
        min-width: 1300px;
        width: 1300px;
        height: 600px;
        margin: auto;
        overflow: hidden;
    }

    .product-center_swiper {
        position: relative;
    }

    .product-center-navlist {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 3;
        display: flex;
        justify-content: space-between;
        height: 600px;
    }

    .product-center-navlist-wrap {
        height: 100%;
        width: 227px;
        display: flex;
        flex-direction: column;
        justify-content: start;
        /* background: rgba(25, 25, 25, .73); */
        padding: 0px 0;
        box-sizing: border-box;
        flex-shrink: 0;
        gap: 0;
        position: relative;
    }

    /* 分组容器 */
    .nav-group {
        display: flex;
        flex-direction: column;
        margin: 0px 0 20px 0;
    }

    .product-center-navlistData-wrap {
        flex-shrink: 0;
        /* background: #fff; */
        display: none;
        max-width: 100%;
        width: 1042px; /* 默认宽度 */
        /* box-shadow: 0 8px 16px rgba(0, 0, 0, .18);
        border: 1px solid #e0e0e0; */
    }

    .product-center-navlist-item {
        display: flex;
        justify-content: space-between;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
        user-select: none;
        padding: 0 24px;
        background: #ffffff;
        position: relative;
    }

    /* 一级标签样式 */
    .product-center-navlist-item.level-1 {
        background: #ffffff;
        padding: 10px 24px;
        transition: all 0.3s ease;
    }

    .product-center-navlist-item.level-1 p {
        color: #000000;
        font-weight: 500;
        font-size: 16px;
        margin: 0;
        transition: all 0.3s ease;
    }

    .product-center-navlist-item.level-1 svg {
        fill: #000000;
        transition: all 0.3s ease;
    }

    .product-center-navlist-item.level-1:hover {
        background: #000000;
    }

    .product-center-navlist-item.level-1:hover p {
        color: #ffffff;
    }

    .product-center-navlist-item.level-1:hover svg {
        fill: #ffffff;
    }

    .product-center-navlist-item p {
        align-self: center;
        color: #000000;
        font-weight: 400;
        font-size: 14px;
    }

    .product-center-navlist-item svg {
        align-self: center;
        fill: #000000;
    }

    .product-center-navlist-item.product-center-navActive svg {
        fill: #ffffff;
    }
    
    .child-categories-child {
        display: block;
    }
    
    /* 二级分类样式 - 点击展开 */
    .child-categories {
        display: none;
        flex-direction: column;
        padding: 0;
    }

    .child-category-item.level-2 {
        display: flex;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
        user-select: none;
        padding: 10px 24px 10px 20px;
        transition: all 0.2s;
    }

    .child-category-item.level-2 p {
        color: #333333;
        font-weight: 400;
        font-size: 14px;
        margin: 0;
    }

    .child-category-item.level-2:hover {
        text-decoration: underline;
    }

    .child-category-item.level-2:hover p {
        color: #000000;
    }

    .child-category-item.level-2:hover p {
        color: #000000;
    }

    .child-category-item p {
        align-self: center;
        color: #6F6F6F;
        font-weight: 400;
        font-size: 15px;
        margin: 0;
    }

    .child-category-item:hover p {
        color: #000000;
    }

    .productcenter-navlist {
        padding: 0px 0 40px 34px;
    }

    .course-wrap {
        min-width: 1366px;
    }

    .productcenter-navlist h2 {
        position: relative;
        font-size: 17px;
        color: #000;
        padding: 2px 0 10px 8px;
        font-weight: 600;
    }

    .product-tablist-nav-wrap {
        min-width: 1366px;
        margin-top: 50px;
    }

    .productcenter-navlist h2:nth-of-type(2) {
        margin-top: 6px;
    }

    .productcenter-navlist h2::before {
        display: block;
        content: '';
        width: 3px;
        height: 60%;
        background: #f99000;
        position: absolute;
        left: 0;
        top: 5px;
    }

    .productcenter-navlist ul {
        /* display: flex; */
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    .productcenter-navlist ul li {
        flex-shrink: 0;
        height: 200px;
        cursor: pointer;
        user-select: none;
        text-align: center;
        /* margin-right: 30px; */
        /* height: 190px;
        width: 159px; */
        overflow: hidden;
        transition: all .3s linear;
        /* margin-bottom: 12px; */
        background: #fff;
    }

    .productcenter-navlist ul li:hover p {
        color: #f99000;
        transition: color .7s linear;
    }

    .productcenter-navlist ul li img {
        width: 96px;
    }

    .productcenter-navlist ul li:hover {
        background: #e4e4e6;
    }

    .productcenter-navlist ul li p {
        text-align: center;
        color: #141414;
        font-size: 15px;
    }

    /* 二级分类下拉选择器样式 */
    .category-dropdown {
        position: relative;
        margin-top: 10px;
        min-width: 200px;
    }

    .dropdown-selected {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        background: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        border-radius: 4px;
        cursor: pointer;
        transition: background 0.3s;
    }

    .dropdown-selected:hover {
        background: #333;
    }

    .dropdown-arrow {
        font-size: 12px;
        font-weight: bold;
        transform: rotate(90deg);
        transition: transform 0.3s;
    }

    .category-dropdown.open .dropdown-arrow {
        transform: rotate(-90deg);
    }

    .dropdown-list {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        z-index: 100;
        max-height: 300px;
        overflow-y: auto;
        margin-top: 4px;
    }

    .category-dropdown.open .dropdown-list {
        display: block;
    }

    .dropdown-list li {
        padding: 10px 15px;
        cursor: pointer;
        transition: all 0.3s;
        color: #333;
        font-size: 14px;
    }

    .dropdown-list li:hover {
        background: #fff7e6;
        color: #f99000;
    }

    .dropdown-list li.active {
        background: #f99000;
        color: #fff;
    }

    .product-center-navActive {
        color: #ffffff !important;
        background: #000000 !important;
    }
    .product-center-navActive >p {
        color: #ffffff !important;
    }
    .child-category-item.product-center-navActive {
        color: #000000 !important;
        background: #ffffff !important;
    }
    .child-category-item.product-center-navActive >p {
        color: #000000 !important;
        text-decoration: underline !important;
    }
    /* 新品推荐 */

    .NewArrivals h4 {
        text-align: center;
        font-size: 35px;
        padding: 30px 0 30px 0;
        color: rgba(57, 57, 57, 1);
        font-weight: 900;
    }

    .NewArrivals ul {
        display: flex;
        justify-content: space-between;
    }

    .NewArrivals ul li {
        flex-shrink: 0;
        width: 24.3%;
        transition: all .3s linear;
        box-shadow: 0 3px 5px #efefef;
    }

    .NewArrivals ul li:hover {
        transform: translate3d(0, -4px, 0);
        box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    }

    .NewArrivals ul li a {
        display: inline-block;
        width: 100%;
    }

    .NewArrivals ul li a img {
        width: 100%;
    }

    .NewArrivals ul li a p {
        text-align: center;
        font-size: 16px;
        line-height: 40px;
        color: #444;
        padding: 8px 0 24px 0;
    }

    .product-tablist {
        margin-top: 8px;
    }

    .product-tablist .product-tablist-wrap {
        position: relative;
        display: flex;
        justify-content: space-around;
    }

    /* .product-tablist .product-tablist-wrap::after {
        position: absolute;
        left: var(--tabLeft);
        bottom: -4px;
        display: block;
        content: '';
        width: var(--tabWidth);
        height: 4px;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        background: #f99000;
        transform: translateX(var(--tabIndex));
        transition: all .5s cubic-bezier(0.49, -0.09, 0.5, 1.02);
    } */

  
    .product-tablist .product-tablist-wrap .product-tablist-item a{
        height: 100%;
        width: 100%;
    }
    .product-tablist .product-tablist-wrap .product-tablist-item .active:hover{
        color: #fff;
    }
    .product-tablist .product-tablist-wrap .raspberry-hover-style .active:hover{
        
        background-color: #be1441; 
    }

    /* .product-tablist .product-tablist-wrap li:last-child {
        font-size: 20px !important;
    } */

    .tabAnimationToggle {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-top: 30px;
        display: none;
        padding-bottom: 89px;
    }

    .tabAnimationToggle li {
        flex-shrink: 0;
        width: 19%;
        background-color: #fff;
        margin-bottom: 12px;
        margin-right: 6px;
        margin-left: 6px;
        transition: all .3s linear;
        box-shadow: 0 3px 5px #efefef;
    }

    .tabAnimationToggle li:hover {
        transform: translate3d(0, -4px, 0);
        box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    }

    .tabAnimationToggle li img {
        width: 100%;
        margin: auto;
    }

    .tabAnimationToggle li P {
        font-size: 15px;
        padding: 18px 10px;
        color: #444;
        text-align: center;
    }

    .flex {
        display: flex !important;
        transition: all .3s linear;
        animation: show .3s linear;
    }

    @keyframes show {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .product-center-sensor {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }

    .product-center-sensor-leftTab {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-content: center;
        margin-top: 10px;
        background: #fff;
        width: 150px;
        text-align: center;
        padding-left: 7px;
        box-sizing: border-box;
    }

    .bit62 {
        margin-top: 72px;
    }

    .shu152 {
        margin-top: 152px;
    }

    .mar58 {
        margin-top: 117px;
    }

    .mar37 {
        margin-top: 116px;
    }
    .com59{
        margin-top: 59px;
    }

    .product-center-sensor-leftTab li {
        font-size: 13px;
        color: #000;
        padding: 15px 15px;
        background: #eee;
        cursor: pointer;
        user-select: none;
        margin-bottom: 6px;
    }

    .product-center-sensor-leftTab li:last-child {
        margin-bottom: 0;
    }

    .product-center-sensor-rightTab {
        flex-shrink: 0;
        flex: 1;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #f99000 #e0e0e0;
    }

    /* 滚动条滑块 - 橙色 */
    .product-center-sensor-rightTab::-webkit-scrollbar {
        width: 10px;
    }

    .product-center-sensor-rightTab::-webkit-scrollbar-thumb {
        background: #f99000;
        border-radius: 3px;
    }

    /* 滚动条轨道 - 浅灰色 */
    .product-center-sensor-rightTab::-webkit-scrollbar-track {
        background: #e0e0e0;
        border-radius: 3px;
    }

    .product-center-sensor-rightTabList {
        display: block;
    }

    .block {
        display: block !important;
    }

    /* 软件下载页面样式表 */

    .downloads-banner img {
        width: 100%;
    }

    .downloads-tablist {
        max-width: 1200px;
        margin: auto;
        min-height: 700px;
    }

    .downloads-tablist {
        padding-bottom: 80px;
    }

    .downloads-wrap {
        min-width: 1366px;
    }

    .downloads-tablist .downloads-tablist-wrap {
        position: relative;
        display: flex;
        justify-content: space-around;
        border-bottom: 4px solid #efefef;
        padding: 30px 30% 10px 30%;
        min-width: 1200px;
    }

    .downloads-tablist .downloads-tablist-wrap::after {
        position: absolute;
        left: var(--downloadsTabLeft);
        bottom: -4px;
        display: block;
        content: '';
        width: var(--downloadsTabWidth);
        height: 4px;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        background: #f99000;
        transform: translateX(var(--downloadsTabIndex));
        transition: all .4s linear;
    }

    .downloads-tablist .downloads-tablist-wrap li {
        font-size: 25px;
        padding: 8px 0;
        color: #000;
        width: 20%;
        flex-shrink: 0;
        text-align: center;
        cursor: pointer;
        user-select: none;
    }

    .downloads-item {
        display: flex;
        border-radius: 5px;
        margin-top: 30px;
        background-color: #fff;
        transition: all .5s linear;
        cursor: pointer;
        user-select: none;
        border: 2px solid #fff;
    }

    .downloads-item:hover {
        transform: translate3d(0, -4px, 0);
        box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    }

    .downloads-item-isSelected {
        border-color: #f99000;
        animation: shakeEgg 2s linear;
    }

    @keyframes shakeEgg {
        0% {
            transform: rotate(0deg);
            transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
        }

        10% {
            transform: rotate(-4deg);
            transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
        }

        20% {
            transform: rotate(4deg);
            transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
        }

        28% {
            transform: rotate(-3deg);
            transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
        }

        36% {
            transform: rotate(3deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
        }

        42% {
            transform: rotate(-2deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
        }

        48% {
            transform: rotate(2deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
        }

        52% {
            transform: rotate(-1deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
        }

        56% {
            transform: rotate(1deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
        }

        60% {
            transform: rotate(0deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
        }

        100% {
            transform: rotate(0deg);
            transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
        }
    }

    .downloads-item-left {
        position: relative;
        flex-shrink: 0;
        width: 78%;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
    }

    .downloads-item-right img {
        width: 128px;
        height: 128px;
        margin: auto;
    }

    .downloads-item-right button {
        position: absolute;
        border: none;
        outline: none;
        background: #f99000;
        color: rgb(255, 255, 255);
        text-align: center;
        font-size: 14px;
        cursor: pointer;
        user-select: none;
        border-radius: 44px;
        font-weight: 900;
        width: 160px;
        bottom: 0;
        left: 10%;
    }

    .downloads-item-right button a {
        display: block;
        width: 100%;
        color: #ffff;
        padding: 10px 0;
    }

    .downloads-item-right {
        position: relative;
        flex: 1;
        padding-top: 22px;
        text-align: center;
    }

    .downloads-item-right p {
        padding-top: 16px;
        color: #292929;
    }

    .downloads-item-img {
        border-radius: 5px;
        border: 1px solid #e8e8e8;
        padding: 16px;
    }

    .downloads-item-img img {
        cursor: pointer;
        user-select: none;
        transition: all 0.4s ease-in 0s;
        width: 224px;
        flex: 0 0 224px;
        height: 224px;
    }

    .softDownloadinfor {
        position: relative;
        flex: 1;
        padding: 0 0 0 30px;
    }

    pre {
        font-size: 16px;
        color: #131313;
        line-height: 30px;
    }

    .softDownloadinfor h4 {
        font-size: 19px;
        color: #000;
        padding: 14px 0 24px 0;
        font-weight: 900;
    }

    .softDownloadinfor p {
        font-size: 15px;
        color: #292929;
        margin: 0;
        padding: 0;
        line-height: 16px;
        padding-top: 3px;
        word-break: break-all;
        text-justify: distribute;
    }

    .softDownloadinfor span {
        font-size: 16px;
        display: inline-block;
        line-height: 22px;
    }

    /* .softDownload-btn1 {
        float: right;
    } */

    .softDownload-btn {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    @media screen and (max-width: 1224px) {
        .softDownload-btn1 {
            display: none;
        }
    }

    @media screen and (min-width: 1225px) {
        .softDownload-btn1 button {
            position: absolute;
            right: 0;
            bottom: 10px;
        }

        .softDownload-btn2 button {
            right: 180px;
        }

        .softDownload-btn3 button {
            right: 360px;
        }
    }

    .softDownload-btn1 button,
    .softDownload-btn button,
    .android-btn {
        border: none;
        outline: none;
        background: #f99000;
        color: rgb(255, 255, 255);
        text-align: center;
        font-size: 14px;
        cursor: pointer;
        user-select: none;
        border-radius: 44px;
        font-weight: 900;
        width: 160px;
    }

    .softDownload-btn1 button a,
    .softDownload-btn button a,
    .android-btn a {
        display: inline-block;
        width: 100%;
        color: #ffff;
        padding: 10px 0;
    }

    .app-downloadList,
    .windows-downloadList {
        display: none;
    }

    /* 线上课程样式表 */

    .onlineCourse-itemWrap {
        min-width: 1226px;
        width: 1226px;
        margin: auto;
    }

    .onlineCourse-banner img {
        width: 100%;
    }

    .onlineCourse-item {
        border-bottom: 2px solid #efefef;
    }

    .onlineCourse-item h3 {
        text-align: center;
        font-size: 35px;
        color: #000;
        font-weight: bold;
        padding: 30px 0;
    }

    .onlineCourse-product {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .onlineCourse-product-item {
        flex-shrink: 0;
        width: 19%;
        /* width: 24%; */
        margin-bottom: 44px;
        margin-right: 14px;
        padding:  10px 20px ;
        cursor: pointer;
        user-select: none;
        transition: all .3s linear;
        /* padding: 20px 10px 20px 20px; */
        box-sizing: border-box;
        box-shadow: 0 3px 5px #efefef;
    }

    .onlineCourse-item:last-child {
        border-width: 0;
    }

    .onlineCourse-product-item a {
        display: flex;
        /* justify-content: space-evenly;
         */
         flex-direction: column;
    }

    .onlineCourse-product-item:nth-child(4n) {
        margin-right: 0;
    }

    .onlineCourse-product-img {
        /* flex-shrink: 0;
        width: 40%; 

        border: 2px solid #e8e8e8;
        border-radius: 4px;*/
        width: 163px;
        margin: auto;
        background: #fff;
    }

    .onlineCourse-product-img img {
        width: 100%;
    }

    .onlineCourse-product-desrc {
        /* display: flex;
        flex-direction: column;
        flex-shrink: 0;
        flex: 1;
        justify-content: center; */
        padding-left: 12px;
        margin: auto;
        
    }

    .onlineCourse-product-desrc h5 {
        font-size: 20px;
        color: #000;
        font-weight: normal;
        padding: 6px 0;
        padding: 6px 0;
        margin: 0;
    }

    .onlineCourse-product-desrc p {
        font-size: 16px;
        /* word-break: break-all; */
        transition: all .3s linear;
        color: #615c5c;
    }

    .onlineCourse-product-item:hover {
        transform: translate3d(0, -4px, 0);
        box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    }

    .onlineCourse-product-item:hover .onlineCourse-product-desrc p {
        color: #f99000;
    }

    .download-apk-wrap li {
        display: flex;
        padding: 2px 0;
    }

    .download-apk-wrap>li>.left-edition {
        display: flex;
        justify-content: space-between;
    }

    .download-apk-edition {
        font-size: 16px !important;
        font-weight: 900;
        padding-right: 6px !important;
        text-align: justify;
        width: 110px;
    }

    .download-apk-edition i {
        display: inline-block;
        padding-left: 100%;
        width: 100%;
    }

    @media all and (-ms-high-contrast: none),
    (-ms-high-contrast: active) {

        .softDownload-btn button a,
        .downloads-item-right button a {
            color: #fff;
        }
    }

    .scroll-bar {
        /* max-height: 600px; */
        /* overflow-y: auto; */
        scrollbar-width: auto;
        scrollbar-color: #F88000 transparent;
        scrollbar-track-color: rgba(249, 144, 0, 1);
        scrollbar-base-color: #fff;

    }

    /* .scroll-bar::-ms-scrollbar {
        
    } */

    .scroll-bar::-webkit-scrollbar {
        width: 8px;
    }

    /* 滚动条 */
    .scroll-bar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 8px rgba(249, 144, 0, 1);
        background: rgba(255, 255, 255, 0.5);
    }

    /* 外层轨道 */
    .scroll-bar::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.8);
        border-radius: 0;
        background: rgba(255, 255, 255, 0.5);

    }

    /* 
    *
    *幻尔全系产品选型指南 
    *
    */
    .home-dynamic-banner {
        margin: 120px auto 43px;;
    }

    .home-dynamic-banner img {
        width: 100%;
        display: block;
        transform: scale(1.05);
        animation: homeDynamicBannerMove 12s linear infinite alternate;
    }
    .home-dynamic-overlay {
        position: absolute;
        left: 15%;
        top: 28%;
        color: #fff;
        z-index: 5;
        pointer-events: none; /* 让点击穿透到下面链接（如需覆盖链接，可改为 auto） */
    }
    .home-dynamic-overlay-inner {
        pointer-events: auto;
        max-width: 560px;
    }
    .home-dynamic-overlay .overlay-title {
        /* letter-spacing: 6px; */
        font-size: 48px;
        font-weight: 500;
        margin: 0 0 30px 0;
        line-height: 2;
        color: #000000;
        /* text-shadow: 0 4px 18px rgba(0,0,0,0.25); */
    }
    .home-dynamic-overlay .overlay-link {
        font-size: 20px;
        display: inline-block;
        font-weight: 500;
        text-decoration: none;
        background: transparent;
        padding: 0;
        pointer-events: auto;
        letter-spacing: 1px;
    }
    /* 响应式调整 */
    @media (max-width: 1024px) {
        .home-dynamic-overlay {
            left: 4%;
            top: 12%;
        }
        .home-dynamic-overlay .overlay-title {
            font-size: 28px;
            text-align: center;
        }
        .home-dynamic-overlay .home-dynamic-overlay-inner {
            max-width: 90%;
            margin: 0 auto;
        }
        .home-dynamic-overlay .overlay-sub {
            font-size: 14px;
            text-align: center;
        }
        .home-dynamic-overlay .overlay-link {
            display: block;
            text-align: center;
            margin-top: 10px;
        }
    }
/* 
 *
 * 产品模块：JETSON 专区
 *
 */
  .module-hero img {
    width: 211px;
    height: 600px;
  }
.product-module-section{margin-bottom:36px;}
.product-module-header h3{font-size:20px;color:#111;}
.module-controls .module-prev,
.module-controls .module-next{
    border:1px solid #e6e6e6;
    background:#fff;
    width:34px;height:34px;border-radius:4px;
    cursor:pointer;font-size:16px;color:#333;
}

.product-module-body .module-hero{min-height:320px;}
.module-grid{align-self:stretch;}
.module-card{
    background:#fff;
    border-radius:6px;
    overflow:hidden;
}
.module-card .card-inner{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;}
.module-card .card-img{height:160px;display:flex;align-items:center;justify-content:center;background:#fafafa;}
.module-card .card-img img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.module-card .card-meta{padding:12px 14px;flex:1;}
.module-card .card-title{font-size:14px;margin:0 0 6px;color:#222;font-weight:600;}
.module-card .card-desc{font-size:12px;color:#888;margin:0;}
.module-card .card-action{
    padding: 0px 0px 11px 0px;
    text-align: center;
}
.module-card .buy{
    display:inline-block;padding:8px 14px;border-radius:18px;border:1px solid #ddd;background:#fff;color:#666;font-size:12px;transition:all .18s ease;
}
.module-card:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:0 18px 40px rgba(0,0,0,0.16); /* 增强阴影，更明显 */
    border-color:rgba(0,0,0,0.08); /* 鼠标悬停时边框加深 */
}
.module-card:hover .buy{
    background:#f98800;
    color:#fff;
    border-color:transparent;
}
.module-card:hover .card-desc{color:#777;}

/* 微妙的边框高亮效果（内层） */
.module-card .card-inner{
    transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
/* 固定卡片尺寸：宽 270px 高 290px */
.product-module-body .module-grid{
    display: grid; /* ensure grid */
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 290px;
    justify-content: start;
    gap: 20px;
}
.product-module-body .module-grid .module-card{
    /* width: 190px; */
    height: 290px;
    box-sizing: border-box;
    display: block;
}
.product-module-body .module-grid .module-card .card-img{
    height: 160px; /* adjust image area height inside the card */
    /* padding: 12px; */
}
.product-module-body .module-grid .module-card .card-meta{
    padding: 20px 0px 0 0;
    text-align: center;
}

/* responsive */
@media (max-width: 1024px){
    .product-module-body{grid-template-columns:1fr;gap:12px;padding:12px;}
    .module-grid{grid-template-columns:repeat(2,1fr);}
    .product-module-header{padding:12px;}
}
@media (max-width: 600px){
    .module-grid{grid-template-columns:repeat(1,1fr);}
}
/* 
 *
 * 打造覆盖全龄段的AI开源教育机器人生态 
 *
 */
.home-dynamic-banner.pc_swiper{
    position: relative;
    /* overflow: hidden; */
    /* height: 660px; */
    background: #000;
}
.home-dynamic-banner.pc_swiper img{
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    display: block;
}
.home-dynamic-ecology{
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
    color: #fff;
}
.ecology-title{
    font-size: 48px;
}
/* 
 *
 * 全场景·全学段教育机器人生态体系（产品矩阵）
 * Visual: left vertical labels, pill header, white cards with rounded corners and subtle shadow
 *
 */
.product-matrix .platform-group{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:5px; /* internal gap between platform items */
    align-items:center;
    padding:12px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 12px 30px rgba(0,0,0,0.06);
    border:1px solid rgba(0,0,0,0.04);
    box-sizing:border-box;
}
.product-matrix .platform-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:6px;
    min-width:0;
}
.product-matrix .platform-item img{
    width:92px;
    height:64px;
    object-fit:contain;
    display:block;
    margin-bottom:8px;
}
.product-matrix .platform-caption{
    font-size:16px;
    color:#333;
    text-align:center;
    line-height:1.2;
    white-space:normal;
    position: absolute;
    top: 96px;
}
/* 前端懒加载隐藏类和下一页禁用样式 */
.lazy-hidden{display:none;}
.module-controls .module-next.disabled{
    opacity: .5;
    pointer-events: none;
}

/* 美化模块左右按钮：圆形、居中图标、阴影、hover 效果 */
.module-controls{
    display:flex;
    gap:12px; /* 增大间距 */
    align-items:center;
}
.module-controls .module-prev,
.module-controls .module-next{
    width:40px;
    height:40px;
    border-radius:50%;
    background: rgb(217 212 212 / 90%);
    border: 1px solid rgba(0,0,0,0.06);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#fff; /* 箭头颜色白色 */
    font-size:20px; /* 箭头更大 */
    font-weight:700;
    line-height:1;
    transition: transform .18s ease, box-shadow .18s ease, background .12s ease, color .12s ease;
}
.module-controls .module-prev:hover,
.module-controls .module-next:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.10);
    background: #868585;
    color: #fffcfc;
}
.module-controls .module-prev:active,
.module-controls .module-next:active{
    transform: translateY(-1px) scale(.99);
}
/* .module-controls .module-prev[disabled],
.module-controls .module-next[disabled],
.module-controls .module-prev.disabled,
.module-controls .module-next.disabled{
    opacity: .45;
    pointer-events: none;
    transform: none;
    box-shadow: none;
} */

/* 更小屏幕适配，按钮略小 */
@media (max-width: 600px){
    .module-controls .module-prev,
    .module-controls .module-next{
        width:32px;
        height:32px;
        font-size:14px;
    }
}
.matrix-col-img{
    position: absolute;
    top: -20px;
    height:auto;
    max-width:74%;
}

.product-matrix-wrap{padding:20px;border-radius:16px;}
.product-matrix{display:block;margin:0 auto;max-width:1226px;}
.product-matrix .matrix-row{
    display:grid;
    grid-template-columns:120px repeat(6,1fr);
    column-gap:2px;   /* horizontal gap between cells */
    /* row-gap:5px;     */
    /* align-items:start; */
    /* margin-bottom:0;
    box-sizing:border-box; */
}
.matrix-label{
    /* letter-spacing: 2px; */
    font-weight:500;
    font-size: 20px;
    /* padding:18px 20px; */
    color:#333;
    min-height:74px;
    /* display:flex;
    align-items:center; */
    /* justify-content:flex-start;
    background:transparent; */
    position: relative; /* 确保伪元素可以相对于这个元素定位 */
   /* display: inline-block;  或者其他适合你布局的display值 */
    display: flex; /* 保持为flex容器 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}
/* vertical dashed divider for each left label (shown to the right, vertically centered) */
.matrix-label::after {
    content: "";
    position: absolute;
    left: 8px; /* 将虚线从左侧开始 */
    bottom: 3px; /* 调整这个值，将虚线定位到文字下方 */
    width: 90%; /* 虚线宽度与文字相同 */
    height: 0; /* 虚线高度设为0，因为我们只需要一条线 */
    border-top: 2px solid rgba(0, 0, 0, 0.08); /* 将右侧边框改为顶部边框，形成虚线效果 */
    pointer-events: none; /* 防止伪元素干扰鼠标事件 */
  }
.product-matrix .matrix-row--header .matrix-col{
    font-weight:700;
    background:#fff;
    padding:16px 1px;
    border-radius:17px;
    color:#111;
    font-size:22px;
    /* text-align:center;
    box-shadow:0 18px 40px rgba(0,0,0,0.08);
    min-height:40px;
    width: 185px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(0,0,0,0.04); */
}
.matrix-col{
    min-height:60px;
    width: 185px;
    background:#fff;
    border-radius:14px;
    padding:18px;
    box-shadow:0 18px 40px rgba(0,0,0,0.08);
    color:#444;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:22px;
    border:1px solid rgba(0,0,0,0.07);
    overflow:hidden;
}
.matrix-row--large .matrix-col{
    min-height:270px;
    height:270px;
    padding: 47px 25px 0 25px;
    font-size:14px;
    line-height:1.5;
    color:#000000;
    font-weight: 400;
    align-items:flex-start;
    text-align:left;
}
.matrix-row--small .matrix-col{
    min-height:56px;
    height:50px;
    padding:12px;
    text-align:center;
    font-size:16px;
    color:#222;
    align-items:center;
}
.matrix-col h4{margin:0 0 6px;font-size:14px;color:#222;}
.matrix-col p{margin:0;color:#666;font-size:13px;}
.product-matrix .matrix-row + .matrix-row{margin-top:6px;}
/* Set the entire '系列' row height to 80px (second row) */
.product-matrix .matrix-row:nth-of-type(2) > .matrix-col{
    font-size:17px;
    height:80px;
}
.product-matrix .matrix-row:nth-of-type(2) > .matrix-label{
    min-height:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-left:40px;
    box-sizing:border-box;
}
/* Set the '平台/系统' row (third row) height to 135px */
.product-matrix .matrix-row:nth-of-type(3) > .matrix-col{
    height:135px;
    position:relative;
}
.product-matrix .matrix-row:nth-of-type(3) > .matrix-label{
    min-height:135px;
    height:135px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-left:18px;
    box-sizing:border-box;
}
/* ensure the 特点介绍 row label matches the taller cell height (270px) */
.product-matrix .matrix-row.matrix-row--large > .matrix-label{
    min-height:270px;
    height:270px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-left:18px;
    box-sizing:border-box;
}
/* 实践拓展 / 功能 行（第五行）高度调整为 205px 并将前三个单元合并为一个 */
.product-matrix .col-row-large{
    line-height:1.5;
    font-weight:400;
    font-size:14px;
    min-height:205px;
    height:205px;
    width: 412%;
    padding:50px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    box-sizing:border-box;
    text-align:left;
   
}
.product-matrix .col-row-large1{
    line-height:1.5;
    font-size:13.5px;
    font-weight:400;
    min-height:205px;
    height:205px;
    padding:18px;
    text-align:left;
    margin-left:305.5%;
}
/* 覆盖第五行（实践拓展 / 功能）label 高度为 205px，仅针对该行 */
.product-matrix .matrix-row:nth-of-type(5) > .matrix-label{
    min-height:205px;
    height:205px;
    display:flex;
    align-items:center; /* 根据需要改为 center */
    justify-content:flex-start;
    padding-left:18px;
    box-sizing:border-box;
}
/* 能力培养 行（第六行）高度调整为 175px */
.product-matrix .matrix-row:nth-of-type(6) > .matrix-col{
    line-height:1.8;
    font-size:14px;
    font-weight:400;
    min-height:175px;
    height:175px;
    padding:16px 18px;
    text-align:left;
}
.product-matrix .matrix-row:nth-of-type(6) > .matrix-label{
    min-height:175px;
    height:175px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-left:18px;
    box-sizing:border-box;
}
/* left/right round nav buttons (placed on the banner) */
.home-dynamic-banner .banner-nav{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 6;
    padding: 0 12px;
}
.home-dynamic-banner .banner-nav button{
    pointer-events: auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    border: 0;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #333;
    font-size: 16px;
}
.home-dynamic-banner .banner-nav button:hover{
    background: #fff;
}
.matrix-col-outer {
    grid-template-columns: 1fr 1fr 1fr; /* 三等分列，按需改成 80px 1fr 80px 等 */
    width: 372px; /* 设置固定宽度 */
    display: flex;
    flex-direction: row; /* 垂直排列内部元素 */
    gap: var(--matrix-inner-gap);
    align-items: center;
    box-sizing: border-box;
    padding: 8px 12px;
    position: relative;
}
.matrix-col-inner {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 145%;
    box-sizing: border-box;
}
.product-matrix .matrix-col-outer .matrix-col-img-div{
    position: static;         /* 取消 absolute */
    width: 120px;;
    /* height: auto; */
    max-width: none;
    /* object-fit: contain;
    margin: 0 auto; */
  }

.platform-caption-div-1 {
    font-size:16px;
    color:#333;
    text-align:center;
    /* line-height:1.2; */
    white-space:normal;
    position: absolute;
    top: 90px;
    left:14px;
}
.platform-caption-div-2 {
    font-size:16px;
    color:#333;
    text-align:center;
    line-height:1.1;
    white-space:normal;
    position: absolute;
    top: 93px;
    left:121px;
}
.platform-caption-div-3 {
    font-size:16px;
    color:#333;
    text-align:center;
    /* line-height:1.2; */
    white-space:normal;
    position: absolute;
    top: 90px;
    left:277px;
}
.matrix-label-difficult{
    letter-spacing: 2px;
    font-weight:550;
    font-size: 20px;
    color:#333;
    min-height:74px;
    position: relative; /* 确保伪元素可以相对于这个元素定位 */
    display: flex; /* 保持为flex容器 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}
/* .index_solutioinwrap {
    margin-bottom: 110px;
} */
/* 放大"难度"行的星号（只影响 matrix-row--small 的 .matrix-col） */
.product-matrix .matrix-row.matrix-row--small > .matrix-col{
    font-size: 23px;    /* 按需改为 24/30/36px 或 1.6rem 等 */
    line-height: 1;     /* 保证符号垂直居中 */
    padding: 10px 12px; /* 可选：调整单元内间距 */
}

/* 课程列表一排5个 */
.product-center-sensor-Wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 7px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-center-sensor-Wrap li {
    width: 100%;
}