.row {
    margin: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
}

.breadcrumb img {
    width: 1rem;
    height: 1.1rem;
    vertical-align: middle;
    margin-right: 0.5rem;
    display: inline-block;
    margin-top: 0.4rem;
}

.content {
    min-height: 500px;
    overflow: hidden;
}

.sidebar {
    display: none;
}

article, .article-content {
    font-size: 1.1rem;
    font-weight: 300;
    color: var(--text-gray);
    line-height: 1.5em;
}

    article #img {
        width: 100%;
        height: auto;
        margin-bottom: 2rem
    }

    article li {
        list-style: disc;
        list-style-position: inside !important;
    }

    article img {
        max-width: 100%;
        height: auto;
    }

    article iframe {
        max-width: 100%;
    }

    article a {
        color: #337FE5;
        text-decoration: underline;
    }

    article h2 {
        font-size: 2.5rem;
        color: #000;
    }

        article h2 p {
            font-size: 1.5rem;
            margin: 2rem 0;
            font-weight: 300;
            color: var(--text-gray);
        }

h2 p {
    font-family: 'Inter-Light',Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
    color: #000;
}

.img-box {
    position: relative;
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
}

    .img-box img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        transition: all 0.5s ease;
        object-fit: cover;
        object-position: center;
    }

.shadow {
    box-shadow: none !important;
    transition: all 0.5s ease;
    padding: 0.5rem;
}

    .shadow:hover {
        box-shadow: var(--bs-box-shadow) !important;
        background: #fff;
        border-radius: 0.1rem;
        overflow: hidden;
    }

.line-100 {
    height: 1px;
    width: 100%;
    background: var(--text-gray);
}

p.text-desc {
    font-size: 1.15rem;
    font-weight: 300;
    color: var(--text-gray);
    line-height: 1.5em;
}

h2.title {
    font-weight: 550;
}

.nav {
    background: #fff;
    border-top: 1px solid var( --border-color);
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
}

.breadcrumb {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.breadcrumb-item {
    color: var(--bs-breadcrumb-item-active-color);
}


.page-submenu {
    display: none;
}

.top {
    background: #fff;
    padding-bottom: 1rem;
}

    .top.openmenu {
        position: absolute;
    }

    .top .logo img {
        display: none;
    }

        .top .logo img:nth-child(2) {
            display: block;
        }

    .top .btn-nav i, .top .search i, .top .search {
        color: #000;
    }

    .top .search {
        font-weight: 500;
    }

    .top .menu a {
        color: var(--text-gray)
    }

    .top .menu li.current a {
        color: #000
    }

    .top .menu .navbar2 li ul {
        background: rgba(255,255,255,0.8);
    }





.banner {
    position: relative;
    background: #000;
    padding-top: 7rem;
}

    .banner img {
        opacity: 0.8;
        width: 100%;
        height: auto;
    }

    .banner .banner-text {
        color: #fff;
        position: absolute;
        left: 4%;
        bottom: 20%;
    }

        .banner .banner-text h2 {
            display: block;
            font-size: 3rem;
            font-weight: bold;
            color: #fff;
        }

        .banner .banner-text p {
            font-size: 1.2rem;
            line-height: 1.5em;
            font-weight: 300;
        }

.about {
    background: var(--primary);
    color: #fff;
}

    .about .left {
        text-align: center;
    }

        .about .left h3 {
            font-size: 4rem;
            font-weight: 400;
            color: #fff;
        }

        .about .left p {
            font-size: 1.2rem;
            font-weight: 300;
        }

    .about article {
        color: #fff;
    }

#about .growth {
    border-top: 1px solid var( --border-color)
}

#about h2.title {
    font-weight: normal;
}

#about .banner .banner-text p {
    color: #fff;
}

#about .banner a.btn-into {
    display: none !important;
}

#about .banner a.btn-play {
    position: absolute;
    z-index: 100;
    bottom: 3rem;
    right: 3rem;
}

    #about .banner a.btn-play i {
        font-size: 4rem;
        color: rgba(255, 255, 255, 0.6);
    }

#about .modal .btn-close {
    position: absolute;
    top: -3rem;
    right: 0rem;
}

.service {
    position: relative;
}

    .service h2.title {
        position: absolute;
        left: 4%;
        top: 4rem;
        font-size: 2.5rem;
        font-weight: 400;
    }

    .service h3 {
        display: none;
        font-size: 1.5rem;
        font-weight: 400;
        margin-bottom: 2rem;
        color: var(--text-gray);
        margin-top: 4rem;
    }

    .service .row2 .col-md-6 {
        width: 50%;
    }

    .service .left {
        padding: 5rem 4%;
        padding-top: 9rem;
    }

    .service .right {
        padding: 0;
    }

    .service .carousel {
        height: 100%;
    }

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

        .service .service-item img {
            width: 100%;
            height: auto
        }

        .service .service-item.active {
            display: block;
            animation: fadeIn 0.5s ease-in-out;
        }
/* 淡入动画 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.service .btn-control {
    display: none;
    position: absolute;
    left: 4%;
    bottom: 3rem;
}

    .service .btn-control i {
        color: #000;
        font-size: 2rem;
    }

    .service .btn-control .prev {
        transform: scaleX(-1);
        transform-origin: center;
    }

.opacity-50 {
    cursor: not-allowed !important;
}


.history .left {
    padding: 0;
}

.history .right {
    padding: 0;
    padding: 5rem 4%;
}

.history .learder {
    display: none;
}

.history .right .article-content {
    background: url(../images/demo_data_bg.jpg) no-repeat center bottom;
    background-size: 100%;
    background-color: rgba(255, 255, 255, 0.6); /* 半透明白色 */
    background-blend-mode: overlay; /* 混合模式 */
}

.history .article-content {
    /*高度超出显示滚动条，滚动条样式美化*/
    height: 20rem;
    overflow: auto;
}

.business .row {
    justify-content: space-between
}

    .business .row > * {
        margin-bottom: 3rem;
        padding: 0;
    }

    .business .row .col-md-6 {
        width: 48%
    }

.business img {
    display: none;
}

.business h3 {
    font-size: 1.3rem;
    font-weight: 550;
}

.business p {
    color: var(--text-gray);
    line-height: 1.5em;
}


.leadership-list .row > * {
    padding: 1.5rem;
}

