/* =========================================================
   TABLET STYLE 641px - 1200px
   放在 mob.css 最后，用来覆盖 style.css / mob.css 前面的重复响应式
========================================================= */

@media screen and (min-width: 641px) and (max-width: 1200px) {

    /* ================= HERO ================= */

    .hero_section {
        height: 8rem;
        min-height: 8rem;
    }

    .header {
        top: .12rem;
        height: .52rem;
        padding: 0 .62rem;
    }

/* 第一屏 */
.case-layout.layout-1{
    padding-left: 0;
    padding-right: 0;
    gap: 59px;
}

/* 第二屏 */
.case-layout.layout-2{
    padding-left: 0;
    padding-right: 0;
    gap: 59px;
}

/* 第三屏 */
.case-layout.layout-3{
    padding-left: 0;
    padding-right: 0;
    gap: 59px;
}

/* 第四屏 */
.case-layout.layout-4{
    padding-left: 0;
    padding-right: 0;
    gap: 59px;
}
.case-card.scorpion .learn-btn:hover{
	left: .16rem;
        bottom: 0.53rem;
        width: 1.45rem;
        height: .31rem;
        font-family: 'Satoshi-light';
        font-weight: 400;
        font-size: .15rem;
        line-height: 100%;
        letter-spacing: 0%;
}
p.asds {
    margin-bottom: .16rem;
}
    .head_logo {
        width: .9rem;
    }
.partner_info.info_fenix .brand_body p{
    width: 100%;
}
    .menu_btn {
        width: .22rem;
        height: .18rem;
        gap: .025rem;
    }

    .menu_btn span {
        width: .22rem;
        height: .018rem;
    }

    .hero_content {
        top: 2.5rem;
        padding: 0 .5rem;
    }
	
	

    .hero_content h1 {
        gap: .035rem;
        font-family: 'ClashDisplay';
        font-weight: 700;
        font-size: .8rem;
        line-height: .7rem;
        letter-spacing: 4%;
        text-align: center;
    }

    .hero_content h1 i {
        width: .33rem;
        margin: 0 -.01rem;
        display: flex;
    }

    .line_text::after,
    .line_text2::after {
        height: .025rem;
        bottom: -.05rem;
    }

    .hero_desc {
        margin-top: 1.62rem;
        font-family: Satoshi;
        font-weight: 500;
        font-size: .22rem;
        line-height: .23rem;
        letter-spacing: 0%;
    }
.ghf {
    width: 7.89rem;
}
    .touch_btn {
        margin-top: .46rem;
        height: .4rem;
        width: 2.25rem;
        padding: .045rem .32rem;
        border-radius: .6rem;
    }

    .touch_btn span {
        font-weight: 500;
        font-size: .23rem;
        line-height: 100%;
        letter-spacing: 0%;
        font-family: 'Satoshi-Medium';
    }

    .to_top {
        /* display: none; */
    }


    /* ================= PARTNERS ================= */
    /* 平板端这块和 PC 不一样：图片在上，文字在下 */

    .partners_section {
        height: auto;
        min-height: auto;
        padding: .45rem .55rem .52rem;
        background: #e9e9e9;
    }

    .partners_inner {
        width: 100%;
        height: auto;
    }

    .partners_main_title {
        margin-bottom: .4rem;
        font-family: Inter;
        font-weight: 700;
        font-size: .52rem;
        line-height: 130%;
        letter-spacing: 0;
        text-align: center;
        text-transform: capitalize;
    }

    .partners_content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .partners_visual {
        order: 1;
        width: 100%;
        min-height: auto;
        overflow: visible;
    }

    .partners_cards {
        width: 100%;
        min-height: 4.15rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: .22rem;
        overflow: visible;
    }

    .partner_card {
        flex: 0 0 28%;
        width: 30%;
        height: auto;
        margin-top: .48rem;
        border-radius: .12rem;
        box-shadow: 0 .08rem .14rem rgba(0, 0, 0, .25);
        border-radius: .18rem;
    }

    .partner_card.is_active {
        flex: 0 0 37%;
        width: 3.08rem;
        height: auto;
        margin-top: 0;
        border-radius: .18rem;
    }

    .partner_card:nth-child(2),
    .partner_card:nth-child(3) {
        margin-top: .48rem;
        border-radius: .18rem;
    }

    .partner_card_logo {
        left: .1rem;
        top: .1rem;
        width: .64rem;
        max-height: .42rem;
    }

    .partner_card.is_active .partner_card_logo {
        width: 1.45rem;
        max-height: .58rem;
    }

    .partner_card_logo.logo_holkirk {
        width: 1.05rem;
    }

    .partner_card.is_active .partner_card_logo.logo_holkirk {
        width: inherit;
    }

    .partner_card_logo.logo_kns {
        width: .48rem;
    }

    .partner_card.is_active .partner_card_logo.logo_kns {
        width: .82rem;
    }

    .partner_card_logo.logo_irt {
        width: .58rem;
    }

    .partner_card.is_active .partner_card_logo.logo_irt {
        width: .92rem;
    }

    .partner_product_img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: .55rem .12rem .16rem;
    }

    .partner_card.is_active .partner_product_img {
        padding: .66rem .14rem .18rem;
    }




    .partners_control {
           width: 6.8rem;
           margin: .8rem auto .34rem;
           left: 0;
           display: grid;
           grid-template-columns: 4.9rem .32rem .9rem;
           grid-template-rows: .58rem .46rem;
           justify-content: center;
           align-items: center;
           row-gap: .24rem;
       }
   
       .partner_prev,
       .partner_next {
           grid-column: 1 / 4;
           grid-row: 1;
           margin: 0;
           transform: none !important;
       }
   
       .partner_prev {
           justify-self: center;
           margin-right: .9rem;
       }
   
       .partner_next {
           justify-self: center;
           margin-left: .9rem;
       }
   
       .partner_progress {
           grid-column: 1;
           grid-row: 2;
           width: 5.6rem;
           height: .03rem;
           margin: 0;
           justify-self: end;
       }
   
       .partner_progress span {
           height: .05rem;
           top: -.01rem;
       }
   
       /* 中间空隙由第2列 .32rem 控制 */
   
       .partner_num {
           grid-column: 3;
           grid-row: 2;
           width: .9rem;
           min-width: .9rem;
           font-size: .46rem;
           line-height: .46rem;
           margin: 0;
           text-align: left;
           justify-self: start;
       }


    .partner_arrow {
        /* width: .46rem; */
        /* height: .46rem; */
        /* border: .02rem solid #0617df; */
    }

    .partner_arrow::before {
        width: .11rem;
        height: .11rem;
        border-top: .018rem solid rgb(6 23 223);
        border-right: .018rem solid rgb(6 23 223);
    }
    .partners_text {
        order: 2;
        width: 100%;
        max-width: 100%;
        min-height: auto;
        padding-top: 0;
        margin: 0;
    }

    .partner_info .brand_title,
    .partner_info.info_holkirk .brand_title,
    .partner_info.info_kns .brand_title,
    .partner_info.info_irt .brand_title,
    .partner_info.info_fenix .brand_title,
    .partner_info.info_sonix .brand_title {
        margin-bottom: .22rem;
        font-family: 'Satoshi-Black';
        font-weight: 900;
        font-size: .5rem;
        line-height: .46rem;
        letter-spacing: 0%;
    }

    .partner_info .brand_headline,
    .partner_info.info_holkirk .brand_headline,
    .partner_info.info_kns .brand_headline,
    .partner_info.info_irt .brand_headline,
    .partner_info.info_fenix .brand_headline,
    .partner_info.info_sonix .brand_headline {
        margin-bottom: .3rem;
        font-family: 'Satoshi-Black';
        font-weight: 900;
        font-size: .28rem;
        line-height: .32rem;
        letter-spacing: 0%;
    }

    .partner_info .brand_body
	{
	    color: #171717;
	    font-family: 'Satoshi-Regular';
	    font-weight: 400;
	    font-size: .26rem;
	    line-height: .28rem;
	    letter-spacing: 0%;
	}
	
    .partner_info.info_holkirk .brand_body
	{
	    color: #171717;
	    font-family: 'Satoshi-Regular';
	    font-weight: 400;
	    font-size: .26rem;
	    line-height: .28rem;
	    letter-spacing: 0%;
	}
	
    .partner_info.info_kns .brand_body
	{
	    color: #171717;
	    font-family: 'Satoshi-Regular';
	    font-weight: 400;
	    font-size: .23rem;
	    line-height: .28rem;
	    letter-spacing: 0%;
	    width: 100%;
	}
	
	.partner_info.info_kns .brand_body strong
	{
	   font-family: 'Satoshi-Bold';
	   font-weight: 700;
	   font-size: .22rem;
	   line-height: .26rem;
	   letter-spacing: -1%;
	}
	
    .partner_info.info_irt .brand_body
	{
	    color: #171717;
	    font-family: 'Satoshi-Regular';
	    font-weight: 400;
	    font-size: .2rem;
	    line-height: .28rem;
	    letter-spacing: 0%;
	}
	
	.partner_info.info_irt .brand_body strong
	{
	    color: #171717;
	    font-family: 'Satoshi-Bold';
	    font-weight: 400;
	    font-size: .22rem;
	    line-height: .28rem;
	    letter-spacing: 0%;
	}
	
    .partner_info.info_fenix .brand_body
	{
	    color: #171717;
	    font-family: 'Satoshi-Regular';
	    font-weight: 400;
	    font-size: .2rem;
	    line-height: .28rem;
	    letter-spacing: 0%;
	}
	.partner_info.info_fenix .brand_body strong
	{
	    color: #171717;
	    font-family: 'Satoshi-Bold';
	    font-weight: 400;
	    font-size: .22rem;
	    line-height: .28rem;
	    letter-spacing: 0%;
	}
    .partner_info.info_sonix .brand_body {
        color: #171717;
        font-family: 'Satoshi-Regular';
        font-weight: 400;
        font-size: .2rem;
        line-height: .28rem;
        letter-spacing: 0%;
    }
	.partner_info.info_sonix .brand_body strong {
	    color: #171717;
	    font-family: 'Satoshi-Bold';
	    font-weight: 400;
	    font-size: .22rem;
	    line-height: .28rem;
	    letter-spacing: 0%;
	}
	

    .partner_info .brand_body p {
        margin-bottom: .3rem;
    }

    .partner_info strong {
        font-size: inherit;
        font-family: 'Satoshi-Black';
        font-weight: 700;
        font-size: .26rem;
        line-height: .28rem;
        letter-spacing: 0%;
    }


    /* ================= ABOUT ================= */

    .about_intro_section {
        min-height: 8.7rem;
        background-attachment: scroll;
    }

    .about_intro_inner {
        width: 100%;
        min-height: 8.7rem;
        padding: .8rem .8rem 1.36rem;
    }

    .about_line_layer {
        background-size: 100% 100%;
        background-position: center;
        opacity: .82;
    }

    .about_card {
        border-radius: .12rem;
        padding: .4rem .52rem;
        height: auto;
    }


	.about_card.about_card_01 P {
	    font-family: 'Satoshi-Medium';
	    font-weight: 500;
	    font-size: .26rem;
	    line-height: .3rem;
	    letter-spacing: -1%;
	    text-align: justify;
	}
	.about_card.about_card_01 P {
	    font-family: 'Satoshi-Medium';
	    font-weight: 500;
	    font-size: .26rem;
	    line-height: .3rem;
	    letter-spacing: -1%;
	    text-align: justify;
	}
	
	
	
	.about_card.about_card_01 em {
	    font-family: Satoshi-BoldItalic;
	    font-weight: 700;
	    font-size: .26rem;
	    line-height: .3rem;
	    letter-spacing: -1%;
	    text-align: justify;
	}
	
	.about_card.about_card_02 p {
	    font-family: 'Satoshi-Regular';
	    font-weight: 400;
	    font-size: .26rem;
	    line-height: .3rem;
	    letter-spacing: -2%;
	    text-align: justify;
	}
	.about_card.about_card_02 em {
	  font-family: Satoshi-MediumItalic;
	  font-weight: 500;
	
	  font-size: .26rem;
	  leading-trim: NONE;
	  line-height: .3rem;
	  letter-spacing: -2%;
	  text-align: justify;

	}
	
	.about_card.about_card_03 p {
	    font-family: 'Satoshi-Regular';
	    font-weight: 400;
	    font-size: .26rem;
	    line-height: .3rem;
	    letter-spacing: 0;
	    text-align: justify;
	}
	
	.about_card.about_card_03 em {
	    font-family: 'Satoshi-MediumItalic';
	    font-weight: 500;
	    font-size: .26rem;
	    line-height: .3rem;
	    letter-spacing: -2%;
	    text-align: justify;
	}
	
	.about_card.about_card_04 p {
	    font-family: 'Satoshi-Medium';
	    font-weight: 500;
	    font-size: .26rem;
	    line-height: .3rem;
	    letter-spacing: -3%;
	    text-align: justify;
	}
	
	.about_card.about_card_04 em {
	    font-family: 'Satoshi-BoldItalic';
	    font-weight: 700;
	    font-size: .26rem;
	    line-height: .3rem;
	    letter-spacing: -3%;
	    text-align: justify;
	}

    .about_card_01 {
        width: 100%;
        margin: 0 0 1.2rem 0;
    }

    .about_card_02 {
        width: 8.31rem;
        margin: 0 0 1.2rem auto;
    }

    .about_card_03 {
        width: 8.31rem;
        margin: 0 auto 1.2rem 0;
    }

    .about_card_04 {
        width: 100%;
        margin: 0 0 1.06rem 0;
    }

    .about_intro_title h2 {
        font-family: 'Satoshi-Bold';
        font-weight: 700;
        font-size: .52rem;
        line-height: .73rem;
        letter-spacing: 0%;
        text-align: center;
    }

    .about_intro_title p {
        font-family: 'Satoshi-MediumItalic';
        font-weight: 500;
        font-size: .52rem;
        line-height: .73rem;
        letter-spacing: 0%;
        text-align: center;
    }


    /* ================= CASE ================= */

    .case-section {
        padding: .5rem .55rem .42rem;
    }

    .case-title {
        width: 100%;
        text-align: center;
        margin: 0 auto .34rem;
        font-family: Inter;
        font-weight: 900;
        font-size: .3rem;
        line-height: .26rem;
        letter-spacing: 0px;
        text-transform: uppercase;
    }

    .case-stage {
        width: 100%;
        min-height: auto;
    }

    .case-layout {
        min-height: auto;
    }

    .case-layout.active {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .25rem;
    }

    .case-card.scorpion,
    .case-card.large {
        width: 50%;
        height: 3.6rem;
    }

    .case-card.small {
        width: 20%;
        height: 3rem;
    }

    .layout-3 .case-card.medium,
    .layout-4 .case-card.medium {
        width: 40%;
        height: 3.2rem;
    }

    .case-card.scorpion .case-text {
        width: 42%;
        padding: 17% .21rem .53rem .16rem;
    }

    .case-card.scorpion .case-text h3 {
        font-family: 'Satoshi-Black';
        font-weight: 900;
        font-size: .22rem;
        line-height: .22rem;
        letter-spacing: 0%;
    }

    .case-card.scorpion .case-text p {
        font-family: 'Satoshi-Regular';
        font-weight: 400;
        font-size: .22rem;
        line-height: .22rem;
        letter-spacing: 0%;
    }

    .case-card.scorpion .learn-btn {
        left: .16rem;
        bottom: 0.53rem;
        width: 1.45rem;
        height: .31rem;
        font-family: 'Satoshi-light';
        font-weight: 400;
        font-size: .15rem;
        line-height: 100%;
        letter-spacing: 0%;
    }

    .case-info {
        padding: .12rem .15rem;
    }

    .case-card.large .case-info h3,
    .case-info h3 {
        font-size: .16rem;
        line-height: .18rem;
    }

    .case-card.large .case-info p,
    .case-info p {
        font-size: .14rem;
        line-height: .17rem;
    }

    .case-card.small .case-info {
        padding: .1rem .12rem;
    }

    .case-card.small .case-info h3 {
        font-family: 'Satoshi-Medium';
        font-weight: 500;
        font-size: .15rem;
        line-height: .225rem;
        letter-spacing: 0%;
    }

    .case-card.text-left .case-info {
        width: 48%;
        padding: 17% .21rem .53rem .16rem;
    }

    .case-card.text-left .case-info h3 {
        font-family: 'Satoshi-Black';
        font-weight: 900;
        font-size: .21rem;
        line-height: .22rem;
        letter-spacing: 0%;
        margin-bottom: .08rem;
    }

    .case-card.text-left .case-info p {
        font-family: 'Satoshi-Regular';
        font-weight: 400;
        font-size: 0.2rem;
        line-height: .22rem;
        letter-spacing: 0%;
    }

    .case-card.text-left .learn-btn {
        left: .16rem;
        bottom: 0.43rem;
        width: 1.45rem;
        height: .31rem;
        font-family: 'Satoshi-light';
        font-weight: 400;
        font-size: .15rem;
        line-height: 100%;
        letter-spacing: 0%;
        position: absolute;
    }

	.case-card.text-left .learn-btn:hover{
	left: .16rem;
        bottom: 0.43rem;
        width: 1.45rem;
        height: .31rem;
        font-family: 'Satoshi-light';
        font-weight: 400;
        font-size: .15rem;
        line-height: 100%;
        letter-spacing: 0%;
        position: absolute;
}

    .case-control {
        width: 5.1rem;
        margin: .56rem 1rem  0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
    }

    .case-arrow {
        width: .43rem;
        height: .43rem;
    }

    .case-arrow::before {
        width: .1rem;
        height: .1rem;
    }

    .case-prev {
        margin-right: .48rem;
    }

    .case-next {
        margin-right: .36rem;
    }

    .case-progress {
        width: 2.95rem;
        height: .025rem;
        margin-right: .24rem;
    }

    .case-progress span {
        height: .025rem;
    }

    .case-num {
        font-size: .42rem;
        line-height: .46rem;
    }


    /* ================= GET IN TOUCH ================= */

    .get-in-touch {
        padding: .55rem .55rem .44rem;
    }

    .get-in-touch .container {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .header-content {
        margin-bottom: .5rem;
    }

    .header-content h1 {
        margin-bottom: .5rem;
        font-family: 'Satoshi-Black';
        font-weight: 900;
        font-size: .52rem;
        line-height: 100%;
        letter-spacing: 5%;
        text-align: center;
    }

    .header-content .highlight {
        margin-bottom: .33rem;
        font-family: 'Satoshi-Bold';
        font-weight: 700;
        font-size: .4rem;
        line-height: .45rem;
        letter-spacing: 0%;
        text-align: center;
        text-transform: uppercase;
    }

    .header-content p.as1,
    .header-content p.as {
        width: 100%;
        font-family: 'Satoshi-Medium';
        font-weight: 500;
        font-size: .26rem;
        line-height: .3rem;
        letter-spacing: 0%;
    }

    .contact-grid {
        display: grid;
        grid-template-columns: 1fr 1.8fr;
        gap: .24rem;
        align-items: stretch;
    }

    .contact-card {
        min-height: 2.35rem;
        border-radius: .3rem;
        padding: .38rem .2rem .24rem;
    }

    .info-card .top-bar {
        width: 1.76rem;
    }

    .form-card .top-bar {
        /* width: 1.7rem; */
    }

    .top-bar {
        height: .099rem;
    }



    
    .info-item3 h3 {
        margin-bottom: .18rem;
        font-family: 'Satoshi-Black';
        font-size: .24rem;
        font-weight: 900;
        line-height: .26rem;
        letter-spacing: 5%;
    }

	
	.info-item h3 {
	    margin-bottom: .06rem;
	    font-family: 'Satoshi-Black';
	    font-weight: 900;
	    font-size: .24rem;
	    line-height: .2rem;
	    letter-spacing: 5%;
	    text-transform: uppercase;
	    display: none;
	}
	
	
	.info-item2 h3 {
	    margin-bottom: .18rem;
	    font-family: 'Satoshi-Black';
	    font-weight: 900;
	    font-size: .24rem;
	    line-height: .2rem;
	    letter-spacing: 5%;
	    text-transform: uppercase;
	}
	

   .contact-card.info-card {
       padding: .76rem .34rem;
   }
   
   .contact-card.form-card {
       padding: .34rem .75rem .4rem .75rem;
   }
    .info-item3 p {
        font-family: 'Satoshi-Bold';
        font-weight: 700;
        font-size: .18rem;
        text-transform: capitalize;
        letter-spacing: 0%;
    }
	
	.info-item2 p {
	    font-family: 'Satoshi-Bold';
	    font-weight: 500;
	    font-size: .18rem;
	    line-height: .2rem;
	    letter-spacing: 5%;
	    text-transform: uppercase;
	}
	
	.info-item p {
	    font-family: 'Satoshi-Bold';
	    font-weight: 700;
	    font-size: .18rem;
	    line-height: .3rem;
	    letter-spacing: 0%;
	    text-transform: capitalize;
	}

    .form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .22rem .28rem;
        margin-bottom: .47rem;
    }

    .form-group label {
        margin-bottom: .1rem;
        font-family: Satoshi-Light;
        font-weight: 300;
        font-size: .18rem;
        line-height: .14rem;
        letter-spacing: 0%;
    }

    .form-group input {
        font-family: 'Satoshi-Light';
        font-weight: 300;
        font-size: .18rem;
        line-height: .14rem;
        letter-spacing: 0%;
    }

    .full-width {
        margin-top: .05rem;
    }

    .submit-container {
        margin-top: .47rem;
    }

    .send-btn {
        width: 2.33rem;
        height: .5rem;
        font-family: 'Satoshi-Regular';
        font-weight: 400;
        font-size: .24rem;
        line-height: 100%;
        letter-spacing: 0%;
    }

	


    /* ================= FOOTER ================= */

    .contact-footer {
        height: .9rem;
    }

    .footer-content {
        max-width: 100%;
        height: 100%;
        padding: 0 .55rem .16rem;
        align-items: flex-end;
    }

    .company-name {
        font-family: 'Satoshi-Black';
        font-weight: 900;
        font-size: .16rem;
        line-height: .33rem;
        letter-spacing: 0%;
        text-transform: uppercase;
    }

    .footer-logo {
        width: 1.12rem;
    }
	
	.partner_info .brand_title span {
	    display: inline-block;
	}
	.brand_headline p {
	    display: inline-block;
	}
	.partner_info .brand_body p:last-child {
	    margin-bottom: 0;
	}
	
	.header-content p.as {
	    margin-top: .14rem;
	}
	.form-card .top-bar {
	    width: 3.23rem;
	}
	
	.to_top {
	    width: .4rem;
	    height: .4rem;
	}
	
	.ghf2 {
	    width: 5.04rem;
	    text-align: left;
	    margin: 0 auto;
	}
}




