/* Responsive.css - Version 2.0 */

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}

/* 平板 */
@media(max-width:1200px){

    .container{
        width:92%;
    }

    .section-title h2{
        font-size:36px;
    }

}

/* 手机 */
@media(max-width:768px){

    .container{
        width:100%;
        padding-left:16px;
        padding-right:16px;
    }

    .section{
        padding:64px 0;
    }

    .section-title{
        margin-bottom:38px;
    }

    .section-title span{
        font-size:12px;
        letter-spacing:2px;
    }

    .section-title h2{
        font-size:26px;
        line-height:1.35;
    }

    .section-title p{
        font-size:14px;
        line-height:1.8;
    }

    .btn-primary,
    .btn-outline{
        width:100%;
        max-width:320px;
        height:50px;
        position:relative;
        z-index:20;
        pointer-events:auto;
    }

    .hero-buttons,
    .cta-buttons{
        width:100%;
    }

    .about-grid,
    .service-grid,
    .advantage-grid,
    .counter-grid,
    .footer-grid{
        grid-template-columns:1fr!important;
    }

    .service-card,
    .adv-card,
    .counter-item{
        min-height:auto;
    }

    .process-wrap{
        flex-direction:column;
    }

    .line{
        width:2px;
        height:44px;
        flex:none;
    }

    .hero::before,
    .hero::after,
    .section::before,
    .section::after,
    .cta-box::before,
    .cta-box::after,
    .circle{
        pointer-events:none!important;
    }

}

/* 小屏手机 */
@media(max-width:480px){

    .logo span{
        font-size:20px;
    }

    .section{
        padding:56px 0;
    }

    .section-title h2{
        font-size:24px;
    }

}