



        @media(max-width:1600px){
            header .nav .links a + a{
                margin-left: 48px;
            }

            main .banner{
                height: 35vw;
            }
            main .banner .txt{
                top: 10.625vw;
            }
            main .banner .txt .t{
                font-size: 16px;
            }
            main .banner .txt .t>p{
                font-size: 39px;
            }
            .contactForm{
                top: -70px;
                padding: 100px 0px 60px;
                width: 100%;
            }
            .contactForm .inner .fg{
                margin-bottom: 24px;
            }
            .contactForm .inner .fg .lbl{
                padding-left: 36px;
                width: 170px;
            }
            .contactForm .inner .fg .lbl img{
                width: 24px;
            }
            .contactForm .inner .fg .lbl{
                font-size: 16px;
            }
            .contactForm .inner .fg .lbl .en{
                font-size: 14px;
            }
            .contactForm .inner .t{
                margin-top: 32px;
            }
            .contactForm .inner .t .iv{
                width: 150px;
                line-height: 45px;
                font-size: 16px;
            }
            .contactForm .inner .t p:last-child{
                margin-top: 26px;
            }

            footer{
                font-size: 16px;
            }
            footer .us{
                padding: 120px 0px 100px;
            }
            footer .us .txt .item .val{
                font-size: 20px;
            }
            footer .us .rht .code{
                margin-bottom: 60px;
            }
            footer .foot{
                font-size: 14px;
                padding: 15px 0px;
            }
        }

        @media(max-width:1400px){
            .contactForm{
                padding: 7.1vw 0px 4.2vw;
            }
        }
    
        @media(max-width:1200px){
            header .nav .links{
                font-size: 16px;
            }
            header .nav .links a + a{
                margin-left: 36px;
            }
            header .nav{
                padding-top: 40px;
            }

            main{
                padding-top: 100px;
            }
            main .subTip {
                font-size: 20px;
                padding: 0px 15px;
                line-height: 60px;
            }
            main .banner .txt{
                top:50%;
                transform: translate(-50%,-50%);
            }
            main .banner .txt .t{
                font-size: 15px;
            }
            main .banner .txt .t>p{
                font-size: 32px;
            }
            .contactForm{
                top: -100px;
            }
            
            .contactForm .inner .t .iv {
                width: 130px;
                line-height: 40px;
                font-size: 14px;
            }

            footer{
                font-size: 14px;
            }
            footer .us{
                padding: 90px 0px 80px;
            }
            footer .us .txt .item .val{
                font-size: 16px;
            }
            footer .us .txt .item{
                margin-top: 45px;
            }
            footer .us .rht .code{
                margin-bottom: 45px;
            }
            footer .foot{
                font-size: 14px;
                padding: 15px 0px;
            }
        }
    
        @media(max-width:1024px){
            .cnen{
                font-size: 16px;
            }
            .cnen p:last-child{
                margin-top: 6px;
            }

            header .nav{
                padding-top: 30px;
            }
            header .nav .logo{
                margin-right: 54px;
            }
            header .nav .logo img{
                height: 42px;
            }
            header .nav .links{
                font-size: 14px;
            }
            header .nav .links a + a{
                margin-left: 32px;
            }

            main{
                padding-top: 90px;
            }
            main .banner{
                height: 360px;
                border-bottom-width: 2px;
            }
            main .banner .txt .t{
                font-size: 14px;
            }
            main .banner .txt .t>p{
                font-size: 26px;
            }

            footer .us{
                padding: 70px 0px 56px;
            }
        }
    
        @media(min-width:768px){
            header .nav .btn,
            header .mobileMenu{
                display: none;
            }
        }
    
        @media(max-width:767px){
            .cnen{
                font-size: 14px ;
            }
            
            header .nav{
                padding: 15px 0px;
            }
            header .nav .links{
                display: none;
            }
            header .nav .fluid{
                justify-content: space-between;
            }
            main .subTip {
                font-size: 18px;
                width: calc(100% - 80px);
                max-width: 350px;
                padding: 10px;
                line-height: 1.4;
                white-space: normal;
                border-radius: 6px;
            }

            main{
                padding-top: 72px;
            }
            main .banner{
                height: 300px;
            }
            main .banner .txt .t{
                font-size: 13px;
            }
            main .banner .txt .t>p{
                font-size: 22px;
            }
            .contactForm{
                position: initial;
                width: 100%;
                padding: 24px;
            }
            .contactForm .inner .fg{
                display: block;
            }
            .contactForm .inner .fg .lbl{
                margin-bottom: 12px;
            }
            .contactForm .inner{
                width: 100%;
            }
            .contactForm .inner .fg .lbl img{
                width: 18px;
            }
            .contactForm .inner .fg .lbl{
                padding-left: 26px;
            }
            .contactForm .inner .t .iv {
                width: 116px;
            }
            .contactForm .inner .t p:last-child{
                margin-top: 15px;
            }

            footer .us{
                padding: 40px 0px 30px;
            }
            footer .us .fluid,
            footer .us .rht{
                display: block;
            }
            footer .us .txt .item{
                margin-top: 20px;
                padding-left: 20px;
            }
            footer .us .txt .item .lbl img{
                width: 12px;
                left: -20px;
            }
            footer .us .rht{
                margin-top: 55px;
            }
            footer .us .rht .code{
                margin-bottom: 10px;
            }
            footer .foot{
                font-size: 12px;
            }
            footer .foot span{
                display: block;
            }
            footer .foot span + span{
                margin-left: 0px;
            }
        }

        @media(max-width:500px){
            .contactForm .inner .fg .lbl{
                font-size: 14px;
            }
            .contactForm .inner .fg input{
                line-height: 36px;
            }
            .contactForm .inner .fg textarea{
                height: 120px;
            }
            .contactForm .inner .t{
                margin-top: 24px;
            }
            .contactForm .inner .t .iv{
                width: 85px;
                line-height: 34px;
                font-size: 12px;
            }
            .contactForm .inner .t p:last-child{
                font-size: 12px;
                margin-top: 10px;
            }
        }