.leadership-list .Leadership-item {
    border: 1px solid var(--border-color);
    padding: 2rem 1rem;
    margin-bottom: 1rem;
    text-align: center;
    transition: transform 0.5s ease;
}

    .leadership-list .Leadership-item:hover { /*阴影*/
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

.leadership-list .photo {
    background: #eee;
    width: 45%;
    padding-bottom: 45%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.leadership-list .Leadership-item a {
    display: block;
}

.leadership-list .photo img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.leadership-list h2 {
    font-size: 1.3rem;
    margin-top: 1rem;
    font-weight: 550;
}

.leadership-list p {
    color: var(--text-gray);
    line-height: 1.5em;
    font-weight: 300;
    font-size: 0.9rem;
    height: 5rem;
}

.leadership-list .more {
    color: var(--primary);
    font-size: 0.8rem;
    font-weight: bold;
}

    .leadership-list .more i {
        display: none;
    }

.leadership-list .Leadership-item:hover h2 {
    color: var(--primary);
}

.leadership-list .Leadership-item:hover p {
    color: var(--text-gray);
}

.leadership-list .Leadership-item:hover .more {
    color: var(--secondary);
}


#leadership-info .banner { /*背景色从左到右渐变，从#fff到#36a5db*/
    background: linear-gradient(to right, #fff, #36a5db);
}

    #leadership-info .banner img {
        width: 35%;
        height: auto;
        opacity: 1;
        margin-left: 10%;
    }

#leadership-info .banner-text {
    margin-left: 40%;
}

    #leadership-info .banner-text a {
        color: var(--primary);
        font-size: 1.2rem;
    }

    #leadership-info .banner-text h2 {
        font-size: 2.5rem;
        font-weight: bold;
        color: #000;
        margin-top: 2rem;
    }

        #leadership-info .banner-text h2 p {
            margin-top: 1rem;
        }

    #leadership-info .banner-text p {
        font-size: 1.1rem;
        line-height: 1.5em;
        font-weight: 300;
        color: #000;
    }

#leadership-info .banner .btn-email {
    display: none;
}

.leader-info .left {
    border-top: 1px solid #000;
    padding: 2rem 0;
}

    .leader-info .left article h2 {
        font-size: 1.5rem;
        font-weight: 550;
        margin-bottom: 2rem;
    }


.leader-info .right {
    padding-left: 5%;
}

#leadership-info .btn-email {
    background: var(--primary);
    color: #fff;
    display: block;
    width: 100%;
    border: none;
    padding: 0.5rem 0;
    font-size: 1.2rem;
    font-weight: 300;
}

    #leadership-info .btn-email i {
        font-size: 1.7rem;
        vertical-align: middle;
        margin-right: 0.5rem;
        font-weight: lighter;
    }

.leader-info .right h2 {
    margin-top: 2rem;
    font-size: 1.5rem;
    font-weight: 550;
}

.leader-info .right li {
    margin: 1rem 0;
}

.leader-info .right a {
    color: var(--primary);
    opacity: 0.7;
    font-size: 1.15rem;
    line-height: 1.3em;
}


.modal {
    --bs-modal-width: 45%;
}

    .modal .modal-content {
        border-radius: 10px;
        padding: 2rem 5rem;
    }

    .modal .modal-header {
        border-bottom: none;
        padding: 0;
    }

    .modal .modal-title {
        font-size: 2rem;
        font-weight: 550;
        margin-bottom: 2rem;
    }

        .modal .modal-title p {
            font-weight: 300;
            font-size: 1rem;
        }

    .modal .btn-close {
        position: absolute;
        top: 1rem;
        right: 1rem;
        width: 2rem;
        height: 2rem;
        background: transparent var(--bs-btn-close-bg) center/2em auto no-repeat;
    }

    .modal .modal-body {
        padding: 2rem;
    }

#contactForm .form-group {
    margin-bottom: 2rem;
}

#contactForm .form-label {
    font-weight: normal;
    font-size: 1.3rem;
}

#contactForm .vercode {
    display: flex;
    align-items: center
}

    #contactForm .vercode input {
        width: 200px;
        display: inline-block;
    }

    #contactForm .vercode img {
        width: 150px;
        height: 2rem;
    }

#contactForm .form-control {
    border-radius: 5px;
}

#contactForm .btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    display: block;
    width: 100%;
    padding: 1rem 0;
}

    #contactForm .btn-primary:hover {
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

    #contactForm .btn-primary:focus {
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

#contactForm .invalid-feedback {
    color: var(--secondary);
}


.recruitment-desc {
    font-size: 1.2rem;
    color: #000
}

.recruitment-list li {
    padding-left: 12%;
    position: relative;
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 2rem;
}

    .recruitment-list li:last-child {
        border: none;
    }

    .recruitment-list li i {
        display: inline-block;
        font-size: 4.5rem;
        position: absolute;
        left: 2%;
        top: 1.5rem;
    }

    .recruitment-list li h2 {
        font-size: 1.3rem;
        font-weight: 550;
    }

    .recruitment-list li a {
        color: var(--primary);
        font-size: 1.1rem;
    }

    .recruitment-list li:hover i {
        color: var(--secondary);
    }

    .recruitment-list li:hover a {
        color: var(--secondary);
    }


.contact .contact-content .row {
    margin-bottom: 3rem;
}

.contact .contact-content .col-md-6 {
    overflow: hidden;
    padding: 0rem;
}

    .contact .contact-content .col-md-6:first-child {
        padding-right: 2rem;
    }

    .contact .contact-content .col-md-6:nth-child(2) {
        padding-right: 2rem;
    }

.contact .contact-content h2 {
    font-size: 1.5rem;
    font-weight: 550;
    margin-bottom: 2rem;
    color: #000;
    margin-top: 3rem;
}

.contact .contact-content p {
    font-size: 1.1rem;
    line-height: 2em;
    font-weight: 300;
    text-decoration: underline;
    text-underline-offset: 4px; /* 下划线与文本的距离 */
    text-decoration-color: var(--text-gray);
}

.contact .contact-content .img-box {
    overflow: hidden
}

.contact .contact-content img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease
}

.contact .contact-content .row:hover h2 {
    color: var(--secondary);
}

.contact .contact-content .row:hover img {
    transform: scale(1.1);
}

.contact #contactForm .row > * {
    padding: 0;
}

.contact #contactForm .btn-primary {
    display: inline-block;
    width: auto;
    padding: 1rem 5rem;
}



.case-select {
    padding: 1rem 0.2rem;
    margin: 1rem auto;
}

    .case-select #Year, .case-select .byClassification {
        display: none
    }


    .case-select .form-control {
        border-radius: 0;
        height: 3.5rem;
        border: none;
        border: var(--bs-border-width) solid var(--bs-border-color);
    }

    .case-select .case-search {
        box-sizing: border-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        position: relative;
    }

        .case-select .case-search .form-control {
            border: 0;
        }

        .case-select .case-search i {
            position: absolute;
            right: 1rem;
            top: 0.8rem;
            color: var(--border-color);
            font-size: 2rem;
            cursor: pointer;
        }

.case-list .row > * {
    margin-bottom: 2rem;
    padding-top: 0.8rem;
    cursor: pointer;
}

.case-list .img-box {
    padding-top: 75%;
    border: 1px solid #eee
}

.case-list p {
    margin-top: 1rem;
    font-size: 0.9rem;
}

.case-list .row > *:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .case-list .row > *:hover img {
        transform: scale(1.1);
    }

    .case-list .row > *:hover p {
        color: var(--secondary);
    }

#case-modal .custom-scrollbar {
    height: 70vh;
    padding: 0;
    padding-right: 1rem;
    border-radius: 0;
}

#case-modal .modal-title {
    font-size: 1.4rem;
}


.customer-list .row {
    margin-bottom: 3rem;
    background: var(--gray-bg);
    border-top: 3px solid var(--primary);
    padding: 2rem 0;
}

    .customer-list .row > * {
        padding: 0 3rem;
    }

.customer-list .col-md-5 {
    padding: 0rem 4rem 0 3rem;
}