/* =========================================================
   MOBILE STYLE
   max-width: 640px
   手机端单独样式
========================================================= */

.m-partners-section,
.m-case-section {
    display: none;
}

@media screen and (max-width: 640px) {

		/* ================= HERO ================= */

		.hero_section {
			height: 6.81rem;
			min-height: 6.81rem;
		}

		.header {
			top: .12rem;
			height: .42rem;
			padding: 0 .28rem;
		}

		.head_logo {
			width: .6rem;
		}

		.menu_btn {
			width: .21rem;
			height: .15rem;
			gap: .026rem;
		}

		.menu_btn span {
			width: .21rem;
			height: 0.017rem;
		}

		.hero_content {
			top: 1.24rem;
			padding: 0 .22rem;
		}
		
		
		
		
.hero_content h1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-family: ClashDisplay;
    font-weight: 700;
    font-size: .34rem;
    line-height: .51rem;
    letter-spacing: 4%;
    text-align: center;
    gap: 0.06rem;
}

/* 第一行：WHSP */
.hero_content h1 span:first-child {
    order: 1;
}

/* 第一行：箭头 */
.hero_content h1 i {
    order: 2;
    width: .14rem;
    /* margin-left: .06rem; */
    display: grid;
}

/* 关键：在箭头后面强制换行 */
.hero_content h1::after {
    content: "";
    order: 3;
    flex-basis: 100%;
    height: 0;
}

