#contactUs {
    background: #fff;
    padding: 35px 15px;
}

.contactUs-shortcut {
    float: right;
    width: 40%;
    padding: 0 2.1%;
}

.contactUs-shortcut-item {
    display: table;
    width: 100%;
    height: 200px;
    color: #fff;
    background: #ccc;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

    .contactUs-shortcut-item:last-child {
        margin-bottom: 0;
    }

    .contactUs-shortcut-item.address {
        background: url() no-repeat center;
        background-size: cover;
    }

    .contactUs-shortcut-item > img {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        transition: 500ms ease-out;
        -webkit-transition: 500ms ease-out;
        -ms-transition: 500ms ease-out;
        -moz-transition: 500ms ease-out;
        -o-transition: 500ms ease-out;
    }

    .contactUs-shortcut-item a {
        position: relative;
        z-index: 1;
    }

        .contactUs-shortcut-item a img {
            display: block;
            margin: 0 auto 4%;
            display: block;
        }

.contactUs-shortcut-item-wrap {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    overflow: hidden;
}

.contactUs-shortcut-item:hover > img {
    -webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    -o-transform: scale(1.075);
    transform: scale(1.075);
}

.contactUs-content {
    float: left;
    margin-bottom: 10px;
    width: 60%;
}

    .contactUs-content .t {
        min-height: 110px;
        border-bottom: 1px dashed #e6e6e6;
        padding: 20px 25px;
    }

        .contactUs-content .t .name:before {
            display: block;
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 6px;
            height: 100%;
            background: #f0ad4e;
        }

        .contactUs-content .t .name {
            padding-left: 36px;
            font-size: 28px;
            position: relative;
        }

    .contactUs-content .details dt, .contactUs-content .details dd {
        padding-left: 110px;
    }

    .contactUs-content .details dt {
        font-size: 28px;
        line-height: 2;
        background: url(../images/icons-024.png) no-repeat 60px center;
        margin-top: 20px;
    }

    .contactUs-content .details dd {
        line-height: 1.5;
        font-size: 18px;
    }

    .contactUs-content .details .tel {
        font-size: 28px;
        color: #f0ad4e;
    }

    .contactUs-content .details .time {
        font-size: 16px;
        color: #999;
    }

    .contactUs-content .details p {
        margin-bottom: 10px;
    }

.addrList-item {
    float: left;
    width: 50%;
    min-height: 100px;
    border-right: 2px solid #e6e6e6;
    font-size: 16px;
    line-height: 1.6;
}

    .addrList-item:nth-child(2n) {
        padding-left: 25px;
        border-right: 0;
    }

.addrList-item-company {
    font-size: 20px;
    color: #f0ad4e;
    margin-bottom: 15px;
}

.addrList-item-infor p {
    margin-bottom: 5px;
}

.addrMap {
    background: #fff;
    padding: 40px 50px 50px;
}

#mapBox {
    width: 100%;
    height: 607px;
}
/*** 销售地图 ***/

#salesMap {
    position: relative;
    background: #fff;
    padding: 30px 15px;
    overflow: hidden;
}

#salesMap-box {
    max-width: 911px;
    margin: 0 auto;
    overflow-y: hidden;
}

#salesMap-con {
    width: 911px;
    height: 708px;
    background: url(../images/sales-map.png) no-repeat left top;
    position: relative;
    transform-origin: left top;
}

.salesMap-mark {
    position: absolute;
    width: 25px;
    height: 31px;
    left: 150px;
    top: 200px;
    background: url(../images/sales-mark.png) no-repeat left top;
    cursor: pointer;
}
/*Mark动画*/

@-o-keyframes markerMove {
    0%;

{
    margin-top: 0;
}

50% {
    margin-top: -10px;
}

100% {
    margin-top: 0;
}

}

@-webkit-keyframes markerMove {
    0% {
        margin-top: 0;
    }

    50% {
        margin-top: -10px;
    }

    100% {
        margin-top: 0;
    }
}

@-moz-keyframes markerMove {
    0% {
        margin-top: 0;
    }

    50% {
        margin-top: -10px;
    }

    100% {
        margin-top: 0;
    }
}

@keyframes markerMove {
    0% {
        margin-top: 0;
    }

    50% {
        margin-top: -10px;
    }

    100% {
        margin-top: 0;
    }
}