.customer-list .case-img {
    position: relative;
    width: 100%;
    padding-top: 75%;
    overflow: hidden;
}

    .customer-list .case-img img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        transition: all 0.5s ease;
    }

.customer-list .row:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .customer-list .row:hover .case-img img {
        transform: scale(1.1);
    }

.customer-list .customer-photo {
    margin-right: 3rem;
    padding-right: 3rem;
    position: relative;
}

    .customer-list .customer-photo::after {
        content: "";
        background-color: var(--border-color);
        position: absolute;
        top: 5%;
        right: 0;
        width: 2px;
        height: 80%;
    }

    .customer-list .customer-photo img {
        width: 6rem;
        height: 6rem;
        background: var(--text-gray);
    }

    .customer-list .customer-photo p {
        margin-bottom: 0;
        font-weight: bold;
        margin-top: 1rem;
    }

.customer-list .customer-position p {
    font-weight: bold;
    font-size: 1.2rem;
}

    .customer-list .customer-position p.name {
        display: none;
    }

.customer-list .customer-info h6 {
    font-weight: bold;
    font-size: 1.1rem;
}

.customer-list .customer-info p {
    line-height: 1.5rem;
}

.news-list .row {
    margin-bottom: 3rem;
    background: var(--gray-bg);
    border-top: 3px solid var(--primary);
    padding: 2rem 0;
}

.news-list a {
    display: block;
}

.news-list .row > *:nth-child(2) {
    padding-right: 2rem;
}

.news-list .news-img {
    position: relative;
    width: 100%;
    padding-top: 55%;
    border-radius: 3rem;
    overflow: hidden;
}

    .news-list .news-img img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        transition: all 0.5s ease;
        object-fit: cover;
        object-position: center;
    }

.news-list .row:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .news-list .row:hover .news-img img {
        transform: scale(1.1);
    }

.news-list .news-content {
    padding: 3rem;
}

    .news-list .news-content .news-time {
        color: #000;
    }

    .news-list .news-content h2 {
        font-size: 1.5rem;
        font-weight: 550;
        margin-bottom: 2rem;
        color: #000;
        margin-top: 3rem;
    }

    .news-list .news-content p {
        font-size: 1.1rem;
        line-height: 2em;
        font-weight: 300;
        line-height: 1.5em;
        color: var(--text-gray);
    }

        .news-list .news-content p.text-line-3 {
            height: 5rem;
        }


.news-list a:hover .news-content h2 {
    color: var(--secondary);
}

.news-list.news-info {
    margin-top: 0;
}

    .news-list.news-info .row {
        border: none;
    }

        .news-list.news-info .row:hover {
            box-shadow: none;
        }

.news-list .row > *:nth-child(2) {
    padding: 4rem;
}

.news-list.news-info .news-img {
    border-radius: 0;
}

.news-list.news-info .news-content .news-time {
    margin-top: 2rem;
    font-weight: 500;
}

.news-list.news-info .news-content h2 {
    font-size: 2.3rem;
    font-weight: 500;
}

.news-info-content {
    padding-right: 40%;
    line-height: 1.8em;
}


.info .info-desc {
    margin: 0 auto;
    padding: 8rem 0;
    background: var(--gray-bg);
}

.info-desc .container {
    width: 80%;
    max-width: 1200px;
    display: flex
}

    .info-desc .container img {
        width: 30%;
        height: auto;
        margin-right: 3rem;
    }

.info .news-info-content {
    margin: 2rem auto;
    padding-right: 0px;
    width: 80%;
    max-width: 1200px;
    visibility: visible;
}


.growth-path h2.title {
    font-size: 2.5rem;
    font-weight: 550;
    margin-left: 0.5rem;
}

.growth-path i.icon-right {
    color: var(--secondary);
    font-size: 1.3rem;
    vertical-align: middle;
    margin-left: 1rem;
    font-weight: bold;
}

.growth-path .process-list .row > *:hover img {
    transform: scale(1.1);
}

.growth-path .process-list h3 {
    font-size: 1.4rem;
    font-weight: normal;
    margin: 1rem 0.5rem 0 0.5rem;
}

.growth-path .process-list p {
    font-size: 1rem;
    font-weight: 300;
    margin: 0rem 0.5rem;
    color: var(--text-gray);
}

.growth-path .form {
    background: var(--gray-bg);
    padding: 2rem 0 6rem 0;
    margin: 2rem 0;
}

    .growth-path .form h2.title {
        margin-bottom: 3rem;
    }

        .growth-path .form h2.title:nth-child(3) {
            margin-top: 5rem;
            border-top: 1px solid var(--text-gray);
            padding-top: 5rem;
        }

    .growth-path .form img {
        width: 5rem;
        height: 5rem;
    }

    .growth-path .form i {
        font-size: 1.5rem;
    }

    .growth-path .form h3 {
        font-size: 1.5rem;
        font-weight: normal;
    }

    .growth-path .form a:hover img {
        transform: scale(1.05);
        transition: all 0.5s ease;
    }

    .growth-path .form a:hover h3 {
        color: var(--secondary);
    }

.growth-path .process-list.control-list .col-md-4 {
    margin-bottom: 2rem;
}

.growth-path .process-list.control-list h3 {
    margin: 1rem 0rem 0.5rem 0rem;
}

.growth-path .process-list.control-list a:hover h3 {
    color: var(--secondary);
}

.growth-path .process-list.control-list a:hover img {
    transform: scale(1.05);
    transition: all 0.5s ease;
}

.growth-path .process-list.control-list a:hover img {
    transform: scale(1.05);
    transition: all 0.5s ease;
}

.growth-path .service-list {
    padding: 2rem 0 4rem 0;
    background: linear-gradient(to right, #fff, #36a5db);
}

.growth-path .brand-list .col-md-4 {
    padding: 0 1.2rem;
}

.growth-path .brand-list p {
    line-height: 1.5em;
    font-size: 1.1rem;
}

.growth-path .brand-list a:hover h3 {
    color: var(--secondary);
}

.growth-path .brand-list a:hover p {
    color: var(--text-gray);
}

.growth-path .stage-list a {
    display: block;
}

.growth-path .stage-list .col-md-custom {
    flex: 0 0 auto;
    width: 16.6666%;
}

.growth-path .stage-list .stage-list-item {
    border: 1px solid var(--text-gray);
    border-radius: 1rem;
    overflow: hidden;
    text-align: center;
    padding: 1rem;
    margin: 0 1rem;
}

    .growth-path .stage-list .stage-list-item img {
        width: 5rem;
        height: 5rem;
    }

    .growth-path .stage-list .stage-list-item h3 {
        margin-top: 1rem;
        font-size: 1.1rem;
    }

    .growth-path .stage-list .stage-list-item:hover {
        background: var(--secondary);
    }

        .growth-path .stage-list .stage-list-item:hover h3 {
            color: #fff;
        }

#ExpertOpinionCarousel {
    opacity: 1;
}

    #ExpertOpinionCarousel .right {
        padding-left: 2rem;
    }

    #ExpertOpinionCarousel .carousel-indicators {
        display: flex;
        right: auto;
        align-items: center;
        justify-content: flex-start;
        margin-left: calc(var(--bs-gutter-x)* .5);
    }

        #ExpertOpinionCarousel .carousel-indicators [data-bs-target] {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: none;
            background: #000;
            opacity: 1;
            margin: 0 16px; /* 添加基础间距 */
        }
        /* 修改active样式 */
        #ExpertOpinionCarousel .carousel-indicators .active {
            box-shadow: 0 0 0 10px #fff, 0 0 0 11px #000; /* 3px透明间距 + 1px红色边框 */
            border-radius: 50%;
            overflow: hidden;
        }

    #ExpertOpinionCarousel .img-box {
        position: relative;
        padding-top: 56%;
    }

