@charset "utf-8";
.index4 .mapbox {
    width: 700px;
    height: 600px;
    left: 0;
    top: 115px;
    perspective: 700px;
}

.map area {
    blr: expression(this.onFocus=this.blur());
}

.map area {
    -webkit-tap-highlight-color: transparent;
}

.map {
    background: url(../images/bg.png) left top no-repeat;
    width: 700px;
    height: 600px;
}

.map .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.map {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 770px;
    height: 663px;
    z-index: 1;
}

.map .parts {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.map .parts .part {
    position: absolute;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.map .parts .part span{
    opacity: 0;
    filter: alpha(opacity='0');
}
.map .parts .part.a span{
    opacity: 0.1;
    filter: alpha(opacity='10');
}

.map .parts .part.show span{
    opacity: 1;
    filter: alpha(opacity='100');
}

.map .parts .part.act {
    animation: partshow 1s linear 0s 90 both;
    -webkit-animation: partshow 3s linear 0s 3 both;
}

.map .parts .part span {
    display: block;
}

.map .name {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/name.png) 0 0 no-repeat;
    display: none;
}

@-webkit-keyframes partshow {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@keyframes partshow {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

.part-xinjiang {
    left: 5px;
    top: 81px;
}

.part-xinjiang span {
    background: url(../images/xinjiang.png) 0 0 no-repeat;
    width: 280px;
    height: 214px;
}

.part-xizang {
    left: 36px;
    top: 270px;
}

.part-xizang span {
    background: url(../images/xizang.png) 0 0 no-repeat;
    width: 286px;
    height: 174px;
}

.part-gansu {
    left: 233px;
    top: 192px;
}

.part-gansu span {
    background: url(../images/gansu.png) 0 0 no-repeat;
    width: 198px;
    height: 171px;
}

.part-qinghai {
    left: 182px;
    top: 244px;
}

.part-qinghai span {
    background: url(../images/qinghai.png) 0 0 no-repeat;
    width: 177px;
    height: 129px;
}

.part-sichuan {
    left: 280px;
    top: 330px;
}

.part-sichuan span {
    background: url(../images/sichuan.png) 0 0 no-repeat;
    width: 154px;
    height: 136px;
}

.part-yunnan {
    left: 275px;
    top: 411px;
}

.part-yunnan span {
    background: url(../images/yunnan.png) 0 0 no-repeat;
    width: 126px;
    height: 131px;
}

.part-guangxi {
    left: 373px;
    top: 452px;
}

.part-guangxi span {
    background: url(../images/guangxi.png) 0 0 no-repeat;
    width: 112px;
    height: 87px;
}

.part-guizhou {
    left: 360px;
    top: 409px;
}

.part-guizhou span {
    background: url(../images/guizhou.png) 0 0 no-repeat;
    width: 87px;
    height: 76px;
}

.part-hunan {
    left: 434px;
    top: 393px;
}

.part-hunan span {
    background: url(../images/hunan.png) 0 0 no-repeat;
    width: 79px;
    height: 91px;
}

.part-chongqing {
    left: 387px;
    top: 363px;
}

.part-chongqing span {
    background: url(../images/chongqing.png) 0 0 no-repeat;
    width: 66px;
    height: 67px;
}

.part-hubei {
    left: 426px;
    top: 345px;
}

.part-hubei span {
    background: url(../images/hubei.png) 0 0 no-repeat;
    width: 109px;
    height: 70px;
}

.part-jiangxi {
    left: 498px;
    top: 390px;
}

.part-jiangxi span {
    background: url(../images/jiangxi.png) 0 0 no-repeat;
    width: 71px;
    height: 93px;
}

.part-shanxi {
    left: 446px;
    top: 224px;
}

.part-shanxi span {
    background: url(../images/shanxi-up.png) 0 0 no-repeat;
    width: 52px;
    height: 106px;
}

.part-shanxi2 {
    left: 387px;
    top: 246px;
}

.part-shanxi2 span {
    background: url(../images/shanxi.png) 0 0 no-repeat;
    width: 75px;
    height: 128px;
}

.part-henan {
    left: 450px;
    top: 292px;
}

.part-henan span {
    background: url(../images/henan.png) 0 0 no-repeat;
    width: 85px;
    height: 82px;
}

.part-anhui {
    left: 509px;
    top: 316px;
}

.part-anhui span {
    background: url(../images/anhui.png) 0 0 no-repeat;
    width: 70px;
    height: 85px;
}

.part-hebei {
    left: 483px;
    top: 189px;
}

.part-hebei span {
    background: url(../images/hebei.png) 0 0 no-repeat;
    width: 80px;
    height: 112px;
}

.part-neimenggu {
    left: 289px;
    top: 21px;
}

.part-neimenggu span {
    background: url(../images/neimenggu.png) 0 0 no-repeat;
    width: 306px;
    height: 262px;
}

.part-ningxia {
    left: 369px;
    top: 250px;
}

.part-ningxia span {
    background: url(../images/ningxia.png) 0 0 no-repeat;
    width: 45px;
    height: 71px;
}

.part-beijing {
    left: 504px;
    top: 216px;
}

.part-beijing span {
    background: url(../images/beijing.png) 0 0 no-repeat;
    width: 29px;
    height: 29px;
}

.part-tianjin {
    left: 520px;
    top: 226px;
}

.part-tianjin span {
    background: url(../images/tianjin.png) 0 0 no-repeat;
    width: 23px;
    height: 30px;
}

.part-heilongjiang {
    left: 535px;
    top: 15px;
}

.part-heilongjiang span {
    background: url(../images/heilongjiang.png) 0 0 no-repeat;
    width: 156px;
    height: 143px;
}

.part-jilin {
    left: 560px;
    top: 123px;
}

.part-jilin span {
    background: url(../images/jilin.png) 0 0 no-repeat;
    width: 119px;
    height: 83px;
}

.part-liaoning {
    left: 542px;
    top: 168px;
}

.part-liaoning span {
    background: url(../images/liaoning.png) 0 0 no-repeat;
    width: 86px;
    height: 82px;
}

.part-shandong {
    left: 506px;
    top: 259px;
}

.part-shandong span {
    background: url(../images/shandong.png) 0 0 no-repeat;
    width: 97px;
    height: 64px;
}

.part-jiangsu {
    left: 524px;
    top: 307px;
}

.part-jiangsu span {
    background: url(../images/jiangsu.png) 0 0 no-repeat;
    width: 84px;
    height: 66px;
}

.part-shanghai {
    left: 592px;
    top: 356px;
}

.part-shanghai span {
    background: url(../images/shanghai.png) 0 0 no-repeat;
    width: 19px;
    height: 18px;
}

.part-zhejiang {
    left: 559px;
    top: 368px;
}

.part-zhejiang span {
    background: url(../images/zhejiang.png) 0 0 no-repeat;
    width: 55px;
    height: 63px;
}

.part-fujian {
    left: 531px;
    top: 412px;
}

.part-fujian span {
    background: url(../images/fujian.png) 0 0 no-repeat;
    width: 66px;
    height: 80px;
}

.part-guangdong {
    left: 448px;
    top: 463px;
}

.part-guangdong span {
    background: url(../images/guangdong.png) 0 0 no-repeat;
    width: 113px;
    height: 91px;
}

.part-hainan {
    left: 434px;
    top: 551px;
}

.part-hainan span {
    background: url(../images/hainan.png) 0 0 no-repeat;
    width: 38px;
    height: 33px;
}

.part-taiwan {
    left: 596px;
    top: 455px;
}

.part-taiwan span {
    background: url(../images/taiwan.png) 0 0 no-repeat;
    width: 27px;
    height: 58px;
}

.part-neimeng {
    left: 290px;
    top: 20px;
}

.part-neimeng span {
    background: url(../images/neimeng.png) 0 0 no-repeat;
    width: 306px;
    height: 262px;
}

.part-tianjin {
    left: 521px;
    top: 226px;
}

.part-tianjin span {
    background: url(../images/tianjin.png) 0 0 no-repeat;
    width: 23px;
    height: 30px;
}

.popup {
    position: absolute;
    z-index: 5;
    width: 312px;
    padding-bottom: 40px;
    left: 600px;
    font-size: 12px;
    display: none;
}

.popup-in {
    background: #fff;
    border: solid 1px #666;
}

.popup-head {
    height: 28px;
    line-height: 28px;
    background: url(../images/img_04.png) 0 0 repeat-x;
    padding-left: 17px;
    padding-right: 10px;
}

.popup-head a:link, .popup-head a:visited {
    color: #40613c;
    text-decoration: none;
}

.popup-head a:active, .popup-head a:hover, .popup-head a:focus {
    color: #40613c;
    text-decoration: underline;
}

.popup-head-lt {
    float: left;
    display: inline;
}

.popup-head-rt {
    float: right;
    display: inline;
}

.popup-tj {
    line-height: 20px;
    height: 20px;
    padding-top: 10px;
    padding-left: 17px;
    color: #000;
}

.popup-in ul {
    padding: 0 0 0 17px;
    /* lxl.fixn */
}

.popup-in li {
    padding-left: 15px;
    line-height: 22px;
    background: url(../images/point_01.png) 0 50% no-repeat;
}

.popup-in li a:link {
    color: #000;
    text-decoration: none;
}

.popup-in li a:visited {
    color: #800080;
    text-decoration: none;
}

.popup-in li a:active, .popup-in li a:hover, .popup-in li a:focus {
    color: #375435;
    text-decoration: underline;
}

.popup-bt {
    width: 67px;
    height: 41px;
    font-size: 0px;
    overflow: hidden;
    background: url(../images/img_05.png) 50% 50% no-repeat;
    position: absolute;
    left: 117px;
    bottom: 0px;
}

.popup-tj {
    background: #fff;
}

.cname {
    position: fixed;
    left: 0;
    top: 0;
    width: 157px;
    height: 47px;
    line-height: 47px;
    background: url(../images/bg_city.png) center center no-repeat;
    text-align: center;
    padding: 34px 31px 31px 32px;
    opacity: 0;
    z-index: -1;
    font-size: 14px;
    color: #474747;
    transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}

.cname b {
    font-weight: normal;
}

/*20151216*/

.alyer {
    background: url(../images/alyer.png) repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    display: none;
}

.alyer .search {
    width: 410px;
    margin: 0 auto;
    border-bottom: 1px solid #7e7e7e;
    padding: 15px 0;
    margin-top: 18%;
}

.alyer .search input[type=text] {
    width: 345px;
    color: #666666;
    border: none;
    border-right: 1px solid #7e7e7e;
    background: none;
}

.alyer .search input[type=submit] {
    background: none;
    border: none;
    float: right;
    color: #333333;
}

.index4 .mapbox .map {
    opacity: 0;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: scale(0.7) rotateX(60deg);
    -webkit-transform: scale(0.7) rotateX(60deg);
    transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
}
.index4.appear .mapbox .map {
    transform: scale(1) rotateX(0deg);
    -webkit-transform: scale(1) rotateX(0deg);
    opacity: 1;
}

.dot-map{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.dot-map:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #bee1f0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 2;
}
.dot-map:after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #00a0e9;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 3;
}
.logo-map{
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    animation: scale2 2s linear infinite;
}
@keyframes scale2 {
    from {
        margin-top: -24px;
    }

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

    to {
        margin-top: -24px;
    }
}