@media screen and (max-width: 1170px) {
    .box,
    .main_box {
        width: 100%;
        padding: 0 15px;
    }
    
    .banner {
        width: 100%;
        margin-top: 2px;
    }
    
    .banner .swiper-slide {
        width: 100%;
        height: 100%;
    }
    
    .banner .swiper-slide img {
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 800px) {
    html {
        font-size: 15px;
    }
    
    .header {
        display: none;
    }
    
    body { 
        overflow-x: hidden;
        background: #f8f9fa;
    }

    /* 移动端 Topbar 显示 */
    .m_topbar {
        display: flex;
    }

    .topnav {
        position: fixed;
        top: 0;
        z-index: 9; 
        background: none;
        border-top: none;
    }
    
    /* 隐藏旧标题文字 */
    .topnav > h2:first-of-type {
        display: none;
    }
    
    .topnav nav {
        height: 100%;
        margin-top: 48px;
    }
    
    nav #starlist {
        width: 55%;
        background-color: #d64c8d;
        position: absolute;
        top: 50px;
        right: 10px;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    #starlist li {
        margin: 0;
        width: 100%;
    }

    #starlist li a {
        padding: 0;
        text-align: center;
        width: 100%;
    }

    #mnavh {
        display: block;
        top: auto;
        position: static;
        right: auto;
    }

    #starlist {
        display: none
    }

    #starlist li a:hover,
    #starlist #selected,
    .selected>a,
    #starlist li:hover {
        color: #fff;
        background: rgba(255,255,255,0.2);    
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        display: none !important;
    }
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        display: none !important;
    }

    .banner {
        margin-top: 48px;
        height: auto;
    }

    .lists {
        display: block;
        margin-top: 10px;
    }

    .lists .list_left,.list_right {
        width: 100% !important;
        padding: 0;
    }

    .column {
        width: 100%;
        display: block;
    }

    .lists .list_right .content .content_left,.content_right {
        width: 99%;
    }

    .footer_m {
        font-size: 1em;
        width: 100%;
        margin: 0 auto;
        bottom: 0;
        position: fixed;
        height: 3.3em;
        z-index: 9999;
        display: flex;
        align-items: center;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    }
    
    .footer_m img {
        position: absolute;
        top: 14px;
        left: 45px;
    } 
    
    .footer_m .yy,.zx {
        display: block;
        width: 50%;
        height: 3.3em;
        line-height: 3.3em;
        text-align: center;
        color: #fff;
        font-weight: 500;
    }
    
    .footer_m .yy {
        background: linear-gradient(135deg, #58a6fd 0%, #4a90e2 100%);
        border-right: 2px solid #fff;
        position: relative;
    }
    
    .footer_m .zx {
        background: linear-gradient(135deg, #fd5877 0%, #d64c8d 100%);
        position: relative;
    }
    
    .footer_m i {
        margin-right: 5px;
        font-size: 18px;
        color: #fff;
    }

    .tag {
        padding: 20px 0;
        margin-top: 15px;
    }
    
    .tag .tag_content {
        width: 100%;
    }

    .tag .tag_content .tag_li {
        text-align: center;
        width: 50%;
        padding: 10px 0;
    }
    
    .tag .tag_content .tag_li .li_right {
        width: 100%;
        margin: 0;
    }
    
    .tag .tag_content .tag_li:first-child {
        border-right: 1px solid #eaeaea;
    }
    
    .tag .tag_content .tag_li:nth-child(-n+2) {
        border-bottom: 1px solid #eaeaea;
    }
    
    .tag .tag_content .tag_li:nth-child(3) {
        border-right: 1px solid #eaeaea;
    }
    
    .tag .tag_content .tag_li .li_left {
        display: none;
    }
    
    .tag .tag_content .tag_li .li_right h4 {
        margin-top: 5px;
        font-size: 1.2rem;
        color: #d64c8d;
    }

    footer {
        margin-bottom: 50px;
        padding-top: 0px;
    }
    
    .footer_bottom .bq p {
        text-indent: 1em;
        font-size: 12px;
    }
    
    .inside {
        margin: 0;
        margin-top: 3.5rem;
        width: 100%;
    }
    
    .inside .inside_left {
        width: 100%;
    }
    
    .inside .inside_content {
        width: 100%;
        padding: 0;
        display: block;
    }
    
    .inside_left .article_list ul li {
        margin-top: 0;
    }
    
    .inside_right {
        width: 100%;
    }

    .inside_left .article_list ul li .li_times {
        text-align: center;
        margin-left: 0;
    }
    
    .inside_left .article_list ul li .li_times span {
        margin-right: 0.5rem;
    }
    
    .inside_left .article_list .hr {
        display: block;
        padding: 0 10px;
    }
    
    .inside_left .article_list .hr::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fbedf4;
    }

    .lists .list_right .content ul li a {
        width: 100%;
    }
    
    .lists .list_right .content ul li span {
        display: none;
    }
    
    .inside_left .position {
        display: block;
    }
    
    .article .article_content img {
        width: 100%;
    }
    
    .tag .tag_content .tag_li .li_right h5 {
        font-size: 12px;
    }
    
    .footer_top .box1 {
        display: none;
    }
    
    .footer_top .box2 {
        text-align: center;
        padding: 20px;
    }
    
    .footer_bottom {
        margin-top: 5px;
    }
    
    /* 移动端优化 */
    .lists .list_left .content li {
        padding: 10px;
    }
    
    .lists .list_left .content li a .article_img {
        width: 35%;
        height: 4rem;
    }
    
    .lists .list_left .content li a .article_text {
        width: 60%;
    }
    
    .lists .list_left .content li a .article_text h3 {
        font-size: 0.95rem;
    }
    
    .lists .list_left .content li a .article_text p {
        font-size: 0.8rem;
    }
    
    .lists .title {
        padding: 12px;
    }
    
    .lists .title .title_left h3 {
        font-size: 1.1rem;
    }
    
    /* ===== 新增模块移动端适配 ===== */
    
    /* 信任背书条 - 2x2 */
    .trust-bar .trust-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    .trust-bar .trust-item {
        width: 45%;
        justify-content: center;
        padding: 8px 4px;
    }
    
    .trust-bar .trust-item .trust-icon {
        width: 38px;
        height: 38px;
        font-size: 20px;
        border-radius: 10px;
    }
    
    .trust-bar .trust-item .trust-text {
        font-size: 13px;
    }
    
    /* 通用区块 */
    .section-wrap {
        padding: 30px 0;
    }
    
    .section-header {
        margin-bottom: 25px;
        padding: 0 10px;
    }
    
    .section-header .en-label {
        font-size: 11px;
        letter-spacing: 2px;
    }
    
    .section-header h2 {
        font-size: 22px;
        margin-bottom: 8px;
    }
    
    .section-header .sub-desc {
        font-size: 13px;
    }
    
    /* 核心项目 - 2列 */
    .project-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-left: 0;
        margin-right: 0;
    }
    
    .project-card {
        padding: 22px 14px 18px;
    }
    
    .project-card .proj-icon {
        width: 48px;
        height: 48px;
        font-size: 24px;
        border-radius: 12px;
        margin-bottom: 12px;
    }
    
    .project-card h3 {
        font-size: 16px;
    }
    
    .project-card p {
        font-size: 12px;
        min-height: auto;
        margin-bottom: 10px;
    }
    
    .project-card .proj-price {
        font-size: 15px;
        margin-bottom: 8px;
    }
    
    .project-card .proj-link {
        font-size: 12px;
    }
    
    .section-more {
        margin-top: 20px;
    }
    
    .section-more a {
        font-size: 13px;
        padding: 8px 22px;
    }
    
    /* 为什么选择我们 - 2列 */
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-left: 0;
        margin-right: 0;
    }
    
    .why-item {
        padding: 22px 14px;
    }
    
    .why-item .why-icon {
        width: 48px;
        height: 48px;
        font-size: 24px;
        margin-bottom: 12px;
    }
    
    .why-item h3 {
        font-size: 15px;
        margin-bottom: 6px;
    }
    
    .why-item p {
        font-size: 12px;
    }
    
    /* 专家团队 - 双列 */
    .expert-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
		margin-left: 0px;
        margin-right: 0px;
    }
    
    /* .expert-card .expert-img { */
        /* height: 350px; */
    /* } */
    
    .expert-card .expert-header h3 {
        font-size: 12px;
    }
	
	.expert-card .badge {
		font-size: 10px;
		padding: 4px 8px;
		border-radius: 20px;
		background: rgba(214, 76, 141, 0.1);
		color: #d64c8d;
		font-weight: 500;
		white-space: nowrap;
	}
	.expert-card .exp-years {
		font-size: 12px;
		color: #aaa;
		margin-bottom: 10px;
	}
	.expert-card .expert-actions .detail-link {
		font-size: 12px;
		color: #d64c8d;
		font-weight: 500;
	}
    .detail-link i{
		font-size: 12px;
	}
	.expert-card .expert-actions .consult-btn {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    background: linear-gradient(135deg, #d64c8d, #ff6b9d);
    color: #fff;
    font-weight: 500;
    transition: all 0.3s;
	}
    .expert-card .exp-desc {
        font-size: 13px;
    }
    
    /* 客户评价 - 单列 */
    .review-grid {
        grid-template-columns: 1fr;
        gap: 16px;
		margin-left: 0px;
        margin-right: 0px;
    }
    
    .review-card {
        padding: 20px;
    }
    
    .review-card .review-text {
        font-size: 13px;
    }
    
    /* 成功案例 - 单列 */
    .case-grid {
        grid-template-columns: 1fr;
        gap: 16px;
		margin-left: 0px;
        margin-right: 0px;
    }
    
    .case-card .case-img {
        height: 180px;
    }
    
    .case-card .case-header h3 {
        font-size: 16px;
    }
    
    /* Footer CTA 移动端 */
    .footer-cta {
        padding: 35px 0;
        margin-top: 30px;
    }
    
    .footer-cta h2 {
        font-size: 22px;
    }
    
    .footer-cta .cta-desc {
        font-size: 14px;
        margin-bottom: 18px;
    }
    
    .footer-cta .cta-form {
        flex-direction: column;
        gap: 10px;
        padding: 0 20px;
    }
    
    .footer-cta .cta-form input {
        height: 44px;
        font-size: 14px;
    }
    
    .footer-cta .cta-form button {
        height: 44px;
        font-size: 14px;
        width: 100%;
    }
    
    .footer-cta .cta-privacy {
        font-size: 11px;
    }
    
    /* 项目详情页 Hero 移动端优化 */
    .project-hero {
        padding: 60px 0 30px;
    }
    .project-hero .hero-content {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .project-hero .hero-text h1 {
        font-size: 2rem;
    }
    .project-hero .hero-text .subtitle {
        font-size: 0.95rem;
        line-height: 1.7;
    }
    .project-hero .hero-text span {
        font-size: 0.8rem;
        padding: 6px 14px;
    }
    .project-hero .hero-features {
        gap: 10px;
    }
    .project-hero .hero-features .feature-item {
        font-size: 0.85rem;
    }
    .project-hero .hero-image {
        order: -1;
    }
    .project-hero .hero-image img {
        width: 100%;
        max-height: 250px;
        object-fit: cover;
        border-radius: 14px;
    }
}

@media screen and (max-width: 480px) {
    html {
        font-size: 14px;
    }
    
    .banner {
        height: 200px;
    }
    
    .banner .swiper-slide {
        height: 200px;
    }
    
    .column ul {
        height: auto;
    }
    
    .column ul li {
        height: 4.5rem;
    }
    
    .column ul li .column_text {
        margin: 0.8rem 0 0 0.5rem;
    }
    
    .column ul li .column_text h3 {
        font-size: 1rem;
    }
    
    .column ul li .column_icon {
        width: 3rem;
        height: 3rem;
        margin-top: 0.6rem;
        margin-right: 0.5rem;
    }
    
    .column ul li .column_icon i {
        line-height: 3rem;
        font-size: 1.6rem;
    }
    
    /* 新模块 480px 优化 */
    .trust-bar .trust-item {
        width: 46%;
    }
    
    .trust-bar .trust-item .trust-icon {
        width: 34px;
        height: 34px;
        font-size: 18px;
    }
    
    .trust-bar .trust-item .trust-text {
        font-size: 12px;
    }
    
    .project-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
		margin-left: 0px;
        margin-right: 0px;
    }
    
    .project-card {
        padding: 16px 10px 14px;
    }
    
    .project-card .proj-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    
    .project-card h3 {
        font-size: 14px;
    }
    
    .project-card p {
        font-size: 11px;
    }
    
    .project-card .proj-price {
        font-size: 13px;
    }
    
    .why-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
		margin-left: 0px;
        margin-right: 0px;
    }
    
    .why-item {
        padding: 16px 10px;
    }
    
    .why-item .why-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .why-item h3 {
        font-size: 14px;
    }
    
    .why-item p {
        font-size: 11px;
    }
    
    .section-header h2 {
        font-size: 20px;
    }
    
    .section-header .sub-desc {
        font-size: 12px;
    }
    
    .footer-cta h2 {
        font-size: 20px;
    }
    
    .footer-cta .cta-desc {
        font-size: 13px;
    }
    
    /* 项目详情页 Hero 小屏细化 */
    .project-hero {
        padding: 50px 0 25px;
    }
    .project-hero .hero-text h1 {
        font-size: 1.7rem;
    }
    .project-hero .hero-text .subtitle {
        font-size: 0.88rem;
    }
    .project-hero .hero-image img {
        max-height: 200px;
    }
}