#insight .img-box .badge {
    display: none
}



#ExpertOpinionCarousel h3 {
    position: absolute;
    left: 5%;
    top: 8%;
    font-size: 1rem;
    display: inline-block !important;
    margin-top: 0;
    padding: 0.5rem 1rem;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    color: #fff;
    border-radius: 1rem;
}

.video-list h2.title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    margin-top: 3rem;
    margin-left: 0.5rem;
}

.video-list .row {
    gap: 2%
}

    .video-list .row .col-md-4 {
        width: 32%;
    }

    .video-list .row .img-box {
        padding-top: 60%;
    }

    .video-list .row h3 {
        margin-top: 1rem;
        font-size: 1.3rem;
        color: var(--text-gray);
        line-height: 1.5em;
        padding: 1rem;
    }

    .video-list .row a:hover h3 {
        color: var(--secondary);
    }

    .video-list .row i {
        position: absolute;
        top: 10%;
        right: 8%;
        font-size: 1.5rem;
        background: var(--secondary);
        color: #fff;
        overflow: hidden;
        padding: 0.3rem 0.7rem;
        border-radius: 0.5rem;
    }

.reports-banner {
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
}

    .reports-banner .row {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 3rem;
        align-items: center
    }

        .reports-banner .row h2 {
            color: #fff;
            font-size: 2.5rem;
            font-weight: bold;
        }

        .reports-banner .row p {
            color: #fff;
            font-size: 1.3rem;
            font-weight: 300;
        }

.video-list.report-list .row2 {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 2.15rem
}

    .video-list.report-list .row2 .img-box {
        padding-top: 150%;
    }

    .video-list.report-list .row2 .col-md-3 {
        width: 23%;
    }

    .video-list.report-list .row2 h3 {
        margin: 1rem 0.5rem;
        font-size: 1.2rem;
    }

.insight-customer {
    display: none;
    background: var(--gray-bg);
    padding: 5rem 0;
}

    .insight-customer .row {
        flex-wrap: wrap
    }

    .insight-customer .insight-customer-item {
        width: 14%;
        margin-bottom: 2rem;
    }

        .insight-customer .insight-customer-item .img-box2 {
            padding: 1rem;
            display: block;
            background: #eee;
            width: 10rem;
            height: 10rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .insight-customer .insight-customer-item .img-box2 img {
                width: 100%;
                height: auto;
            }

.news-list.course-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .news-list.course-list .row > * {
        padding: 2rem;
        padding-bottom: 0
    }

        .news-list.course-list .row > *:nth-child(2) {
        }

    .news-list.course-list > .col-12 .col-md-6 {
        width: 50%
    }

    .news-list.course-list .col-md-6 {
        width: 48%;
    }


        .news-list.course-list .col-md-6 .row {
            flex-direction: column;
        }

    .news-list.course-list a {
        display: block;
    }

    .news-list.course-list .news-content h2 {
        margin-top: 0;
    }

        .news-list.course-list .news-content h2 p {
            margin-top: 0.5rem
        }

    .news-list.course-list .teacher {
        overflow: hidden;
        margin-bottom: 1rem;
        margin-top: 0px !important
    }

        .news-list.course-list .teacher li {
            width: 25%;
            float: left;
        }

        .news-list.course-list .teacher img {
            width: 5.5rem;
            height: 5.5rem;
            background: #fff;
            border-radius: 50%;
            overflow: hidden;
        }

        .news-list.course-list .teacher p {
            margin-top: 0.5rem;
            font-weight: bold;
            font-size: 1rem;
        }

    .news-list.course-list .news-img {
        position: relative;
    }

    .news-list.course-list i {
        position: absolute;
        top: 10%;
        right: 8%;
        font-size: 1.5rem;
        background: var(--secondary);
        color: #fff;
        overflow: hidden;
        z-index: 1000;
        padding: 0.3rem 0.7rem;
        border-radius: 0.5rem;
    }




.course-info .row {
    border: none;
    background: linear-gradient(to left, #fff, #36a5db);
    align-items: center;
}

    .course-info .row > * {
        padding: 6rem 4rem;
    }

    .course-info .row .img-box i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: 4rem;
        opacity: 0.8;
        color: #000;
        background: #fff;
        border-radius: 50%;
    }

    .course-info .row h2 {
        font-size: 2rem;
        font-weight: 500;
    }

    .course-info .row p {
        width: 70%;
        font-size: 1.1rem;
        color: var(--text-gray);
    }

    .course-info .row > a {
        width: 100%;
        height: 100%;
        padding: 0.5rem 1rem;
    }

    .course-info .row .fadeInRight a {
        display: inline-block;
        background: var(--primary);
        color: #fff;
        padding: 1rem 7rem;
        font-size: 1.5rem;
        font-weight: 300;
        text-align: center;
    }

        .course-info .row .fadeInRight a:hover {
            background: var(--secondary);
        }

    .course-info .row i {
        vertical-align: middle;
        margin-right: 0.5rem;
        font-size: 1.5rem;
        margin-top: -0.2rem;
        color: #fff;
    }

.course-info .course-info-content {
    padding-right: 20%;
    line-height: 1.8em;
}

#course-info .banner {
    background: linear-gradient(to right, #fff, #36a5db);
}



    #course-info .banner img {
        width: 35%;
        height: auto;
        opacity: 1;
        margin-left: 10%;
        margin-top: 5%
    }


#course-info .banner-text {
    margin-left: 45%;
    width: 40%;
}


    #course-info .banner-text h2 {
        margin-left: 0;
        font-size: 1.8rem;
        color: #000;
        margin: 1.5rem 0;
    }

#course-info .banner .banner-text p {
    display: block;
    color: #000;
    margin-top: 0.5rem;
}

#course-info .banner-text a {
    color: var(--primary);
    font-size: 1.2rem;
}








.student-list > .row {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.student-list .row .row {
    align-items: center;
}

.student-list .col-md-3 .col-md-8 {
    border-right: 2px solid #ccc;
    align-items: center;
}

    .student-list .col-md-3 .col-md-8 p {
        margin-bottom: 0;
    }

.student-list .col-md-3 img {
    width: 5rem;
    height: 5rem;
    background: #eee;
}

.student-list .col-md-3 h3 {
    font-size: 1.3rem;
}

.student-list .col-md-9 {
    font-size: 1.2rem;
    color: var(--text-gray);
}

#schedule .content {
    position: relative
}