/* 第二行：WHITE SPACE */
.hero_content h1 .line_text2 {
    order: 4;
    display: inline-block;
    /* margin-top: .12rem; */
}

.hero_content h1 .line_text {
    order: 5;
    display: inline-block;
    /* margin-top: .12rem; */
    margin-left: .08rem;
}

/* 下划线 */
.line_text2::after
{
    height: .01rem;
    bottom: .09rem;
    width: .61rem;
    left: 1%;
}

.line_text::after {
    height: .011rem;
    bottom: .09rem;
    width: .4rem;
}

		.hero_desc {
			  margin-top: 2.08rem;
			  font-family: 'Satoshi-Medium';
			  font-weight: 500;
			  font-size: .12rem;
			  line-height: .16rem;
			  letter-spacing: 0%;
			  text-align: center;
			 }

		.touch_btn {
			width: 1.79rem;
			min-width: .94rem;
			height: .37rem;
			margin-top: .4rem;
			padding: 0.06rem .26rem;
			border-radius: .64rem;
			background: linear-gradient(90deg, #9A9EBC 0%, #8385A1 25%, #999CBA 100%);
		}

		.touch_btn span {
			font-family: 'Satoshi-Medium';
			font-weight: 500;
			font-size: .18rem;
			line-height: 100%;
			letter-spacing: 0%;
		}

		.to_top {
			/* display: none; */
			position: fixed;
			right: .17rem;
			bottom: 1.7rem;
			z-index: 9;
			width: .4rem;
			height: .4rem;
			padding: 0;
			border: none;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			overflow: hidden;
			isolation: isolate;
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			transform: translateY(.2rem);
			background: radial-gradient(50% 50% at 50% 50%, rgba(2, 59, 254, 0.33) 0%, rgba(86, 106, 255, 0.2112) 36.1%, rgba(2, 59, 254, 0.33) 100%);
			box-shadow: 0 .04rem .08rem 0 #5E538E33 inset, 0 -.04rem .08rem 0 #5E538E33 inset;
			transition: opacity .3s ease-out, visibility .3s ease-out, transform .3s ease-out, background .3s ease-out, box-shadow .3s ease-out;
		}


		/* ================= MOBILE 独立产品 / 案例 ================= */

		.partners_section,
		.case-section {
			display: none !important;
		}

		.m-partners-section,
		.m-case-section {
			display: block;
		}

		.m-partners-section {
			background: #e9e9e9;
			padding: .3rem .18rem .32rem;
		}

		.m-section-title {
			font-family: inter-bold;
			text-align: center;
			color: #171717;
			margin-bottom: .26rem;
			font-weight: 700;
			font-size: .3rem;
			line-height: 130%;
			letter-spacing: 0px;
			text-transform: capitalize;
		}

		.m-product-card {
			background: #fff;
			border-radius: .12rem;
			box-shadow: 0 .06rem .12rem rgba(0,0,0,.22);
			overflow: hidden;
			margin-bottom: .26rem;
		}

		.m-product-card:last-child {
			margin-bottom: 0;
		}

		.m-product-logo {
			/* padding: .08rem .12rem 0; */
			width: 1.55rem;
			height: 100%;
			margin-left: .07rem;
			margin-top: .02rem;
		}

		.m-product-logo img {
			display: block;
			width: auto;
			max-height: .48rem;
		}

		.m-product-logo.holkirk img {
			width: 1.55rem;
			height: .37rem;
		}

		.m-product-logo.kns img {
			width: .76rem;
			max-height: .71rem;
		}

		.m-product-logo.irt img {
			width: .8rem;
			max-height: .75rem;
		}

		.m-product-logo.fenix img {
			width: 1.3rem;
			max-height: .49rem;
		}

		.m-product-logo.sonix img {
			width: 1.35rem;
			max-height: .51rem;
		}

		.m-product-img {
			height: 2.62rem;
			display: flex;
			align-items: center;
			justify-content: center;
			/* padding: .08rem; */
			margin-top: .14rem;
		}

		.m-product-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.m-product-text {
			padding: .3rem .16rem .24rem;
			color: #171717;
		}

		.m-product-text h3 {
			font-family: Satoshi-Black;
			margin-bottom: .1rem;
			font-weight: 900;
			font-size: .24rem;
			line-height: .3rem;
			letter-spacing: 0%;
		}

		.m-product-text em {
			display: block;
			font-family: 'Satoshi-BoldItalic';
			font-size: .14rem;
			line-height: .16rem;
			color: #666;
			margin-bottom: .12rem;
		}

		.m-product-text h4 {
			font-family: Satoshi-Black;
			margin-bottom: .12rem;
			font-weight: 900;
			font-size: .16rem;
			line-height: .22rem;
			letter-spacing: 0%;
		}

		.m-product-text p {
			font-family: 'Satoshi-Regular';
			margin-bottom: .08rem;
			font-weight: 400;
			font-size: .14rem;
			line-height: .18rem;
			letter-spacing: 0%;
		}

		.m-product-text p:last-child {
			margin-bottom: 0;
		}

		.m-product-text strong {
			font-family: 'Satoshi-bold';
			font-weight: 300;
			font-size: .14rem;
			line-height: .18rem;
			letter-spacing: 0%;
		}


		/* ================= ABOUT ================= */

		.about_intro_section {
			min-height: auto;
		}

		.about_intro_inner {
			min-height: auto;
			padding: .3rem .25rem .42rem;
			width: 100%;
		}

		.about_line_layer {
			background-size: 100% 100%;
			background-position: center;
			opacity: .75;
		}

		.about_card {
			width: 100%;
			height: auto;
			margin: 0 0 .5rem 0;
			padding: .14rem .16rem;
			border-radius: .1rem;
			border: .0031rem solid #566AFFE5;
		}

		.about_card p,
		.about_card em {
			font-size: .095rem;
			line-height: .135rem;
		}

		.about_card_02,
		.about_card_03 {
			width: 88%;
		}

		.about_card_02 {
			margin-left: auto;
		}

		.about_card_03 {
			margin-right: auto;
		}

		.about_intro_title h2
		 {
		font-family:Satoshi-Bold;
		font-weight: 700;
		font-size: .18rem;
		line-height: .22rem;
		letter-spacing: 0%;
		text-align: center;
		margin-bottom: .1rem;
		}
		
		.about_intro_title p {
		
			
			font-family: Satoshi-MediumItalic;
			font-weight: 500;
		
			font-size: .16rem;
	
			line-height: .23rem;
			letter-spacing: 0%;
			text-align: center;

		}


		/* ================= MOBILE CASE 独立案例 ================= */

		.m-case-section {
			background: #e9e9e9;
			padding: .22rem .16rem .41rem;
		}

		.m-case-title {
			font-family: Satoshi-Black;
			color: #171717;
			margin-bottom: .18rem;
			font-weight: 700;
			font-size: .2rem;
			line-height: 130%;
			letter-spacing: 0px;
			text-align: center;
			text-transform: capitalize;
		}

		.m-case-card {
			position: relative;
			width: 100%;
			height: 2.29rem;
			border-radius: .08rem;
			overflow: hidden;
			margin-bottom: .16rem;
			box-shadow: 0 .05rem .1rem rgba(0,0,0,.22);
			background: #fff;
		}

		.m-case-card:last-child {
			margin-bottom: 0;
		}

		.m-case-card img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: bottom;
		}

		.m-case-info {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			min-height: .54rem;
			padding: .1rem .03rem .1rem .15rem;
			color: #fff;
			/* background: linear-gradient(90deg, rgba(38,38,38,.9), rgba(74,88,70,.78)); */
		
		}
		
		/* 图1：偏蓝灰 */
		.m-case-card.case-1 .m-case-info {
		    background: linear-gradient(90deg, rgb(125 124 124), rgb(123 122 122));
		    position: relative; /* 去掉 absolute */
		    padding: 10px 20px;
		    min-height: .65rem;
		}
		
		/* 图2：偏绿军色 */
		.m-case-card.case-2 .m-case-info {
		    background: linear-gradient(90deg, rgb(89 98 142), rgb(96 105 150));
		}
		
		/* 图3：偏自然绿 */
		.m-case-card.case-3 .m-case-info {
		    background: linear-gradient(90deg, rgb(78 72 62) 0%, rgb(108 95 83) 62%, rgb(82 75 66) 100%);
		}
		
		/* 图4：偏工业灰 */
		.m-case-card.case-4 .m-case-info {
		    background: linear-gradient(90deg, rgb(72 64 56) 0%, rgb(57 85 60) 62%, rgb(92 90 78) 100%);
		}

		.m-case-info h3 {
			font-family: Satoshi-Black;
			font-weight: 900;
			font-size: .1rem;
			line-height: .142rem;
			letter-spacing: 0%;
		}

		.m-case-info p {
			font-family: Satoshi-Regular;
			font-weight: 400;
			font-size: .1rem;
			line-height: .142rem;
			letter-spacing: 0%;
		}

		.m-case-info.has-btn {
			display: flex;
			align-items: center;
			justify-content: space-between;
			/* gap: 1.4rem; */
			padding: .1rem .14rem;
		}

		.m-case-info.has-btn > div {
			/* flex: 1; */
			min-width: 0;
			width: 50%;
		}

		.m-case-info a {
			width: 1rem;
			height: .2rem;
			border-radius: .2rem;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			background: linear-gradient(90deg, #023BFE 0%, #808EF7 50%, #023BFE 100%);
			box-shadow: 0 .03rem .08rem rgba(0,0,0,.28);
			font-family: 'Satoshi-Regular';
			font-weight: 400;
			font-size: .1rem;
			line-height: 100%;
			letter-spacing: 0%;
			padding: .035rem .21rem;
		}


		/* ================= CONTACT ================= */

		.get-in-touch {
			padding: .53rem .16rem .46rem;
		}

		.get-in-touch .container {
			width: 100%;
			max-width: 100%;
			padding: 0;
		}

		.header-content {
			margin-bottom: .28rem;
		}

		.header-content h1 {
			margin-bottom: .2rem;
			font-family: 'inter-bold';
			font-weight: 700;
			font-size: .2rem;
			line-height: 130%;
			letter-spacing: 0;
			text-align: center;
			text-transform: capitalize;
		}

		.header-content .highlight {
			margin-bottom: .08rem;
			font-family: Satoshi-Bold;
			font-weight: 700;
			font-size: .16rem;
			line-height: .14rem;
			letter-spacing: 0%;
			text-transform: uppercase;
		}

		.header-content p.as1,
		.header-content p.as {
			width: 100%;
			font-family: 'Satoshi-Medium';
			font-weight: 500;
			font-size: .14rem;
			line-height: .18rem;
			letter-spacing: 0;
			margin-top: .08rem;
			margin-bottom: .1rem;
		}

		.contact-grid {
			display: grid;
			grid-template-columns: 1fr;
			gap: .26rem;
		}

		.contact-card {
			width: 100%;
			min-height: auto;
			border-radius: .1rem;
			padding: .4rem .26rem .28rem;
			border: .01rem  solid #FFFFFF1A;
		}

		.info-card .top-bar,
		.form-card .top-bar {
			width: 1rem;
			height: .03rem;
		}

		.info-item,
		.info-item2,
		.info-item3 {
			margin-bottom: .22rem;
		}

	
		
		.info-item2 h3 {
			margin-bottom: .1rem;
			font-family: 'Satoshi-Black';
			font-weight: 900;
			font-size: .24rem;
			line-height: .26rem;
		}
		
		.info-item3 h3 {
			margin-bottom: .18rem;
			font-family: 'Satoshi-Black';
			font-weight: 900;
			font-size: .24rem;
			line-height: .26rem;
		}

		.info-item p
	 {
			font-family: Satoshi-Bold;
			font-weight: 700;
			font-size: .16rem;
			line-height: .24rem;
			letter-spacing: 0;
			text-transform: capitalize;
		}
		.info-item2 p {
			font-family: Satoshi-Bold;
			text-transform: capitalize;
		
			font-weight: 700;
			font-size: .14rem;
			line-height: .14rem;
			letter-spacing: 0;
		}
		.info-item3 p {
			font-family: Satoshi-Bold;
			text-transform: capitalize;
			
			font-weight: 700;
			font-size: .14rem;
			line-height: 1.8;
			letter-spacing: 0;
		}
		
		.info-item2 {
		    margin: .61rem 0;
		}

		.form-row {
			grid-template-columns: 1fr;
			gap: .18rem;
			margin-bottom: 0;
		}

		.form-group label,
		.form-group input {
			font-family: Satoshi-Light;
			font-weight: 300;
			font-size: .18rem;
			line-height: .14rem;
			letter-spacing: 0;
		}

		.submit-container {
			margin-top: .4rem;
		}

		.send-btn {
			width: 1.45rem;
			height: .31rem;
			font-family: 'Satoshi-Regular';
			font-weight: 400;
			font-size: .14rem;
			line-height: 100%;
			letter-spacing: 0;
		}
			.send-btn:hover {
			width: 1.45rem;
			height: .31rem;
			font-family: 'Satoshi-Regular';
			font-weight: 400;
			font-size: .14rem;
			line-height: 100%;
			letter-spacing: 0;
		}


		/* ================= FOOTER ================= */

		   .contact-footer {
		        height: auto;
		        min-height: .82rem;
		        display: flex;
		        align-items: center;
		        justify-content: center;
		    }
		
		    .footer-content {
		        width: 100%;
		        height: auto;
		        padding: .25rem .33rem;
		        display: flex;
		        flex-direction: column-reverse; /* logo 在上，因为 HTML 里 logo 在后 */
		        align-items: center;
		        justify-content: center;
		        text-align: center;
		        gap: .12rem;
		    }
		
		    .footer-logo {
		        display: block;
		        width: .6rem;
		        height: auto;
		        margin: 0;
		    }
		
		    .company-name {
		        display: block;
		        color: #fff;
		        margin: 0;
		        white-space: nowrap;
		        font-family: 'Satoshi-Black';
		        font-weight: 900;
		        font-size: .12rem;
		        line-height: .12rem;
		        letter-spacing: 0;
		        text-transform: uppercase;
		    }
		
		
		.about_card.about_card_01 p {
		    font-family: 'Satoshi-Medium';
		    font-weight: 500;
		    font-size: .14rem;
		    line-height: .18rem;
		    letter-spacing: -1%;
		    text-align: justify;
		}
		
		.about_card.about_card_01 em {
		    font-family: 'Satoshi-BoldItalic';
		    font-weight: 700;
		    font-size: .14rem;
		    line-height: .18rem;
		    letter-spacing: -1%;
		    text-align: justify;
		}
		.about_card.about_card_01 {
		    border-radius: .1rem;
		    padding: .14rem .16rem;
		    border: .0031rem solid #566AFFE5;
		    border: none;
		}
		
		.about_card.about_card_02 p {
		    font-family: 'Satoshi-Regular';
		    font-weight: 400;
		    font-size: .14rem;
		    line-height: .18rem;
		    letter-spacing: -2%;
		    text-align: justify;
		}
		.about_card.about_card_02 em {
		    font-family: 'Satoshi-MediumItalic';
		    font-weight: 500;
		    font-size: .14rem;
		    line-height: .18rem;
		    letter-spacing: -2%;
		    text-align: justify;
		}
		
		.about_card.about_card_03 p {
		    font-family: 'Satoshi-Regular';
		    font-weight: 400;
		    font-size: .14rem;
		    line-height: .18rem;
		    letter-spacing: -2%;
		    text-align: justify;
		}
		
		em {}
		
		.about_card.about_card_03 em {
		    font-family: 'Satoshi-MediumItalic';
		    font-weight: 500;
		    font-size: .14rem;
		    line-height: .18rem;
		    letter-spacing: -2%;
		    text-align: justify;
		}
		.about_card.about_card_04 p {
		    font-family: 'Satoshi-Medium';
		    font-weight: 500;
		    font-size: .14rem;
		    line-height: .18rem;
		    letter-spacing: -3%;
		    text-align: justify;
		}
		
		.about_card.about_card_04 em {
		    font-family: 'Satoshi-BoldItalic';
		    font-weight: 700;
		    font-size: .14rem;
		    line-height: .18rem;
		    letter-spacing: -3%;
		    text-align: justify;
		}
		
		.about_card:nth-child(2)::before, .about_card:nth-child(3)::before {
		    content: "";
		    position: absolute;
		    left: 0;
		    top: 50%;
		    bottom: .23rem;
		    width: .03rem;
		    background: #FFFFFF99;
		    height: .59rem;
		    transform: translateY(-50%);
		}
		
		.info-item h3 {
		    display: none;
		}
		
		.form-group {
		    margin-bottom: .3rem;
		}
		
		p.asds {
		    margin-bottom: .08rem;
		}
		
		.about_card.about_card_04 {
		    border-radius: .1rem;
		}
		
		.menu_nav a {
		    font-size: .23rem;
		}
		
		   .ghf2,
		    .ghf {
		        display: none;
		    }
			
			 .m-hero-desc {
			        display: block;
			        /* margin-top: .36rem; */
			        text-align: center;
			        color: #fff;
			        padding: 0 .12rem;
			    }
			
			    .m-hero-desc p {
			        font-size: .16rem;
			        line-height: .2rem;
			        font-family: 'Satoshi-Medium';
			        letter-spacing: -0.02em;
			        text-align: left;
			    }
			
			    .m-hero-desc span {
			        display: block;
			        margin-top: .08rem;
			        font-size: .16rem;
			        line-height: .18rem;
			        font-family: 'Satoshi-Medium';
			        color: rgba(255, 255, 255, .82);
			        text-align: left;
			    }
	.m-product-logo.kns {
    margin: 0;
}

.m-product-logo.irt {
    margin: 0;
}

.m-product-logo.fenix {
    margin: 0;
}

.m-product-logo.sonix {
    margin: 0;
}

.m-case-card.case-1 img {
	    max-height: 1.64rem;
}
.about_line_layer {
	position: absolute;
	inset: 0;
	z-index: 2;
	background-image: url("../images/about/about_linem.png");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	pointer-events: none;
	opacity: 0.92;
}

}