@media (min-width: 1200px) {
    :root{
        --theme-color: #FF6121;
    }
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        text-decoration: none;
    }
    p{
        margin: 0;
    }
    a:hover,
    a:active,
    a:visited,
    a:link{
        text-decoration: none;
    }

    .contact_us{
        padding-top: 64px;
    }
    .contact_us>.demand{
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 80px;
        padding: 80px 0;
        background-image: url("/image/new_index/backImg.png");
        background-size: 100% 100%;
        font-family: 'SourceHanSans_normal';
    }
    .contact_us>.demand>.left{
        width: 282px;
        height: 44px;
    }
    .contact_us>.demand>.right{
        display: flex;
        flex-direction: column;
        row-gap: 12px;
        padding: 36px;
        width: 738px;
        font-size: 16px;
        background: #F3F3F3;
        border: 2px solid;
        border-image: linear-gradient(141deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 2 2;
    }
    .contact_us>.demand>.right input{
        border: none;
        outline: none;
        text-indent: 12px;
        font-family: 'SourceHanSans_normal';
    }
    .contact_us>.demand>.right input::placeholder,
    .contact_us>.demand>.right textarea::placeholder{
        color: rgba(0,0,0,0.4);
    }
    .contact_us>.demand>.right>.phone_box{
        display: flex;
        justify-content: space-between;
    }
    .contact_us>.demand>.right>.phone_box>.code_btn{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 24px;
        /*width: 128px;*/
        border: none;
        font-family: 'SourceHanSans_normal';
        background-color: var(--theme-color);
        color: #FFFFFF;
    }
    .contact_us>.demand>.right>.phone_box>input:nth-child(1){
        /*width: 364px;*/
        width: 100%;
        height: 48px;
    }
    .contact_us>.demand>.right>.phone_box>input:nth-child(3){
        width: 150px;
        height: 48px;
    }
    .contact_us>.demand>.right>.title{
        font-family: 'SourceHanSans_medium';
    }
    .contact_us>.demand>.right>.inputRow {
        width: 100%;
        height: 48px;

    }
    .contact_us>.demand>.right>.textInput{
        padding: 12px;
        width: 100%;
        height: 200px;
        border: none;
        outline: none;
        font-family: 'SourceHanSans_normal';
        resize: none;
    }
    .contact_us>.demand>.right>.tips{
        font-weight: 400;
        color: rgba(0,0,0,0.6);
    }
    .contact_us>.demand>.right>#submit{
        align-self: center;
        margin-top: 24px;
        padding: 8px 24px;
        font-weight: 400;
        color: #FFFFFF;
        background: var(--theme-color);
    }

    .contact_us>.contact_way{
        padding: 80px 0;
        background: #F3F3F3;
        font-family: 'SourceHanSans_normal';
    }
    .contact_us>.contact_way>.title{
        margin-bottom: 80px;
        text-align: center;
        font-size: 36px;
        font-family: 'SourceHanSans_medium';
    }
    .contact_us>.contact_way>.content{
        display: flex;
        justify-content: center;
        column-gap: 24px;
    }
    .contact_us>.contact_way>.content>.item{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 12px;
        padding: 0 24px;
        width: 293px;
        height: 180px;
        background: #FFFFFF;
        border-radius: 10px;
    }
    .contact_us>.contact_way>.content>.item>.title{
        font-size: 20px;
        font-family: 'SourceHanSans_medium';
    }
    .contact_us>.contact_way>.content>.item>.detail{
        text-align: center;
        font-size: 16px;
        font-weight: 400;
    }
    .contact_us>.contact_way>.content>.item>img{
        width: 100px;
        height: 100px;
    }

    /*遮罩层*/
    .contact_us>.tips_mask{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        display: none;
        justify-content: center;
        align-items: center;
        background: rgba(0,0,0,0.25);
    }
    .contact_us>.tips_mask>.tips_s{
        display: none;
        flex-direction: column;
        padding: 36px 56px;
        border-radius: 4px;
        background-color: #FFFFFF;
    }
    .contact_us>.tips_mask>.tips_s>.top{
        display: flex;
        align-items: center;
        column-gap: 24px;
    }
    .contact_us>.tips_mask>.tips_s>.top>.img_box{
        width: 60px;
        height: 60px;
    }
    .contact_us>.tips_mask>.tips_s>.top>.text{
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        font-family: 'SourceHanSans_normal';
        font-size: 20px;
    }
    /*.contact_us>.tips_mask>.tips_s>.top>.tips_s{*/
    /*    display: none;*/
    /*}*/
    /*.contact_us>.tips_mask>.tips_s>.top>.tips_f{*/
    /*    !*display: none;*!*/
    /*}*/
    .contact_us>.tips_mask>.tips_s>.top>.text>div:nth-child(1){
        font-size: 20px;
    }
    /*.contact_us>.tips_mask>.tips_s>.top>.text>div:nth-child(2){*/
    /*    font-size: 14px;*/
    /*    color: rgba(0,0,0,0.6);*/
    /*}*/
    .contact_us>.tips_mask>.tips_s>.bottom{
        margin-top: 24px;
        display: flex;
        justify-content: center;
    }
    .contact_us>.tips_mask>.tips_s>.bottom>button{
        padding: 8px 24px;
        border: 1px solid var(--theme-color);
        border-radius: 4px;
        background-color: #FFFFFF;
        color: var(--theme-color);
    }

    .contact_us>.tips_mask>.tips_w{
        background-color: #FFFFFF;
        display: none;
        flex-direction: column;
        border-radius: 4px;
        & .btn_close{
            display: flex;
            justify-content: flex-end;
            padding: 24px;
            height: 59px;
            & .close_box{
                display: flex;
                width: 11px;
                height: 11px;
                cursor: pointer;
            }
        }
        & .center{
            padding: 0 56px 56px;
            & .top{
                display: flex;
                column-gap: 12px;
                & .left{
                    width: 30px;
                    height: 30px;
                }
                & .right{
                    font-size: 20px;
                }
            }
            & .bottom{
                display: flex;
                justify-content: center;
                padding-top: 36px;
                column-gap: 56px;
                & .left{
                    display: flex;
                    column-gap: 8px;
                    & .title{
                        display: flex;
                        align-items: center;
                        font-size: 20px;
                    }
                    & .img_box{
                        width: 120px;
                        height: 120px;
                    }
                }
            }
        }
    }


    .telHot{
        display: none;
    }

}