#schedule .sessionlist {
    width: 92%;
    max-width: 1720px;
    margin: 0 auto;
    padding: 2rem 0; /* 增加上下间距，提升整体呼吸感 */
}

    #schedule .sessionlist ul {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap; /* 允许在小屏幕上换行 */
        gap: 1.5rem; /* 使用gap替代margin，更现代的间距控制 */
        padding: 0;
        margin: 0;
        list-style: none; /* 移除默认列表样式 */
    }

    #schedule .sessionlist li {
        width: calc(33.333% - 1rem); /* 精确计算宽度，考虑gap */
        border: 1px solid #e0e0e0; /* 使用更浅的边框色 */
        padding: 1.25rem 1.5rem; /* 增加内边距，提升内容舒适度 */
        border-radius: 0.5rem; /* 稍大的圆角，更现代 */
        line-height: 1.6em;
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03); /* 轻微阴影增加层次感 */
        transition: all 0.3s ease; /* 统一过渡动画 */
        position: relative;
        overflow: hidden;
    }

        /* 添加悬停效果 */
        #schedule .sessionlist li:hover {
            transform: translateY(-4px); /* 轻微上浮 */
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08); /* 增强阴影 */
            border-color: #b0b0b0; /* 边框颜色变化 */
        }

        #schedule .sessionlist li a {
            display: block;
            color: #333;
            text-decoration: none;
            transition: color 0.3s ease;
            padding: 0.25rem 0; /* 增加点击区域 */
        }

        /* 为链接添加额外信息样式 */
        #schedule .sessionlist li .session-time {
            font-size: 0.9rem;
            color: #666;
            margin-bottom: 0.5rem;
            display: block;
        }

        #schedule .sessionlist li .session-title {
            font-weight: 600;
            margin-bottom: 0.3rem;
            font-size: 1.1rem;
        }

        #schedule .sessionlist li .session-speaker {
            font-size: 0.9rem;
            color: #777;
        }
        /* 当前项样式优化 */
        #schedule .sessionlist li.current {
            background: var(--secondary);
            border-color: var(--secondary);
            transform: scale(1.02); /* 略微放大突出当前项 */
        }

            #schedule .sessionlist li.current::before {
            }

            #schedule .sessionlist li.current a {
                color: #fff;
            }

            #schedule .sessionlist li.current .session-time,
            #schedule .sessionlist li.current .session-speaker {
                color: rgba(255, 255, 255, 0.9);
            }




.schedule-desc {
    color: #000;
    font-size: 1.25rem;
}

.accordion-item {
    margin-bottom: 1.5rem;
}

.accordion {
    --bs-accordion-border-width: 0
}

.accordion-button {
    background: var(--border-color) !important;
    color: #000 !important;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1.5rem;
    border-radius: 0;
}
    /* 展开状态的图标旋转180度（向上） */
    .accordion-button:not(.collapsed) .accordion-icon {
        transform: translateY(-50%) rotate(180deg);
    }

    .accordion-button:focus {
        box-shadow: none;
    }

.course-desc {
    font-size: 1.2rem;
    margin: 2rem auto;
}

    .course-desc li {
        list-style: disc;
        list-style-position: inside;
    }

.course-video {
    background: var(--gray-bg);
    padding: 3rem 0rem;
}

    .course-video .shadow {
        background: #fff;
        padding: 0;
        margin-bottom: 3rem;
    }

        .course-video .shadow h3 {
            padding: 0rem 1rem;
            padding-bottom: 1rem;
        }







.downdown-list .row {
    border: 1px solid #ddd;
    border-radius: 2rem;
    overflow: hidden;
    padding: 2rem;
    align-items: center;
    margin-bottom: 3rem;
}

    .downdown-list .row .img-box {
        padding-top: 56%;
        border-radius: 2rem;
        overflow: hidden;
    }

    .downdown-list .row .teacher {
        border-bottom: 1px solid #666;
        display: inline-block;
    }

    .downdown-list .row .text-line-4 {
        color: var(--text-gray);
        line-height: 1.5rem;
        margin-top: 1rem;
    }

    .downdown-list .row a {
        display: flex;
        background: var(--primary);
        color: #fff;
        align-items: center;
        justify-content: center;
        padding: 1.5rem 5rem;
        border-radius: 1rem;
        font-weight: bold;
    }

        .downdown-list .row a i {
            font-size: 2rem;
            margin-right: 1rem;
            font-weight: normal;
        }

        .downdown-list .row a:hover {
            background: var(--secondary);
        }




.global-list .col-md-6 {
    padding: 0 1.2rem;
    margin-bottom: 3rem;
    display: none
}


    .global-list .col-md-6 h3 {
        font-weight: bold;
    }

    .global-list .col-md-6 p {
        color: var(--text-gray);
        font-weight: 300;
        font-size: 1.2rem;
    }

.global-list .shadow h3 {
    margin: 1rem;
}

.global-list .shadow p {
    margin: 1rem;
    line-height: 1.5em;
    font-size: 1.2rem;
    font-weight: 300
}

.global .path {
    background: var(--gray-bg);
    padding: 4rem 0rem;
}

    .global .path h2 {
        margin-left: 1rem;
    }

    .global .path a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 9rem;
        padding: 0rem 3rem;
        font-size: 1.5rem;
        font-weight: 500;
        background: var(--primary);
        color: #fff;
        border-radius: 0.5rem;
    }

        .global .path a img {
            width: 90%;
            height: auto;
            margin-right: 0.5rem
        }

        .global .path a i {
            font-size: 5rem;
            margin-right: 1rem;
        }

        .global .path a:hover {
            background: var(--secondary);
        }

.global .market-list {
    display: none;
    padding: 0 0.7rem;
}

    .global .market-list .row {
        justify-content: space-between;
    }

    .global .market-list .col-md-4 {
        padding: 0;
        width: 30%;
        margin-bottom: 3rem;
    }

    .global .market-list a:hover .img-box img {
        transform: scale(1.1);
    }

    .global .market-list a:hover h3 {
        color: var(--secondary);
    }

    .global .market-list .col-md-4 h3 {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 1.5rem 0;
    }

        .global .market-list .col-md-4 h3 i {
            font-weight: bold;
            color: var(--secondary);
            font-size: 1.3rem;
            margin-left: 0.8rem 1rem;
        }



