section.container {
    display: block;
    width: 100%;
    min-width: 1240px;
}
section.container .wrap {
    margin: 13.3rem auto 5.2rem auto;
    padding: 4.6rem 0 0 12.7rem;
    display: block;
    width: 147rem;
    height: 72.7rem;
    background-color: #f4f5f6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section.container .tips {
    height: 3.4rem;
    font-size: 3rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 600;
    color: #333;
    line-height: 3.4rem;
}
section.container .tabs {
    margin-top: 2.4rem;
}
section.container .tabs .item {
    position: relative;
    margin-left: 1.9rem;
    display: inline-block;
    width: 28rem;
    height: 8.8rem;
    line-height: 8.8rem;
    overflow: hidden;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 2.2rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 600;
    color: #666;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background-position 0.5s ease, font-weight 0.5s ease, color 0.5s ease;
    -o-transition: background-position 0.5s ease, font-weight 0.5s ease, color 0.5s ease;
    -moz-transition: background-position 0.5s ease, font-weight 0.5s ease, color 0.5s ease;
    transition: background-position 0.5s ease, font-weight 0.5s ease, color 0.5s ease;
}
section.container .tabs .item:first-child {
    margin-left: 0;
}
section.container .tabs .item.active {
    background-position: 28rem 0;
    color: #fff;
    cursor: default;
}
section.container .tabs .item:nth-child(2).active {
    background-position: 0 8.8rem;
}
section.container .tabs .item:nth-child(3).active {
    background-position: -28rem 0;
}
section.container .tabs .item:nth-child(4).active {
    background-position: 0 -8.8rem;
}
section.container .tabs .item.consulting {
    background-image: url('../image/contact/tab_consulting.png');
}
section.container .tabs .item.cooperation {
    background-image: url('../image/contact/tab_cooperation.png');
}
section.container .tabs .item.after-sales {
    background-image: url('../image/contact/tab_after_sales.png');
}
section.container .tabs .item.other {
    background-image: url('../image/contact/tab_other.png');
}
section.container .tabs .item > span {
    position: absolute;
    z-index: 12;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
section.container .tabs .item.active > span {
    position: absolute;
    z-index: 12;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(0, 0, 0, 0.7)));
    background-image: -webkit-linear-gradient(left, #fff, rgba(0, 0, 0, 0.7));
    background-image: -moz-linear-gradient(left, #fff, rgba(0, 0, 0, 0.7));
    background-image: -o-linear-gradient(left, #fff, rgba(0, 0, 0, 0.7));
    background-image: linear-gradient(to right, #fff, rgba(0, 0, 0, 0.7));
    -o-background-size: 4.2rem 100%;
    background-size: 4.2rem 100%;
    background-repeat: no-repeat;
    background-position: -100% 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: flare 6s ease;
    -moz-animation: flare 6s ease;
    -o-animation: flare 6s ease;
    animation: flare 6s ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes flare {
    0% {
        background-position: -75%;
    }
    33% {
        background-position: -75%;
    }
    66% {
        background-position: 75%;
    }
    100% {
        background-position: 75%;
    }
}
@-moz-keyframes flare {
    0% {
        background-position: -75%;
    }
    33% {
        background-position: -75%;
    }
    66% {
        background-position: 75%;
    }
    100% {
        background-position: 75%;
    }
}
@-o-keyframes flare {
    0% {
        background-position: -75%;
    }
    33% {
        background-position: -75%;
    }
    66% {
        background-position: 75%;
    }
    100% {
        background-position: 75%;
    }
}
@keyframes flare {
    0% {
        background-position: -75%;
    }
    33% {
        background-position: -75%;
    }
    66% {
        background-position: 75%;
    }
    100% {
        background-position: 75%;
    }
}
section.container .tabs .item > img {
    position: absolute;
    z-index: 11;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
}
section.container .tabs .item:nth-child(2) > img {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
section.container .tabs .item:nth-child(3) > img {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
section.container .tabs .item:nth-child(4) > img {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
section.container .tabs .item.active > img {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
section.container form {
    margin-top: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
section.container .form-item {
    position: relative;
    margin-bottom: 4.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 5rem;
}
section.container .form-item.right {
    margin-left: 10.9rem;
}
section.container .form-item.full {
    width: 100%;
    height: 17.6rem;
}
section.container .form-item abbr {
    display: block;
    width: 1rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2.2rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    color: #ff1f1f;
    text-decoration: none;
}
section.container .form-item label {
    margin-left: 1rem;
    width: 11.7rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2.2rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 400;
    color: #333;
}
section.container .form-item label.required {
    margin-left: 0;
}
section.container .form-item input {
    padding: 1rem 2.4rem;
    width: 41.2rem;
    height: 5rem;
    line-height: 5rem;
    background: #fff;
    border: 0.1rem solid #979797;
    font-size: 1.8rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
section.container .form-item input:focus {
    border-color: #2168c9;
    outline: none;
}
section.container .form-item .error-message {
    position: absolute;
    left: 15.1rem;
    bottom: -3.4rem;
    height: 3.4rem;
    overflow: hidden;
}
section.container .form-item .error-message > span {
    display: block;
    height: 3.4rem;
    line-height: 3.4rem;
    font-size: 1.8rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 400;
    color: #ff1f1f;
    -webkit-transform: translateY(-3.4rem);
    -moz-transform: translateY(-3.4rem);
    -ms-transform: translateY(-3.4rem);
    -o-transform: translateY(-3.4rem);
    transform: translateY(-3.4rem);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
}
section.container .form-item .error-message.show > span {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
section.container .form-item textarea {
    padding: 1rem 2.4rem;
    width: 106rem;
    min-width: 106rem;
    max-width: 106rem;
    height: 17.6rem;
    min-height: 17.6rem;
    max-height: 17.6rem;
    line-height: 3rem;
    background: #fff;
    border: 0.1rem solid #979797;
    font-size: 1.8rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
section.container form .submit-wrap {
    margin-left: 42.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
section.container form .submit-button {
    display: block;
    width: 37.5rem;
    height: 6.4rem;
    line-height: 6.4rem;
    border: none;
    background-color: rgba(33, 104, 201, 1);
    font-size: 2.2rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    outline: none;
    -webkit-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
section.container form .submit-button:hover {
    background-color: rgba(33, 104, 201, 0.8);
}
section.container form .submit-button:active {
    background-color: rgba(33, 104, 201, 0.8);
}
section.container form .submit-button.submitting {
    background-color: rgba(33, 104, 201, 0.6);
    cursor: not-allowed;
}
section.container form .submit-result {
    margin-left: 2rem;
    display: block;
    width: 35rem;
    height: 6.4rem;
    overflow: hidden;
}
section.container form .submit-result > span {
    display: block;
    width: 35rem;
    height: 6.4rem;
    line-height: 6.4rem;
    font-size: 2.2rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 400;
    color: #67c23a;
    -webkit-transform: translateX(-35rem);
    -moz-transform: translateX(-35rem);
    -ms-transform: translateX(-35rem);
    -o-transform: translateX(-35rem);
    transform: translateX(-35rem);
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
}
section.container form .submit-result.show > span {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
}
section.container form .submit-result.failed > span {
    color: #ff1f1f;
}