/* pc */
@media only screen and (min-width: 750px) {

    /* 联系我们 */
    .contact {
        background-image: url(/web/img/contbg.jpg);
        background-size: 1920px 100%;
        padding: 75px 0 97px 0;
        box-sizing: border-box;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .contact_cont {
        display: flex;
        justify-content: space-between;
    }

    .contact_left>span {
        font-size: 40px;
        color: #404040;
        margin-top: 10px;
        display: block;
    }

    .contact_left .contact_left_cont {
        margin-top: 10px;
    }
    .contact_left_cont .contact_leli{
        margin-top: 45px;
    }

    .contact_left_cont .contact_leli .leli_tit {
        display: flex;
        align-items: center;
    }

    .contact_left_cont .contact_leli .leli_tit img {
        width: 19px;
        height: 19px;
        display: block;
        transform: translateY(2px);
    }
    .contact_left_cont .contact_leli .leli_tit p{
        font-size: 18px;
        color: #404040;
        margin-left: 5px;
    }

    .contact_left_cont .contact_leli .leli_text {
        margin-top: 5px;
        font-size: 18px;
        color: #404040;
        width:340px;
    }

    .contact_right {
        width: 896px;
        height: 519px;
        background-color: #fff;
        border-radius: 5px;
        padding: 50px 40px 40px 60px;
        box-sizing: border-box;
    }

    .forms {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 785px;
    }

    .forms_tit {
        width: 100%;
        font-size: 18px;
        color: #404040;
        margin-bottom: 35px;
    }

    .forms_name {
        width: 305px;
        height: 58px;
        display: flex;
        align-items: center;
        background-color: #f4f4f4;
        position: relative;
    }

    .forms_name::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 24px;
        background-color: #b2b2b2;
        top: calc(50% - 12px);
        left: 178px;
    }

    .forms_name>.el-input {
        width: 178px;
        height: 100%;
    }

    .forms_name>.el-select,
    .forms_name>.el-select .el-input {
        width: 127px;
        height: 100%;
    }

    .forms_name>.el-input .el-input__inner,
    .forms_name>.el-select .el-input__inner {
        height: 100%;
        border: none;
        background-color: #f4f4f4;
    }

    .forms_phone {
        width: 456px;
        height: 58px;
        background-color: #f4f4f4;
    }

    .forms_phone>.el-input {
        width: 100%;
        height: 100%;
        border: none;
    }

    .forms_phone .el-input__inner {
        border: none;
        height: 100%;
        border-radius: 0;
    }

    .forms .el-input.is-active .el-input__inner,
    .forms .el-input__inner:focus {
        border-color: transparent;
    }

    .forms .el-range-editor.is-active,
    .forms .el-range-editor.is-active:hover,
    .forms .el-select .el-input.is-focus .el-input__inner {
        border-color: transparent;
    }

    .forms .el-input.is-active .textarea__inner,
    .forms .textarea__inner:focus {
        border-color: transparent;
    }

    .forms_text {
        margin-top: 25px;
        width: 100%;
        height: 110px;
        background-color: #fff;
    }

    .forms .el-input__inner,
    .forms .el-textarea {
        font-size: 18px;
        color: #8b8b8b;
        background-color: #f4f4f4;
    }

    .forms_text .el-textarea {
        width: 100%;
        height: 100%;
    }

    .forms_text .el-textarea textarea {
        width: 100%;
        height: 100%;
        resize: none;
        border: none;
        background-color: #f4f4f4;
    }

    .forms_code {
        margin-top: 25px;
        display: flex;
        align-items: center;
    }

    .forms_code_linre {
        display: flex;
        align-items: center;
        width: 410px;
        height: 58px;
        background-color: #f4f4f4;
        justify-content: space-between;
    }

    .forms_code_linre>.el-input {
        width: 250px;
        height: 100%;
        border: none;
    }

    .forms_code_linre .el-input__inner {
        height: 100%;
        border: none;
    }

    .forms_code_linre .codeimg {
        width: 108px;
        height: 36px;
        box-shadow: 2px 2px 10px 2px rgba(207, 207, 207, .5);
        box-shadow: 2px 2px 4px 2px rgb(207 207 207 / 72%);
        margin-right: 12px;
        cursor: pointer;
    }

    .forms_code_linre .codeimg img {
        width: 100%;
        height: 100%;
    }

    .forms_code>p {
        font-size: 16px;
        color: #767676;
        margin-left: 13px;
    }

    .forms_sub {
        margin-top: 32px;
        width: 220px;
        height: 56px;
        background-color: #162631;
        font-size: 20px;
        color: #fff;
        text-align: center;
        line-height: 56px;
        cursor: pointer;
    }
}

