@charset "UTF-8";



.chinaMapWrap {
    width: 841.9px;
    margin: 0 auto;
    overflow: hidden
}

.chinaMap .province {
    fill: #dcdddd;
    stroke: #fff;
    stroke-width: 2px;
    stroke-opacity: 0;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.chinaMap .provinceBox.area1 .province {
    fill: #0baeff
}

.chinaMap .provinceBox.area2 .province {
    fill: #b6dcff
}

.chinaMap .provinceBox.area3 .province {
    fill: #eee
}

.chinaMap .provinceBox.area1 {
    cursor: pointer
}

.chinaMap .provinceBox.area2 {
    cursor: pointer
}

.chinaMap .provinceBox.area3 > a {
    cursor: default
}

.chinaMap .provinceBox.area1 .areaName {
    cursor: pointer
}

.chinaMap .provinceBox.area2 .areaName {
    cursor: pointer
}

.chinaMap .provinceBox.area1:hover .province {
    fill: #068dd6;
}
.chinaMap .redStar .areaName{background:url(../images/redstar.jpg) no-repeat;}

.chinaMap .provinceBox.area2:hover .province {
    fill: #6adafc
}

.areaName2{color:cyan;font:red;}

.chinaMap .area.active .tips {
    visibility: hidden
}

.chinaMap .tipsBox {
    fill: #398fce
}

.chinaMap .tipsCircle {
    fill: #fff
}

.chinaMap .tipsTxt {
    fill: #555;
    font-family: 'Microsoft YaHei';
    cursor: default;
    font-size: 12px
}

.chinaMapWrap .bubble {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px 15px 10px;
    min-width: 100px;
    max-width: 210px;
    border: 2px solid #ddd;
    border-radius: 5px;
    background-color: white;
    display: none
}

.chinaMapWrap .bubbleTit {
    font-size: 14px;
    color: #00a0e9;
    font-weight: normal
}

.chinaMapWrap .bubbleDetail {
    font-size: 12px;
    color: #222
}

.chinaMap .areaName {
    fill: #000;
    font-size: 12px
}

.chinaMapWrap .useSign {
    visibility: hidden
}

.mapPreviewPop .mapTargetWrap {
    position: absolute;
    top: 50px;
    left: 5%;
    right: 5%;
    bottom: 50px;
    background-color: #fff
}

.mapPreviewPop .mapTargetWrap.loading {
    background: #fff url(../img/loading.gif) center center no-repeat
}

    .mapPreviewPop .mapTargetWrap.loading .mapTarget {
        visibility: hidden
    }

.mapPreviewPop .mapTargetWrap .mapTarget {
    width: 100%;
    height: 100%
}

/*弹出窗口开始*/

.mapPreviewPop .mapTargetWrap {
    position: absolute;
    top: 50px;
    left: 5%;
    right: 5%;
    bottom: 50px;
    background-color: #fff
}

    .mapPreviewPop .mapTargetWrap.loading {
        background: #fff url(../images/loading.gif) center center no-repeat
    }

        .mapPreviewPop .mapTargetWrap.loading .mapTarget {
            visibility: hidden
        }

    .mapPreviewPop .mapTargetWrap .mapTarget {
        width: 100%;
        height: 100%
    }

.previewPop, .mapPreviewPop {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    text-align: center
}

    .previewPop .previewImgBig, .mapPreviewPop .previewImgBig {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        max-width: 100%;
        max-height: 100%;
        min-width: 124px;
        min-height: 124px;
        background: url(../img/loading.gif) center center no-repeat;
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
/*弹出窗口结束*/


@media (max-width:1000px) /*手机端*/
{
.chinaMapWrap {margin-left:-200px;}
}