/* 世界地图样式css */
.map-content {padding: 30px 0;}
.map-module {width: 1200px !important;margin: 0 auto;position: relative;transition: all .3s ease;}
.map-title {font-size: 24px;color: #333;text-align: center;margin: 50px 0;position: relative;}
.map-branch .map-title {margin: 20px 0 0;z-index: 1;}
.map-title:before {content: "";position: absolute;width: 0;height: 0;bottom: -23px;left: 50%;transform: translateX(-50%);border: 6px solid;border-color: #20B09F transparent transparent;}
.map-title:after {content: "";position: absolute;width: 52px;height: 3px;background-color: #20B09F;bottom: -12px;left: 50%;transform: translateX(-50%);}
.map-content-info {position: relative;margin-bottom: 30px;}
.branch-map-l {width: 930px;height: 603px;position: relative;}
.map-content-box {width: 100%;height: 100%;background: url("../images/worldmap.png") no-repeat center;position: relative;}
.map-dot {position: absolute;text-align: center;font-size: 14px;cursor: pointer;}

/* 阿联酋 */
.alianqiu {left: 198px;top: 192px;}

/* 伊拉克 */
.yilake {left: 225px;top: 140px;}

/* 韩国 */
.hanguo {left: 395px;top: 163px;}

/* 埃塞俄比亚 */
.aisaiebiya {left: 145px;top: 248px;}

/* 刚果 */
.gangguo {left: 115px;top: 285px;}

.map-dot:after {content: "";display: block;width: 8px;height: 8px;margin: 0 auto;background-color: #ff9600;border-radius: 50%;}
.map-dot.beijing:after {width: 13px;height: 12px;border-radius: 0;background: url("../images/icon-star.png") no-repeat center;}
.branch-map-data {position: absolute;box-sizing: border-box;width: auto;border: 1px solid #ff9600;box-shadow: 0 0 2px 2px #e9e9e9;background-color: #fff;padding: 10px 30px;z-index: 1;display: none;}
.branch-map-data-title {border-bottom: 1px solid #eee;}
.branch-map-data-title p {font-size: 16px; font-weight: bold; color: #333; line-height: 34px;}
.branch-map-data-info {max-height: 236px;overflow-y: auto;}
.data-branch {border-bottom: 1px dashed #eee;padding: 6px 0;box-sizing: border-box;}
.data-branch:last-child {border: none;}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.data-branch .data-name {font-size: 14px;color: #666;line-height: 30px;}
.data-branch p {font-size: 12px;color: #999;line-height: 20px;}

.branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #ff9600 transparent transparent;
}

.branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #ff9600;
    animation: dot 4s infinite;
}

@keyframes dot {
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: .1;
    }
}