/* 大屏幕（大桌面显示器，大于等于 1600px） */

@media screen and (min-width:1921px) {
    .mobile,
    .m_img,
    .m_nav {
        display: none;
    }
    .ny-banner,
    .pro-bottom,
    .about02 {
        background-size: 100% auto !important;
    }
    .pro-container.wrap {
        width: 90%;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .mobile,
    .m_img,
    .m_nav {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .mobile,
    .m_img,
    .m_nav {
        display: none;
    }
    .container,
    .wrap {
        width: 1200px;
    }
    .footer-top {
        grid-template-columns: repeat(3, 1fr);
    }
    .footer-col.brand-info {
        grid-column: span 1;
        /* 品牌信息占满一行 */
        margin-bottom: 20px;
    }
    .site-footer {
        font-size: 16px;
    }
    .search-box input {
        width: 200px;
    }
    .nav-item {
        padding: 0 15px;
        font-size: 16px;
    }
    .product-col {
        padding: 30px 20px;
    }
    .banner .swiper-pagination {
        top: 72%;
    }
    .support .pos-pe {
        left: 18%;
    }
    .support .pos-ng {
        left: 38%;
    }
    .support .pos-kz {
        left: 52%;
    }
    .support .pos-in {
        top: 68%;
        left: 58%;
    }
    .support .data-card.multi-col {
        width: 300px;
    }
    .pro-rightbox .price {
        font-size: 24px;
    }
    .pro-rightbox .btn {
        font-size: 16px;
    }
}


/* 小屏幕（手机） */

@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .pc,
    .top-bar,
    header,
    .site-header {
        display: none;
    }
    .mobile {
        display: block;
    }
    .container,
    .wrap {
        padding: 0 .2rem;
        overflow: hidden;
        width: auto;
    }
    .m_img {
        display: block;
        height: 1.1rem;
        background: #ffffff;
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: Center;
        position: fixed;
        z-index: 999;
        top: 0;
        padding: 0 .2rem;
        -moz-box-shadow: 0px 4px 6px #d4d5d6;
        -webkit-box-shadow: 0px 4px 6px #d4d5d6;
        box-shadow: 0px 4px 6px #d4d5d6;
    }
    .m_img .headlf {
        float: left;
    }
    .m_img .headcent {
        float: left;
        margin-left: .2rem;
        color: #e61c42;
        font-size: .18rem;
        line-height: .3rem;
    }
    .m_img .headcent select {
        width: 1.2rem;
        height: .4rem;
        border: 0;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url('../images/arrow_06.jpg') 80% center no-repeat;
        background-size: .13rem;
        background-color: #e5e5e5;
        display: block;
        padding-left: .1rem;
        margin-left: .3rem;
    }
    .m_img .headlf .m_logo {
        height: auto;
        width: 70%;
        display: block
    }
    .m_img .headrg {
        position: absolute;
        right: .2rem;
    }
    .m_img .headrg a .m_menuimg {
        height: .45rem;
        width: .53rem;
        display: block
    }
    .m_nav {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 0px;
        height: 0px;
        overflow: hidden;
        z-index: 10000
    }
    .m_nav .closecover {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0b0d19;
        filter: alpha(opacity=0);
        opacity: 0;
        left: 0px;
        top: 0px;
        z-index: 1
    }
    .m_nav .closeicon {
        position: absolute;
        width: 20%;
        left: 0;
        top: 5%;
        z-index: 100;
        text-align: center;
        filter: alpha(opacity=0);
        opacity: 0
    }
    .m_nav .m_navList {
        position: absolute;
        width: 80%;
        right: 0px;
        top: 0px;
        background: #0b0d19;
        height: 100%;
        z-index: 100;
        right: -80%;
        overflow-y: scroll;
    }
    .m_nav .m_navList ul {
        padding-left: 5%;
        padding-right: 5%
    }
    .m_nav .m_navList ul li {
        border-bottom: 1px solid #232530
    }
    .m_nav .m_navList ul li a {
        display: block;
        height: 45px;
        color: #fff;
        line-height: 45px;
        padding-left: 5%;
        font-size: 16px
    }
    .m_nav .m_navList ul li .m_f_a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }
    .m_nav .m_navList ul li .m_f_a a {
        flex: 1;
    }
    .m_nav .m_navList ul li .m_f_a i {
        width: 40px;
        height: 35px;
        box-sizing: border-box;
        padding: 0 5px;
        display: block;
    }
    .m_nav .icon {
        background: url(../images/plus.png) 100% no-repeat;
        background-position: 50% 50%;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s
    }
    .icon_on {
        background: url(../images/reduce.jpg) 50% no-repeat!important;
        background-position: 50% 50%;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s
    }
    .m_nav .m_navList ul li .m_s_nav {
        display: none;
        width: 100%;
    }
    .m_nav .m_navList ul li .m_s_nav a {
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 10%;
        overflow: hidden;
        white-space: nowrap;
        width: 90%;
        text-overflow: ellipsis;
    }
    .m_img .language {
        position: absolute;
        right: .8rem;
    }
    .m_img .language img {
        width: 80%;
    }
    .banner {
        margin-top: 1.1rem;
    }
    .banner img {
        display: block;
    }
    .banner .wrap .h1 {
        font-size: .24rem;
        width: 100%;
        margin-bottom: .1rem;
    }
    .banner .wrap .h2 {
        font-size: .2rem;
        margin-bottom: .1rem;
        width: auto;
        height: .5rem;
        line-height: .5rem;
        padding: 0 .2rem;
        font-weight: normal;
    }
    .banner .wrap {
        left: 0;
        transform: translateY(-50%);
        top: 50%;
    }
    .banner .btn-group .btn {
        padding: .1rem .3rem;
        font-size: .2rem;
        margin-right: .3rem;
        margin-top: .1rem;
    }
    .banner .swiper-pagination {
        width: 2rem;
        left: 0;
        top: auto;
        bottom: .1rem;
    }
    .product-col {
        padding: .3rem .2rem;
    }
    .product-title {
        font-size: .3rem;
    }
    .stats-section .section-header {
        margin-bottom: .6rem;
        max-width: 100%;
    }
    .stats-section .section-title {
        font-size: .4rem;
        margin-bottom: .2rem;
    }
    .stats-section .icon-box img {
        height: .7rem;
    }
    .stats-section .stats-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: .2rem;
    }
    .stats-section .icon-box {
        margin-bottom: .2rem;
        height: .8rem;
    }
    .stats-section .stat-number {
        font-size: .24rem;
    }
    .stats-section .stat-label {
        font-size: .2rem;
    }
    .stats-section .stat-item {
        margin-bottom: .2rem;
    }
    .product-section {
        padding: .6rem 0 0 0;
    }
    .product-section .wrap {
        padding-bottom: .6rem;
    }
    .product-desc {
        font-size: .2rem;
    }
    .product-section .section-header {
        margin-bottom: .5rem;
    }
    .product-section .section-header h2 {
        font-size: .4rem;
    }
    .product-section .section-header p {
        font-size: .24rem;
    }
    .product-section .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: .3rem;
    }
    .product-section .card-title {
        font-size: .3rem;
    }
    .product-section .card-subtitle {
        font-size: .2rem;
        margin-bottom: .2rem;
    }
    .product-section .card-footer {
        flex-wrap: wrap;
    }
    .product-section .price {
        font-size: .26rem;
        margin-bottom: .2rem;
    }
    .product-section .card-content {
        padding: .2rem;
    }
    .product-section .btn-specs {
        padding: .1rem .3rem;
        font-size: .2rem;
        width: 100%;
        justify-content: space-between;
    }
    .product-section .view-all-container {
        margin-top: .5rem;
    }
    .about-section {
        padding: 1rem 0;
        background-size: auto 100%;
    }
    .floating-products {
        width: 95%;
        margin: .3rem auto;
    }
    .view-specs {
        font-size: .19rem;
    }
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        /* 手机变2列 */
    }
    .section-title {
        font-size: 28px;
    }
    .bg-watermark {
        display: none;
        /* 小屏隐藏背景字以免干扰 */
    }
    .about-section .about-section {
        padding: 50px 5%;
    }
    .about-section .section-title {
        font-size: .4rem
    }
    .about-section .stats-container {
        flex-direction: column;
        align-items: flex-start;
        gap: .4rem;
    }
    .about-section .content-text {
        font-size: .22rem;
        margin-bottom: .2rem;
        max-width: 100%;
    }
    .about-section .stat-number {
        font-size: .66rem;
    }
    .support {
        padding: .6rem 0;
    }
    .support .main-title {
        font-size: .4rem;
    }
    .support .header-section {
        margin-bottom: .4rem;
    }
    .support .avatar {
        width: 1.5rem;
        height: 1.5rem;
    }
    .support .quote-content p {
        font-size: .24rem;
    }
    .support .author {
        font-size: .24rem;
    }
    .hero-section .container {
        flex-direction: column-reverse;
        /* 手机上文字在上，表单在下，或者根据需求调整 */
        gap: 40px;
        text-align: center;
    }
    .hero-section .text-column {
        text-align: center;
    }
    .hero-section .sub-text {
        margin: 0 auto;
    }
    .hero-section .features-list {
        justify-content: center;
    }
    .hero-section .form-column {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }
    .support .testimonial-box {
        padding-left: 0;
        flex-direction: column;
        text-align: center;
    }
    .support .data-card {
        padding: 8px 10px;
        transform: scale(0.8) translate(-50%, -50%);
        /* 手机上缩小一点 */
    }
    .support .pos-pe {
        left: 18%;
    }
    .support .pos-kz {
        top: 8%;
    }
    .support .pos-ng {
        top: 50%;
    }
    .support .pos-in {
        top: 98%;
        left: 45%;
    }
    .support .number {
        font-size: 16px;
    }
    .support .label {
        font-size: 10px;
    }
    .index-news .news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: .2rem;
        margin-bottom: .5rem;
        /* 手机显示一列 */
    }
    .site-footer {
        padding: .2rem 0;
        font-size: .2rem;
    }
    .site-footer .footer-top {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-col {
        display: none;
    }
    .site-footer .footer-col.brand-info {
        grid-column: span 2;
        display: block;
    }
    .prolist-main .section-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .prolist-main .header-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .prolist-main .product-grid {
        grid-template-columns: 1fr;
    }
    .contact-section .form-grid {
        grid-template-columns: 1fr;
        gap: 0;
        /* 手机端单列 */
    }
    .hero-section {
        background-size: auto 100%;
        padding: .4rem 0;
        min-height: auto
    }
    .hero-section .form-label {
        font-size: .3rem;
    }
    .hero-section .form-control {
        padding: .2rem;
        font-size: .2rem;
    }
    .hero-section .form-group {
        margin-bottom: .4rem;
    }
    .hero-section select.form-control {
        background-size: .3rem;
    }
    .hero-section .feature-item {
        font-size: .2rem;
    }
    .feature-item {
        margin-bottom: .2rem;
    }
    .hero-section .features-list {
        gap: .2rem;
        margin-top: .25rem;
        margin-bottom: .3rem;
    }
    .hero-section .btn-submit {
        padding: .16rem .3rem;
        font-size: .22rem;
    }
    .hero-section .main-title {
        font-size: .4rem;
        margin-bottom: .2rem;
    }
    .hero-section .sub-text {
        font-size: .2rem;
        max-width: 100%;
    }
    .index-news {
        margin-top: .4rem;
    }
    .index-news .news-title {
        font-size: .4rem;
    }
    .index-news .read-more-btn {
        padding: .1rem .2rem;
        font-size: .2rem;
    }
    .index-news .card-date {
        font-size: .24rem;
        margin: .2rem 0;
    }
    .index-news .card-title {
        font-size: .28rem;
    }
    .index-news .card-desc {
        font-size: .2rem;
    }
    .ny-banner {
        height: 3rem;
        margin-top: 1.1rem;
    }
    .ny-banner h1 {
        font-size: .6rem;
    }
    .breadcrumb {
        opacity: 0;
        margin: 0
    }
    .sort {
        margin: 0.2rem;
    }
    .filter-container {
        flex-direction: column;
        gap: 0.3rem;
        overflow: unset;
    }
    .dropdown-box {
        width: 100%;
    }
    .dropdown-button {
        width: 100%;
        font-size: 0.24rem;
        padding: 0.1rem 0.2rem;
        justify-content: space-between;
    }
    .dropdown-menu {
        min-width: 100%;
        font-size: 0.24rem;
    }
    .pro-container {
        flex-direction: column;
        padding: 0.2rem;
    }
    .pro-container .sidebar {
        width: 100%;
        margin-bottom: 0.2rem;
        border-radius: 0.1rem;
    }
    .pro-container .sidebar-header {
        font-size: 0.3rem;
        padding: 0.15rem;
    }
    .pro-container .filter-section {
        padding: 0.2rem;
    }
    .pro-container .section-title {
        font-size: 0.26rem;
        margin-bottom: 0.2rem;
    }
    .pro-container .custom-checkbox {
        font-size: 0.24rem;
        margin-bottom: 0.1rem;
    }
    .pro-container .checkmark {
        width: .3rem;
        height: .3rem;
    }
    .pro-container .custom-checkbox input:checked+.checkmark::after {
        left: .1rem;
        top: .02rem;
        width: .1rem;
        height: .15rem;
    }
    .pro-container .slider-input::-webkit-slider-thumb {
        width: 0.12rem;
        height: 0.12rem;
    }
    /* --- 产品列表 (右侧) --- */
    .pro-container .rt {
        width: 100%;
    }
    .pro-container .pro-rightbox {
        grid-template-columns: 1fr;
        /* 手机端单列显示 */
        gap: 0.2rem;
    }
    .pro-container .product-card {
        border-radius: 0.06rem;
        overflow: hidden;
        box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.1);
    }
    .pro-container .card-content {
        padding: 0.2rem;
    }
    .pro-container .card-title {
        font-size: 0.3rem;
        margin-bottom: 0.2rem;
    }
    .pro-container .specs-list li {
        font-size: 0.22rem;
        margin-bottom: 0.2rem;
    }
    .pro-container .card-footer {
        flex-direction: column;
        align-items: flex-start;
    }
    .pro-container .price {
        font-size: 0.28rem;
        margin-bottom: 0.2rem;
    }
    .pro-container .action-btns {
        width: 100%;
        gap: 0.2rem;
    }
    .pro-container .btn {
        width: 100%;
        font-size: 0.24rem;
        padding: 0.1rem;
    }
    .pages {
        margin: 0.4rem 0;
    }
    .pages ul a {
        padding: 0.05rem 0.1rem;
        font-size: 0.18rem;
        margin: 0.05rem;
    }
    .pro-bottom {
        padding: 0.3rem 0;
    }
    .pro-bottom .lf {
        font-size: 0.4rem;
        margin-bottom: 0.2rem;
        width: 100%;
        text-align: center;
    }
    .pro-bottom .btn {
        font-size: 0.24rem;
        padding: 0.1rem 0.2rem;
        text-align: center;
        margin: 0 auto;
    }
    .pro-bottom .wrap {
        height: 3.2rem;
        flex-wrap: wrap;
    }
    .prodetail01 {
        gap: .4rem;
        padding: .2rem 0;
        flex-wrap: wrap;
    }
    .prodetail01 .product-gallery {
        width: 100%;
    }
    .prodetail01 .main-image-container {
        height: 3.7rem;
    }
    .prodetail01 .thumbnail-item {
        height: 1rem;
    }
    .prodetail01 .product-info {
        width: 100%;
    }
    .prodetail01 h1.product-title {
        font-size: .4rem;
        margin-bottom: .3rem;
    }
    .prodetail01 .badge {
        font-size: .22rem;
    }
    .prodetail01 .price-section {
        margin-bottom: .25rem;
    }
    .prodetail01 .price-label,
    .prodetail01 .price-value {
        font-size: .28rem;
    }
    .prodetail01 .badges {
        margin-bottom: .2rem;
    }
    .prodetail01 .features-list li {
        margin-bottom: .1rem;
        font-size: .2rem;
    }
    .prodetail01 .btn {
        padding: .15rem .2rem;
        font-size: .22rem;
    }
    .sticky-header .nav-link {
        display: block;
        margin: 0 .2rem .1rem .2rem;
        font-size: .26rem;
    }
    .main-nav {
        display: flex;
        flex-wrap: wrap;
    }
    .prodetail02 .section-block {
        padding: .5rem 0;
    }
    .prodetail02 .section-title {
        font-size: .4rem;
        margin-bottom: .2rem;
    }
    .prodetail02 .section-desc {
        margin-bottom: .3rem;
        font-size: .22rem;
    }
    .feature-item h3 {
        font-size: .28rem;
    }
    .feature-item p {
        font-size: .22rem;
    }
    .image-grid {
        margin-top: .3rem;
    }
    #reviews {
        padding-top: .5rem;
    }
    .reviews .review-card {
        padding: .3rem;
    }
    .reviews .reviewer-info .tx {
        width: 1rem;
        height: 1rem;
    }
    .reviews .review-text {
        font-size: .22rem;
    }
    .reviews .swiper-button-prev {
        left: -0.2rem;
    }
    .reviews .swiper-button-next {
        right: -0.2rem;
    }
    #faq {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .faq-item h4 {
        font-size: .28rem;
    }
    .RelatedProducts {
        padding: .5rem 0;
    }
    .RelatedProducts .bt {
        font-size: .4rem;
        margin-bottom: .4rem;
    }
    .RelatedProducts .itembox {
        grid-template-columns: 1fr;
        gap: .2rem;
    }
    .RelatedProducts .product-card {
        border-radius: 0.06rem;
        overflow: hidden;
        box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.1);
    }
    .RelatedProducts .card-content {
        padding: 0.2rem;
    }
    .RelatedProducts .card-title {
        font-size: 0.3rem;
        margin-bottom: 0.2rem;
    }
    .RelatedProducts .specs-list li {
        font-size: 0.22rem;
        margin-bottom: 0.2rem;
    }
    .RelatedProducts .card-footer {
        flex-direction: column;
        align-items: flex-start;
    }
    .RelatedProducts .price {
        font-size: 0.28rem;
        margin-bottom: 0.2rem;
    }
    .RelatedProducts .action-btns {
        width: 100%;
        gap: 0.2rem;
    }
    .RelatedProducts .btn {
        width: 100%;
        font-size: 0.24rem;
        padding: 0.1rem;
    }
    .prolist-main .filter-bar {
        margin: 0 auto .3rem;
        padding: .2rem;
        gap: .2rem;
        font-size: .22rem;
        flex-wrap: wrap;
    }
    .prolist-main .section-title {
        font-size: .4rem;
    }
    .prolist-main .compare-trigger {
        padding: .1rem .2rem;
        font-size: .22rem;
    }
    .prolist-main .product-card {
        border-radius: 0.06rem;
        overflow: hidden;
        box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.1);
    }
    .prolist-main .card-content {
        padding: 0.2rem;
    }
    .prolist-main .card-title {
        font-size: 0.3rem;
        margin-bottom: 0.2rem;
    }
    .prolist-main .specs-list li {
        font-size: 0.22rem;
        margin-bottom: 0.2rem;
    }
    .prolist-main .card-footer {
        flex-direction: column;
        align-items: flex-start;
    }
    .prolist-main .price {
        font-size: 0.28rem;
        margin-bottom: 0.2rem;
    }
    .prolist-main .action-btns {
        width: 100%;
        gap: 0.2rem;
    }
    .prolist-main .btn {
        width: 100%;
        font-size: 0.24rem;
        padding: 0.1rem;
    }
    .fuwubox .header-section {
        margin-bottom: .6rem;
    }
    .fuwubox .header-section h2 {
        font-size: .4rem;
    }
    .fuwubox .header-section p {
        font-size: .22rem;
    }
    .fuwubox .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: .2rem;
    }
    .fuwubox .service-card {
        padding: .2rem;
        min-height: 2rem;
        box-sizing: border-box;
    }
    .fuwubox .icon-wrapper {
        margin-bottom: .2rem;
    }
    .fuwubox .icon-wrapper img {
        height: .6rem;
    }
    .fuwubox .sub-title {
        font-size: .26rem;
        margin-bottom: .2rem;
    }
    .fuwubox .divider {
        margin: 0 auto .2rem;
    }
    .fuwubox .main-title {
        font-size: .26rem;
    }
    .fuwubox {
        margin-bottom: .5rem;
    }
    .about01 {
        padding: .4rem 0 1rem 0;
    }
    .about01 .wrap {
        flex-wrap: wrap;
    }
    .about01 .profile-text {
        width: 100%;
    }
    .about01 .section-title {
        font-size: .4rem;
        margin-bottom: .2rem;
    }
    .about01 .profile-text p {
        margin-bottom: .2rem;
        font-size: .22rem;
    }
    .about01 .stats-grid {
        width: 100%;
    }
    .about01 .stat-card {
        padding: .3rem;
    }
    .about01 .card-icon {
        margin-bottom: .4rem;
    }
    .about01 .card-icon img {
        height: .5rem;
    }
    .about01 .card-value {
        font-size: .4rem;
    }
    .about01 .t1 {
        font-size: .24rem;
    }
    .about01 .card-label {
        font-size: .22rem;
    }
    .about01 .card-white-right,
    .about01 .card-white-bottom {
        transform: none
    }
    .about02 .section-title {
        font-size: .32rem;
        margin: .2rem 0;
    }
    /* swiper高度降低 */
    .about02 .swiper-container {
        height: 80px;
    }
    /* 大幅缩小slide左右padding，解决居中偏移 */
    .about02 .swiper-slide {
        padding: 0 30px !important;
    }
    /* 普通年份字号缩小 */
    .about02 .year-text {
        font-size: 22px;
    }
    /* 激活年份超大字号手机适配，不然超出屏幕 */
    .about02 .swiper-slide-active .year-text {
        font-size: 48px;
    }
    /* 左右箭头缩小，避免遮挡年份 */
    .about02 .swiper-button-next,
    .about02 .swiper-button-prev {
        width: 26px;
        height: 26px;
    }
    /* 箭头位置向内收，不挤压中间年份 */
    .about02 .swiper-button-prev {
        left: 5px;
    }
    .about02 .swiper-button-next {
        right: 5px;
    }
    /* 卡片适配手机 */
    .about02 .info-card {
        width: 92%;
        padding: 20px 15px;
        margin: 30px auto;
    }
    .about02 .card-decoration {
        display: none;
        /* 右侧装饰图手机隐藏，省空间 */
    }
    .about02 .card-year {
        display: block;
        width: 100%;
        font-size: 20px;
        margin-bottom: 8px;
    }
    .about02 .card-content {
        width: 100%;
        font-size: 15px;
    }
    .about02 .wrap {
        width: 100%;
    }
    .about03 {
        padding: .8rem 0;
    }
    .about03 .header h1 {
        font-size: .4rem;
        margin-bottom: .2rem;
    }
    .about03 .header p.subtitle {
        font-size: .2rem;
        margin-bottom: .2rem;
    }
    .about03 .header {
        flex-wrap: wrap;
        margin-bottom: .4rem;
    }
    .about03 .header-text {
        max-width: 100%;
    }
    .about03 .header p.description {
        font-size: .22rem;
    }
    .about03 .cta-button {
        font-size: .22rem;
        margin-top: .3rem;
    }
    .cert-section {
        margin: .6rem auto;
    }
    .cert-section .section-title {
        font-size: .4rem;
    }
    .cert-section .section-desc {
        font-size: .22rem;
        margin-top: .2rem;
    }
    .cert-section .cert-title {
        margin-top: .25rem;
        font-size: .22rem;
    }
    .contact-section .section-title {
        font-size: .4rem;
    }
    .contact-section .content-wrapper {
        flex-wrap: wrap;
    }
    .contact-section .info-column {
        padding: .4rem;
    }
    .contact-section .info-title {
        font-size: .3rem;
        margin-bottom: .4rem;
    }
    .contact-section .info-item {
        margin-bottom: .25rem;
        font-size: .22rem;
    }
    .contact-section .form-column {
        flex: 1;
        padding: .4rem;
    }
    .contact-section input[type="text"],
    .contact-section input[type="email"],
    .contact-section input[type="tel"],
    .contact-section select,
    .contact-section textarea {
        padding: .2rem;
        font-size: .2rem;
    }
    .contact-section .form-group {
        margin-bottom: .2rem;
    }
    .office-card {
        background-size: 100% auto;
        margin-top: .3rem;
    }
    .office-card .office-list {
        flex: 0 0 100%;
        padding: .5rem;
    }
    .project .card {
        width: 48%;
    }
    .project .card-content {
        padding: .2rem;
        font-size: .2rem;
    }
    .project .label {
        font-size: .22rem;
    }
    .project .intro-text {
        font-size: .2rem;
    }
    .project-xq .info-bar {
        padding: .2rem;
        margin-bottom: .4rem;
    }
    .project-xq h2.section-title {
        font-size: .26rem;
        margin-top: .4rem;
    }
    .project-xq p.content-text {
        font-size: .22rem;
        margin-bottom: .2rem;
    }
    .project-xq .btn {
        padding: .2rem;
        font-size: .26rem;
        min-width: 40%;
    }
    .project-xq .btn img {
        width: .5rem;
    }
    .related-section .related-header h3 {
        font-size: .4rem;
    }
    .related-section {
        padding: .5rem 0;
    }
    .related-section .related-header {
        margin-bottom: .4rem;
    }
    .related-section .project-grid {
        grid-template-columns: 1fr;
        gap: .2rem;
    }
    .related-section .project-card h4 {
        font-size: .26rem;
        padding: .2rem;
    }
    .news-xq .bt {
        padding: .2rem 0;
        border-bottom: 1px #bfbfc1 dashed;
        margin-bottom: .2rem;
    }
    .news-xq h1 {
        font-size: .3rem;
        margin-bottom: .3rem;
    }
    .news-xq .bt .sda {
        font-size: .24rem;
        margin-bottom: 0;
    }
    .news-xq .xq p {
        font-size: .24rem !important;
        line-height: .5rem !important;
    }
    .newspage .y {
        height: .7rem;
        line-height: .7rem;
    }
    .newspage .y .left {
        width: 1.1rem;
        height: .66rem;
        font-size: .24rem;
    }
    .newspage .y a {
        font-size: .22rem;
        margin: 0 .1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 56%;
        display: block;
        float: left;
    }
    .newspage {
        margin: .3rem 0;
    }
    .newspage .y span {
        font-size: .24rem;
    }
    .newslist .tabs-header {
        gap: .2rem;
        margin-bottom: .2rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    .newslist .tab-btn {
        padding: .1rem .2rem;
        font-size: .24rem;
    }
    .newslist .news-item {
        gap: .3rem;
        padding-bottom: .4rem;
    }
    .newslist .news-thumb {
        width: 1.6rem;
        height: 1.2rem;
    }
    .newslist .news-date,
    .newslist .news-action {
        display: none;
    }
    .newslist .news-title {
        font-size: .22rem;
        margin-bottom: .1rem;
    }
    .newslist .news-desc {
        font-size: .2rem;
        -webkit-line-clamp: 2;
    }
    .modal-content {
        padding: .2rem;
    }
    .comparison-placeholder {
        flex-wrap: wrap;
    }
    .comparison-placeholder .item {
        width: 46%;
        margin-bottom: .4rem;
    }
    .modal-content .title {
        font-size: .22rem;
        padding: .2rem 0;
    }
    .comparison-placeholder .box {
        padding: .2rem 0;
        margin-top: .3rem;
    }
}