.growth .insight {
    position: relative;
}

    .growth .insight img {
        border-radius: 1.5rem;
        overflow: hidden;
    }

    .growth .insight .row {
        position: absolute;
        margin: 4rem;
    }

        .growth .insight .row > * {
            padding: 0;
        }

        .growth .insight .row dt {
            font-size: 1.5rem;
            padding: 1rem;
            margin-bottom: 1rem;
            background: linear-gradient(to right, #ebc251, #eedea9);
        }

        .growth .insight .row > *:nth-child(2) dt {
            font-size: 1.5rem;
            background: linear-gradient(to right, #eedea9, #eaf3f3);
        }

        .growth .insight .row dd {
            font-size: 1.1rem;
            font-weight: 550;
            border-bottom: 1px solid #000;
            padding: 0.5rem 1rem;
            white-space: nowrap;
            margin-bottom: 0;
        }

.growth .recommend {
    display: none
}

    .growth .recommend .row {
        width: 65%;
        margin: 0 auto;
    }

        .growth .recommend .row .shadow {
            margin: 0 2rem;
            height: 13rem;
            border: 1px solid #000;
            border-radius: 1rem;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .growth .recommend .row .shadow img {
                width: 6rem;
                height: 6rem;
            }

        .growth .recommend .row h3 {
            margin-top: 1rem;
            text-align: center;
            font-size: 1.3rem;
        }

.growth .framework a:hover .img-box img {
    transform: scale(1.1);
}

.growth .framework h3 {
    margin: 1rem 0;
}

    .growth .framework h3 i {
        font-size: 1.5rem;
        margin-left: 1rem;
        color: var(--secondary);
    }

.growth .framework a:hover h3 {
    color: var(--secondary);
}

.growth .outlook {
    display: none
}

    .growth .outlook a:hover .img-box img {
        transform: scale(1.1);
    }

    .growth .outlook h3 {
        margin: 1rem 0;
    }

        .growth .outlook h3 i {
            font-size: 1.5rem;
            margin-left: 1rem;
            color: var(--secondary);
        }

    .growth .outlook a:hover h3 {
        color: var(--secondary);
    }





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

    .row2 > * {
        padding: 0;
    }

    .row2 .col-md-3 {
        width: 23%;
    }

    .row2 .col-md-4 {
        width: 30%;
    }

    .row2 .col-md-6 {
        width: 48%;
    }


/* 淡入淡出效果 */
.fade .carousel-item {
    transition: opacity 0.8s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

    .fade .carousel-item.active {
        display: block;
        position: relative;
    }

/* 自定义滚动条容器 */
.custom-scrollbar {
    overflow-y: auto;
    padding: 20px;
    border-radius: 8px;
}
    /* 滚动条轨道 */
    .custom-scrollbar::-webkit-scrollbar {
        width: 4px;
    }
    /* 滚动条轨道背景 */
    .custom-scrollbar::-webkit-scrollbar-track {
        background: #f1f5f9;
        border-radius: 10px;
    }
    /* 滚动条滑块 */
    .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 10px;
        transition: background 0.3s ease;
    }
        /* 滚动条滑块悬停效果 */
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }
        /* 滚动条滑块激活效果（点击时） */
        .custom-scrollbar::-webkit-scrollbar-thumb:active {
            background: #64748b;
        }
    /* 滚动条上下按钮 */
    .custom-scrollbar::-webkit-scrollbar-button {
        height: 10px;
        background-color: #f1f5f9;
    }
    /* 滚动条角落（当同时有水平和垂直滚动条时） */
    .custom-scrollbar::-webkit-scrollbar-corner {
        background-color: #f1f5f9;
    }




@media (max-width: 768px) {
    html, body {
        font-size: 15px;
    }

    .content .container {
        width: 100%;
        padding: 0 20px !important;
        display: block
    }

    .info-desc .container img {
        width: 100%;
        height: auto;
        margin-bottom: 2rem
    }

    .row2 {
        flex-direction: column;
    }

        .row2 > * {
            width: 100%;
        }

    .shadow:hover {
        box-shadow: none !important;
    }

    .top {
        background: var(--primary);
    }

        .top .logo img {
            display: block;
        }

            .top .logo img:nth-child(2) {
                display: none;
            }

        .top .btn-nav i, .top .search i, .top .search {
            color: #fff;
        }

    .page-submenu {
        display: block;
        background: var(--gray-bg);
    }

        .page-submenu .form-select {
            border: none;
            color: var(--primary);
            font-size: 1.5rem;
            padding: 1rem;
            font-weight: 500;
        }

    .article-content {
        font-size: 1.2rem;
    }

    article iframe {
        height: 220px
    }

    .news-list.course-list i {
        top: 15%;
    }




    a.btn-into {
        width: 70%;
        margin: 0 auto;
    }

    .banner .banner-text p, .nav {
        display: none;
    }

    .banner {
        padding-top: 0;
    }

        .banner .banner-text {
            width: 92%;
            bottom: 10%;
        }

            .banner .banner-text h2 {
                font-size: 2.5rem;
                font-weight: normal;
                margin-right: 4%;
            }

        .banner a.btn-into {
            width: auto;
            white-space: nowrap;
            border-radius: 5px;
            color: #000 !important;
            font-size: 1.5rem;
            padding: 0.5rem 1rem !important;
            padding-right: 2rem !important;
            margin-top: 3rem;
            margin: 0;
        }

        .banner img {
            height: 15rem;
            object-fit: cover;
            object-position: center;
        }

    .content {
        margin-top: 0;
    }

    #about h2.title {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .about .row > * {
        padding: 0;
    }

    .about .num-item:nth-child(2), .about .num-item:nth-child(3) {
        width: 50%;
        float: left;
    }

    .about .left h3 {
        font-weight: bold;
    }

    .about .right {
        margin-top: 30px;
    }

    .service {
        padding: 20px;
    }

        .service h2.title {
            position: relative;
            left: 0;
            top: 0;
            margin: 20px 0;
            font-size: 2rem;
        }

        .service .service-item {
            position: relative;
        }

        .service .row2 .col-md-6 {
            width: 100%;
        }

        .service .left {
            padding: 1rem 0;
            order: 2
        }

        .service .right {
            order: 1
        }

        .service .carousel-item {
            display: block;
            float: none;
            margin-bottom: 0rem;
        }

        .service .btn-control {
            display: none;
        }

        .service h3 {
            display: none;
            position: absolute;
            top: 1.5rem;
            left: 1.5rem;
            margin-top: 0px;
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.8);
            padding: 0.5rem 1rem;
            border-radius: 0.5rem
        }

    .history {
        position: relative;
        background: url(../images/demo_data_bg.jpg) var(--gray-bg) no-repeat center center;
        background-size: 100%;
        background-blend-mode: darken;
        padding: 0;
    }

        .history .left {
            display: none;
        }

        .history .right {
            padding: 2rem 20px;
        }

            .history .right .article-content {
                background: none;
            }

            .history .right article h2 p {
                margin: 1rem 0;
                margin-bottom: 2rem;
            }

        .history .custom-scrollbar {
            padding: 0;
            overflow: visible;
            height: auto;
        }

        .history .learder {
            width: 10rem;
            height: 10rem;
            position: absolute;
            right: 0rem;
            top: -3rem;
            display: block;
        }

            .history .learder img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }

    .business .row .col-md-6 {
        width: 100%
    }

    .business img {
        display: block;
        width: 6rem;
        height: 6rem;
        margin-bottom: 1rem;
    }

    .business p {
        margin: 1rem 0;
        font-size: 1.3rem;
        margin-bottom: 1.5rem;
        word-break: break-all;
    }

    #about .business article h2.title {
        font-size: 1.3rem;
        font-weight: bold;
        margin: 2rem 0;
    }

    #about .business .growth article h2.title {
        margin: 1.5rem 0;
    }

    #about .banner a.btn-into {
        display: block !important;
    }

    #about .banner a.btn-play {
        display: none !important;
    }

    .leadership-list .row > * {
        padding: 0;
    }

    .leadership-list .Leadership-item {
        border-color: #ccc;
        margin-bottom: 2rem;
        border-radius: 0.5rem;
        padding: 1rem;
    }

        .leadership-list .Leadership-item a {
            display: flex;
        }

    .leadership-list .leader-desc {
        text-align: left;
        padding-left: 1rem;
    }

    .leadership-list h2 {
        margin-top: 0;
    }

    .leadership-list p {
        height: auto;
        font-size: 1rem;
        margin-bottom: 0rem;
    }

    .leadership-list .photo {
        border-radius: 0.5rem;
        padding-bottom: 0%;
    }

        .leadership-list .photo img {
            height: auto;
        }

    .leadership-list .Leadership-item .more span {
        display: none;
    }

    .leadership-list .Leadership-item .more i {
        display: block;
        color: var(--text-gray);
        font-weight: normal;
    }

    #leadership-info .banner .banner-text {
        width: 45%;
        left: auto;
        right: 15px;
        margin-left: 0;
    }

    #leadership-info .banner-text h2 {
        margin-left: 0;
        font-size: 1.8rem;
    }

    #leadership-info .banner .banner-text p {
        display: block;
    }

    #leadership-info .banner .banner-text > p {
        display: none;
    }

    #leadership-info .banner .btn-email {
        display: block;
    }

    #leadership-info .banner-text a {
        display: none;
    }

    #leadership-info .banner img {
        width: 50%;
        margin-left: 0px;
        margin-top: 3rem;
    }

    .leader-info .left {
        border: none;
        padding: 0;
    }

    .leader-info .right {
        padding: 0;
    }

    #leadership-info .btn-email {
        display: none;
    }

    .recruitment .recruitment-desc {
        font-weight: 300;
    }

    .recruitment .line-100 {
        background: var(--text-gray);
    }

    .recruitment .recruitment-list li {
        padding-left: 0;
    }

    .recruitment-list li i {
        position: static;
        margin: 1rem 0;
    }

    .recruitment-list li h2 {
        font-size: 1.6rem;
        margin-top: 1rem;
    }

    .recruitment-list li a {
        margin: 0.5rem 0;
        display: block;
    }

    .recruitment-list li p {
        color: var(--text-gray);
        font-size: 1.2rem;
    }

    .contact .contact-content .col-md-6:first-child {
        padding-right: 0;
    }

    .contact .contact-content h2 {
        margin: 1.5rem 0;
    }

    #contactForm .form-group, #contactForm .form-group .row > * {
        padding: 0;
    }

    .case-select {
        padding: 0;
    }



    .case.content .container {
        padding: 0 !important;
    }

    .case-list {
        margin-bottom: 3rem !important;
    }

        .case-list p {
            text-align: center;
        }

    .modal .modal-content {
        padding: 1rem;
    }

    #case-modal .custom-scrollbar {
        padding-right: 0.5rem;
    }

    .modal.show .modal-dialog {
        top: 50%;
        transform: translateY(-50%);
    }

    .customer-list .row > * {
        padding: 0 2rem;
    }

    .customer-list .col-md-5 {
        padding: 0 1.5rem;
        margin-bottom: 1.5rem;
    }

    .customer-list .customer-position p {
        font-weight: 300;
        font-size: 1rem;
    }

    .customer-list .customer-photo {
        margin-right: 2rem;
        padding-right: 2rem;
    }

        .customer-list .customer-photo p.name {
            display: none;
        }

    .customer-list .customer-position p {
        line-height: 1.3em;
    }

        .customer-list .customer-position p.name {
            display: block;
            font-weight: bold;
            margin-bottom: 0.5rem;
            font-size: 1.2rem;
        }

    .customer-list .customer-info h6 {
        font-size: 1.5rem;
    }

    .customer-list .customer-info p {
        font-size: 1.2rem;
        color: var(--text-gray);
        line-height: 1.5em;
        margin-bottom: 0;
    }

    .news-list .row {
        padding: 0;
        margin-bottom: 0;
    }

    .news-list .news-content {
        padding: 1.5rem 0;
    }

        .news-list .news-content h2 {
            margin-top: 2rem;
            font-size: 1.6rem;
            margin-bottom: 0px;
        }

    .news-list .row > *:nth-child(2) {
        padding: 0rem;
        margin-bottom: 3rem;
    }

    .news-list .row {
        background: none;
    }

    .news-list.news-info .row {
        padding: 0 20px;
    }

    .news-list.news-info .news-content h2 {
        font-size: 2rem;
        margin-bottom: 0;
        -webkit-line-clamp: 10;
    }

    .news-list.news-info .news-content .news-time {
        margin-top: 0;
    }

    .news-list .news-img {
        border-radius: 1rem;
    }

    .news-list.news-info .row > *:nth-child(2) {
        margin-bottom: 0;
    }

    .news-list.news-info .fadeInRight {
        display: none;
    }

    .news-list .row:hover {
        box-shadow: none;
    }


    .info .info-desc {
        padding: 3rem 0;
    }


    #course-info .banner-text a, #course-info .banner .banner-text p {
        display: none
    }

    #course-info .banner .banner-text h2 p {
        display: block
    }



    .growth-path h2.title {
        font-size: 1.8rem;
    }

    .growth-path .row > * {
        padding: 0;
        margin-bottom: 2rem;
        width: 100%;
    }

    .growth-path .form {
        padding-bottom: 0;
        margin: 0;
    }

        .growth-path .form img {
            width: 3rem;
            height: 3rem;
            margin-right: 1rem;
        }

        .growth-path .form h3 {
            font-size: 1.1rem;
            text-align: center;
            margin-top: 0.5rem;
        }

        .growth-path .form h2.title:nth-child(3) {
            padding: 2rem 0;
            margin-top: 0;
            padding-bottom: 0;
        }

        .growth-path .form h2.title {
            margin-bottom: 2rem;
        }

        .growth-path .form i {
            font-size: 1.2rem;
        }

    .growth-path .service-list {
        padding-bottom: 0rem;
    }

    .growth-path .brand-list .col-md-4 {
        padding: 0 0.5rem;
    }

    .growth-path .stage-list .row2 {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .growth-path .stage-list .col-md-custom {
        width: 31%;
        padding: 0px;
        margin-bottom: 2rem;
    }

    .growth-path .stage-list .stage-list-item {
        margin: 0;
        min-height: 8.5rem;
        padding: 1rem 0.5rem
    }

        .growth-path .stage-list .stage-list-item h3 {
            font-size: 0.8rem;
        }

        .growth-path .stage-list .stage-list-item img {
            width: 3rem;
            height: 3rem;
        }

    .growth-path .process-list {
        margin-bottom: 0 !important;
        margin-top: 2rem;
    }

        .growth-path .process-list .col-md-3, .growth-path .process-list.control-list .col-md-4 {
            width: 50%;
        }

        .growth-path .process-list h3 {
            font-size: 1.2rem;
        }

        .growth-path .process-list p {
            line-height: 1.2em;
            margin-top: 0.5rem;
        }

        .growth-path .process-list i {
            font-size: 1.2rem;
        }



    #ExpertOpinionCarousel .row > * {
        padding: 0;
    }

    #ExpertOpinionCarousel article h2 p {
        margin: 1rem 0;
    }

    #ExpertOpinionCarousel .img-box {
        border-radius: 1rem;
        margin-top: 1rem;
    }

    #ExpertOpinionCarousel .carousel-indicators {
        left: 50%;
        transform: translateX(-50%);
        bottom: -4rem;
    }

    .video-list.mt-5 {
        margin-top: 8rem !important;
    }

    .video-list .row .col-md-4 {
        width: 100%;
    }

    .video-list .row i {
        display: none;
    }

    .video-list .row h3 {
        padding: 0;
    }

    .video-list a.btn-into {
        white-space: nowrap;
        width: auto;
    }

    .video-list.report-list .row2 {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.2rem
    }

        .video-list.report-list .row2 .col-xs-6 {
            width: 47% !important;
            padding: 0;
            margin-bottom: 2rem;
        }

        .video-list.report-list .row2 h3 {
            display: block;
            padding: 0;
            margin: 0;
            margin-top: 1rem;
        }

    .video-list.report-list a.btn-into {
        width: 70%;
    }

    .reports-banner {
        margin-bottom: 3rem;
    }

        .reports-banner .row {
            padding: 1.5rem 1rem;
        }

        .reports-banner img {
            height: 22rem;
            object-fit: cover;
            object-position: center;
        }


    .insight-customer {
        padding: 2rem 0;
    }

        .insight-customer .row {
            flex-wrap: wrap;
            gap: 3%;
            justify-content: left;
        }

            .insight-customer .row > * {
                padding: 0;
            }

        .insight-customer .insight-customer-item {
            width: 31.33%;
        }

            .insight-customer .insight-customer-item .img-box2 {
                width: 100%;
                height: auto;
                height: 8rem;
            }



    .news-list.course-list .row {
        background: var(--gray-bg);
        margin-bottom: 3rem;
    }

        .news-list.course-list .row:last-child {
            margin-bottom: 2rem;
        }

        .news-list.course-list .row > * {
            padding: 1.5rem;
        }

            .news-list.course-list .row > *:nth-child(2) {
                padding: 1.5rem;
                padding-top: 0;
            }

    .news-list.course-list .col-12 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .news-list.course-list .news-content {
        display: flex;
        flex-direction: column;
    }

        .news-list.course-list .news-content a {
            order: 2;
        }

        .news-list.course-list .news-content ul {
            order: 1;
        }

    .news-list.course-list .teacher, .news-list .news-content p.text-line-3 {
        height: auto
    }


    .news-list.course-list .news-img {
        border-radius: 1rem;
    }

    .course-info .row > * {
        padding: 2rem 20px;
        padding-bottom: 0;
    }

    .student-list > .row {
        border-bottom: none;
        border-top: 1px solid var(--border-color);
        margin-bottom: 0rem;
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .course-info .row h2 {
        font-size: 1.5rem;
    }

    .course-info .row p {
        width: 100%;
        margin-top: 1rem !important;
    }

    .course-info .row .fadeInRight a {
        margin: 2rem auto;
        display: block;
    }

    .student-list .row .row {
        display: flex;
        flex-direction: row;
        margin-bottom: 2rem;
    }

    .student-list .col-md-3 .col-md-8 {
        border: none;
    }

    .student-list h2.title {
        margin-bottom: 2rem !important;
    }

    .accordion-button {
        font-size: 1.3rem;
        padding: 1rem;
    }

    .course-desc {
        margin: 0rem auto;
        padding: 1.5rem 0;
    }


        .course-desc img {
            max-width: 100%;
            height: auto
        }

    .course-video {
        padding: 0;
    }

        .course-video .shadow {
            margin-bottom: 20px;
        }

        .course-video .video-list {
            margin-bottom: 2rem;
        }

            .course-video .video-list .row h3 {
                font-weight: 400;
                color: #000;
                padding-bottom: 0;
            }

            .course-video .video-list i {
                display: inline-block;
            }

    .downdown-list .row {
        padding: 1rem;
        border-radius: 1rem;
    }

        .downdown-list .row > * {
            padding: 0;
        }

        .downdown-list .row h2 {
            margin-top: 1rem;
        }

        .downdown-list .row .img-box {
            border-radius: 1rem;
        }

        .downdown-list .row .text-line-4 {
            margin-top: 0rem;
        }

    .global-list.row {
        justify-content: space-between;
    }

        .global-list.row > *,
        .global-list .col-md-6 {
            padding: 0;
            margin-bottom: 0;
        }

    .global-list .shadow {
        box-shadow: none;
        padding: 0;
    }

    .global-list .col-6 {
        width: 48%;
        margin-top: 2rem;
    }

    .global-list .shadow h3 {
        font-size: 1.2rem;
        font-weight: bold;
    }

    .global-list .shadow h3, .global-list .shadow p {
        margin: 1rem 0;
        display: block;
    }

    .global .path {
        padding: 2rem 0;
        padding-bottom: 0;
    }

        .global .path h2 {
            margin-left: 0;
        }

        .global .path .row2 {
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: wrap;
        }

            .global .path .row2 > * {
                padding: 0;
                width: 48%;
                margin-bottom: 4%
            }

        .global .path a {
            padding: 0 0.4rem;
            font-size: 1.2rem;
            height: 7rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .global .path a span {
                font-size: 0.8rem;
            }

            .global .path a img {
                width: 40%
            }

            .global .path a i {
                font-size: 3rem;
                font-weight: normal;
            }

    .global .market-list .col-6 {
        width: 48%;
    }

    .global .market-list .col-md-4 {
        margin-bottom: 2rem;
    }



        .global .market-list .col-md-4 h3 {
            font-size: 1.2rem;
        }

            .global .market-list .col-md-4 h3 i {
                font-size: 1.2rem;
                margin: 0.8rem 0.2rem;
            }

        .global .market-list .col-md-4 p.text-desc {
            display: block
        }



    .global .market-list .Improvement .col-md-4 {
        width: 100%;
    }

        .global .market-list .Improvement .col-md-4 img {
            width: 4rem;
            height: 4rem;
        }

        .global .market-list .Improvement .col-md-4 h3 {
            margin: 1rem 0;
            font-weight: bold;
        }

    .growth .insight {
        background-color: #eaf3f3;
        position: relative;
        overflow: hidden;
    }

        .growth .insight .row {
            margin: 1.5rem;
            position: static;
        }

            .growth .insight .row > *:nth-child(2) {
                margin-top: 2rem;
            }

        .growth .insight img {
            object-fit: cover;
            object-position: center;
            margin-top: -1rem;
        }

    .growth .recommend .row {
        width: 100%;
        justify-content: space-between;
    }

        .growth .recommend .row > * {
            padding: 0;
            width: 30%;
        }

        .growth .recommend .row .shadow {
            margin: 0;
            height: auto;
            padding: 2rem 0;
        }

            .growth .recommend .row .shadow img {
                width: 3rem;
                height: 3rem;
            }

        .growth .recommend .row h3 {
            font-size: 0.8rem;
        }

    .growth .framework .row2 .col-md-4 {
        width: 100%;
        margin-top: 2rem;
    }

    .growth .outlook .row2 .col-md-6 {
        width: 100%;
        margin-top: 2rem;
    }

    footer .footer-contact .left {
        font-size: 1.2rem;
    }

    #schedule .content .container {
        width: 100%
    }

    #schedule .sessionlist {
        width: 100%;
        position: unset;
        padding: 20px 20px 0 20px
    }

        #schedule .sessionlist ul {
            display: block
        }


        #schedule .sessionlist li {
            width: 100%;
            margin-bottom: 1rem
        }
}