.salesMap-mark:hover {
    -webkit-animation: markerMove .5s 1;
    -ms-animation: markerMove .5s 1;
    -moz-animation: markerMove .5s 1;
    -o-animation: markerMove .5s 1;
    animation: markerMove .5s 1;
    z-index: 5;
}

#salesMap-pop {
    position: absolute;
    top: 0;
    height: 100%;
    width: 60%;
    right: -100%;
    font-size: 16px;
    min-width: 600px;
    transition: all .4s ease;
}

    #salesMap-pop.show {
        right: 0;
    }

.salesMap-pop-sideBar {
    position: absolute;
    width: 12%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, .5) url(../images/icons-025.png) no-repeat center center;
    background-size: 16% auto;
    cursor: pointer;
}

.salesMap-pop-content {
    position: absolute;
    width: 88%;
    right: 0;
    top: 0;
    height: 100%;
    background: #fff;
    padding: 0 15px;
    overflow-y: scroll;
}

.salesMap-pop-infor {
    display: table;
    width: 100%;
    line-height: 1.8;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
}

.salesMap-pop-infor-city, .salesMap-pop-infor-detail {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0 5px;
}

.salesMap-pop-infor-city {
    font-size: 20px;
    width: 25%;
}

.salesMap-pop-infor-detail {
    font-size: 16px;
    width: 75%;
}

.salesMap-pop-form {
    padding: 30px 0;
}

    .salesMap-pop-form .mForm-colLeft {
        width: 20%;
    }

@media screen and (max-width:860px) {
    .contactUs-shortcut {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #contactUs {
        padding: 10px;
    }

    .contactUs-content {
        margin-bottom: 25px;
        width: 100%;
        word-break: break-all;
    }

        .contactUs-content .t {
            min-height: 75px;
            padding: 20px 10px;
        }

            .contactUs-content .t .name {
                font-size: 24px;
                padding-left: 25px;
            }

        .contactUs-content .details dt, .contactUs-content .details dd {
            padding-left: 90px;
        }

        .contactUs-content .details dt {
            font-size: 24px;
            background-position: 43px center;
        }

        .contactUs-content .details .tel {
            font-size: 24px;
        }

    .contactUs-shortcut-item {
        font-size: 20px;
    }

    .addrMap {
        padding: 30px 40px 40px;
    }

    #mapBox {
        height: 300px;
    }
}

@media screen and (max-width:640px) { /*** 销售地图 ***/

    #salesMap-pop {
        display: none;
    }

        #salesMap-pop.show {
            display: block;
        }

    #salesMap-pop, .salesMap-pop-content {
        position: relative;
        width: 100%;
        min-width: auto;
        height: auto;
        overflow-y: auto;
    }

    .salesMap-pop-sideBar {
        display: none;
    }

    .salesMap-pop-infor, .salesMap-pop-infor-city, .salesMap-pop-infor-detail {
        display: block;
        width: 100%;
    }

    .salesMap-pop-infor-city {
        margin-bottom: 10px;
    }

    .salesMap-pop-infor-city, .salesMap-pop-infor-detail {
    }

    .salesMap-pop-form {
        padding-bottom: 0;
    }
}

@media screen and (max-width:480px) {
    .contactUs-content .t {
        min-height: 60px;
    }

        .contactUs-content .t .name {
            font-size: 20px;
            padding-left: 20px;
        }

    .contactUs-content .details dt, .contactUs-content .details dd {
        padding-left: 70px;
    }

    .contactUs-content .details dt {
        font-size: 20px;
        margin-top: 10px;
        background-size: 25px auto;
        background-position: 32px center;
    }

    .contactUs-content .details dd {
        font-size: 14px;
    }

    .contactUs-content .details .tel {
        font-size: 20px;
    }

    .contactUs-content .details .time {
        font-size: 12px;
    }

    .contactUs-shortcut-item {
        font-size: 18px;
        height: 130px;
    }

    .addrMap {
        padding: 10px 15px 15px;
    }

    .addrList-item {
        float: none;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #e6e6e6;
        padding: 10px;
        font-size: 14px;
    }

        .addrList-item:nth-child(2n) {
            padding-left: 10px;
        }

    .addrList-item-company {
        font-size: 18px;
    }

    .addrList-item-infor {
    }
}