/* 移动 */
@media only screen and (max-width: 750px) {

    /* 联系我们 */
    .contact {
        background-image: url(/web/img/contontbgmove.jpg);
        background-size: 100% 100%;
        padding: 10.000vw 0 12.933vw 0;
        box-sizing: border-box;
        background-position: center center;
        background-repeat: no-repeat;
    }


    .contact_left>span {
        font-size: 5.333vw;
        color: #404040;
        margin-top: 1.333vw;
        display: block;
    }

    .contact_left .contact_left_cont {
        margin-top: 1.333vw;
    }
    .contact_left_cont .contact_leli{
        margin-top: 6.000vw;
    }

    .contact_left_cont .contact_leli .leli_tit {
        display: flex;
        align-items: center;
    }

    .contact_left_cont .contact_leli .leli_tit img {
        width: 2.533vw;
        height: 2.533vw;
        display: block;
        transform: translateY(0.267vw);
    }
    .contact_left_cont .contact_leli .leli_tit p{
        font-size: 3.2vw;
        color: #404040;
        margin-left: 0.667vw;
    }

    .contact_left_cont .contact_leli .leli_text {
        margin-top: 0.667vw;
        font-size: 3.2vw;
        color: #404040;
    }

    .contact_right {
        margin-top: 5vw;
    }

    .forms {
        width: 100%;
    }

    .forms_tit {
        width: 100%;
        font-size: 3.2vw;
        color: #404040;
        margin-bottom: 3vw;
    }

    .forms_name {
        width: 100%;
        height: 10vw;
        display: flex;
        align-items: center;
        background-color: #f4f4f4;
        position: relative;
    }

    .forms_name::after {
        position: absolute;
        content: "";
        width: 0.133vw;
        height: 3.200vw;
        background-color: #b2b2b2;
        top: calc(50% - 1.600vw);
        left: 50vw;
    }

    .forms_name>.el-input {
        width: 80vw;
        height: 100%;
    }

    .forms_name>.el-select,
    .forms_name>.el-select .el-input {
        width: 30vw;
        height: 100%;
    }

    .forms_name>.el-input .el-input__inner,
    .forms_name>.el-select .el-input__inner {
        height: 100%;
        border: none;
        background-color: #f4f4f4;
    }

    .forms_phone {
        width: 60.800vw;
        height: 10vw;
        background-color: #f4f4f4;
        margin-top: 3.333vw;
    }

    .forms_phone>.el-input {
        width: 100%;
        height: 100%;
        border: none;
    }

    .forms_phone .el-input__inner {
        border: none;
        height: 100%;
        border-radius: 0;
    }

    .forms .el-input.is-active .el-input__inner,
    .forms .el-input__inner:focus {
        border-color: transparent;
    }

    .forms .el-range-editor.is-active,
    .forms .el-range-editor.is-active:hover,
    .forms .el-select .el-input.is-focus .el-input__inner {
        border-color: transparent;
    }

    .forms .el-input.is-active .textarea__inner,
    .forms .textarea__inner:focus {
        border-color: transparent;
    }

    .forms_text {
        margin-top: 3.333vw;
        width: 100%;
        height: 18vw;
        background-color: #f4f4f4;
    }

    .forms .el-input__inner,
    .forms .el-textarea {
        font-size: 3.2vw;
        color: #8b8b8b;
        background-color: #f4f4f4;
    }

    .forms_text .el-textarea {
        width: 100%;
        height: 100%;
    }

    .forms_text .el-textarea textarea {
        width: 100%;
        height: 100%;
        resize: none;
        border: none;
        background-color: #f4f4f4;
    }

    .forms_code {
        margin-top: 3.333vw;
        display: flex;
        align-items: center;
    }

    .forms_code_linre {
        display: flex;
        align-items: center;
        width: 54.667vw;
        height: 10vw;
        background-color: #f4f4f4;
        justify-content: space-between;
    }

    .forms_code_linre>.el-input {
        width: 33.333vw;
        height: 100%;
        border: none;
    }

    .forms_code_linre .el-input__inner {
        height: 100%;
        border: none;
    }

    .forms_code_linre .codeimg {
        width: 14.400vw;
        height: 4.800vw;
        box-shadow: 0.267vw 0.267vw 1.333vw 0.267vw rgba(207, 207, 207, .5);
        box-shadow: 0.267vw 0.267vw 0.533vw 0.267vw rgb(207 207 207 / 72%);
        margin-right: 1.600vw;
    }

    .forms_code_linre .codeimg img {
        width: 100%;
        height: 100%;
    }

    .forms_code>p {
        font-size: 3vw;
        color: #767676;
        margin-left: 1.733vw;
    }

    .forms_sub {
        margin-top: 4.267vw;
        width: 29.333vw;
        height: 10vw;
        background-color: #162631;
        font-size: 3.2vw;
        color: #fff;
        text-align: center;
        line-height: 10vw;
    }
}