@charset "utf-8";

/* CSS Document */
.xiamenBx {
    position: absolute;
    width: 768px;
    height: 328px;
    background: url(../images/xmLogo.png) no-repeat;
    background-size: 100%;
    top: 25px;
    right: 143px
}

.xiamenName {
    color: #fff;
    font-size: 100px;
    position: absolute;
    top: 150px;
    left: 400px;
    line-height: 1
}

.fireworks {
    position: absolute;
    width: 83px;
    height: 75px;
    background: url(../images/fireworks.png) no-repeat;
    background-size: 100%
}

.fire01 {
    top: 39px;
    right: 120px;
    -webkit-animation: fireworks 1s infinite;
    animation: fireworks 1s infinite;
}

.fire02 {
    bottom: -20px;
    left: 135px;
    animation: fireworks 3s infinite;
    -webkit-animation: fireworks 3s infinite;
}

@keyframes fireworks {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes fireworks {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}


.bgbord {
    width: 3700px;
    height: 1802px;
    border: 0
}

.bgbord,
.mask {
    border-radius: 50px
}

/**行政划分**/
.areaBox a {
    width: 45px;
    padding: 12px 0;
    text-align: center;
    font-size: 30px;
    color: #fff;
    position: absolute;
    background: #ff0707;
    border-radius: 20px;
    line-height: 1;
    font-weight: bold;
    z-index: 9;
}

.areaBox a.tongan {
    top: 239px;
    left: 1667px;
}

.areaBox a.xiangan {
    top: 662px;
    right: 1202px;
}

.areaBox a.jimei {
    top: 762px;
    left: 1380px;
}

.areaBox a.haicang {
    bottom: 668px;
    left: 1302px;
}

.areaBox a.huli {
    bottom: 408px;
    right: 1854px
}

.areaBox a.siming {
    bottom: 203px;
    right: 1629px
}


/**河流**/
.riverBox a {
    position: absolute;
    font-size: 25px;
    color: #2a5bab;
    font-weight: bold;
    line-height: 1
}

.riverBox a em {
    position: absolute
}

.riverBox a.tingxishuiku {
    top: 382px;
    left: 1940px;
}

.riverBox a.dongxi {
    top: 500px;
    left: 2100px
}

.riverBox a.shidoushuiku {
    top: 740px;
    left: 1515px;
}

.riverBox a.xixi {
    top: 629px;
    left: 1945px;
}

.riverBox a.xixi em.xi {
    top: 41px;
    left: 36px
}

.riverBox a.dongjugang {
    top: 1070px;
    left: 1928px;
    font-size: 30px;
}

.riverBox a.dongjugang em.ju {
    top: 50px;
    left: -16px
}

.riverBox a.dongjugang em.gang {
    top: 98px;
    left: -41px
}

.riverBox a.maluanwan {
    top: 1316px;
    left: 1576px;
}

.riverBox a.jiulongjiangkou {
    top: 1585px;
    left: 1147px;
    transform: rotate(23deg);
    -webkit-transform: rotate(23deg);
    font-size: 30px;
    -moz-transform: rotate(23deg);
    -ms-transform: rotate(23deg);
    -o-transform: rotate(23deg);
}

.riverBox a.xiamengang {
    bottom: 22px;
    left: 1711px;
    font-size: 30px
}


/**高速路**/
.highSpeedBx a {
    position: absolute;
    font-size: 22px;
    color: #784111;
    font-weight: bold
}

.highSpeedBx a.zhagnxiaquan {
    top: 1144px;
    left: 1134px;
    transform: rotate(-31deg);
    -webkit-transform: rotate(-31deg);
}


/**元素**/
.elementBox a {
    position: absolute
}

.elementBox a em {
    position: absolute;
    font-size: 34px;
    line-height: 1.1;
    color: #000;
    border-radius: 20px;
    white-space: nowrap;
    font-weight: bold
}

.elementBox a span {
    display: block;
    width: 100%;
    height: 100%
}

.db {
    position: absolute;
    width: 42px;
    height: 55px;
    background: url(../images/db.png) no-repeat;
    /* display: none; */
}

.elementBox a:hover .db {
    -webkit-animation: float ease-in-out .4s infinite;
    animation: float ease-in-out .4s infinite;
}

.elementBox a:hover span,
.elementBox a:hover em {
    transform: scale(1.1);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.aoyuan {
    width: 267px;
    height: 187px;
    top: 992px;
    left: 1749px;
}

.aoyuan span {
    background: url(../images/ZGHDKO5FJKXMS00081.png) no-repeat;
    background-size: 100%
}

.aoyuan .db {
    top: 196px;
    left: 26px;
}

.aoyuan em {
    top: 192px;
    left: 73px;
}

.hlspt {
    width: 243px;
    height: 155px;
    bottom: 28px;
    right: 1518px
}

.hlspt span {
    background: url(../images/ZGHDKO5FJKXMS00220.png) no-repeat;
    background-size: 100%
}

.hlspt .db {
    top: 39px;
    left: -57px;
}

.hlspt em {
    top: 94px;
    right: -78px;
}

.txyz {
    width: 277px;
    height: 127px;
    top: 350px;
    left: 1551px;
}

.txyz span {
    background: url(../images/ZGHDK05FJKXMSZT00001.png) no-repeat;
    background-size: 100%
}

.txyz .db {
    top: 52px;
    right: -30px;
}

.txyz em {
    top: 103px;
    left: 1px;
}

.lst {
    width: 309px;
    height: 198px;
    top: 679px;
    left: 1699px
}

.lst span {
    background: url(../images/ZGHDK05FJKXMSZT00004.png) no-repeat;
    background-size: 100%
}

.lst .db {
    top: -31px;
    right: 37px;
}

.lst em {
    top: -40px;
    left: 107px;
}

.plmft {
    width: 243px;
    height: 328px;
    top: 238px;
    right: 1252px
}

.plmft span {
    background: url(../images/ZGHDK05FJKXMSZT00005.png) no-repeat;
    background-size: 100%
}

.plmft .db {
    top: 225px;
    left: -42px;
}

.plmft em {
    top: 324px;
    right: 13px;
}

.takm {
    width: 335px;
    height: 240px;
    top: 567px;
    left: 1982px;
}

.takm span {
    background: url(../images/ZGHDKO5FJKXMS00279.png) no-repeat;
    background-size: 100%
}

.takm .db {
    top: 42px;
    left: -19px;
}

.takm em {
    top: 244px;
    left: 152px;
}

.glyjdjz {
    width: 376px;
    height: 176px;
    bottom: 10px;
    left: 1321px
}

.glyjdjz span {
    background: url(../images/ZGHDK05FJKXMSZT00011.png) no-repeat;
    background-size: 100%
}

.glyjdjz .db {
    top: 10px;
    right: 12px;
}

.glyjdjz em {
    top: 71px;
    left: -150px;
    text-align: right
}

.cjgxsgj {
    width: 368px;
    height: 197px;
    top: 1010px;
    left: 1385px;
}

.cjgxsgj span {
    background: url(../images/ZGHDKO5FJKXMS00017.png) no-repeat;
    background-size: 100%
}

.cjgxsgj .db {
    top: 166px;
    right: -16px;   
}

.cjgxsgj em {
    top: 192px;
    left: 38px;
}

.wtdtyz {
    width: 347px;
    height: 202px;
    top: 1373px;
    left: 1827px;
}

.wtdtyz span {
    background: url(../images/ZGHDK05FJKXMSZT00018.png) no-repeat;
    background-size: 100%
}

.wtdtyz .db {
    top: 77px;
    left: -42px;
}

.wtdtyz em {
    top: 23px;
    left: 331px;
}

.xmhdjnb {
    width: 335px;
    height: 240px;
    bottom: 484px;
    right: 1497px
}

.xmhdjnb span {
    background: url(../images/ZGHDK05FJKXMSZT00019.png) no-repeat;
    background-size: 100%
}

.xmhdjnb .db {
    top: 142px;
    left: -43px;
}

.xmhdjnb em {
    top: -65px;
    left: 231px;
    line-height: 1.3 !important;
}

.qlbwg {
    width: 320px;
    height: 209px;
    top: 1365px;
    left: 1426px;
}

.qlbwg span {
    background: url(../images/ZGHDKO5FJKXMS00026.png) no-repeat;
    background-size: 100%
}

.qlbwg .db {
    top: 80px;
    left: 257px;
}

.qlbwg em {
    top: 203px;
    left: -26px
}

.jmdx {
    width: 317px;
    height: 213px;
    top: 759px;
    left: 1255px
}

.jmdx span {
    background: url(../images/ZGHDKO5FJKXMS00010.png) no-repeat;
    background-size: 100%
}

.jmdx .db {
    top: 210px;
    right: 52px;
}

.jmdx em {
    top: 217px;
    left: 70px
}

.xmdx {
    width: 351px;
    height: 272px;
    top: 981px;
    left: 2394px;
}

.xmdx span {
    background: url(../images/ZGHDKO5FJK00011.png) no-repeat;
    background-size: 100%
}

.xmdx .db {
    top: 93px;
    left: -38px;
}

.xmdx em {
    top: -24px;
    left: 44px
}

.qqcjzg {
    width: 358px;
    height: 164px;
    bottom: 284px;
    left: 1028px
}

.qqcjzg span {
    background: url(../images/ZGHDKO5FJKXMS00022.png) no-repeat;
    background-size: 100%
}

.qqcjzg .db {
    top: 51px;
    right: -79px;
}

.qqcjzg em {
    top: 162px;
    left: 65px;
}

.ftcs {
    width: 329px;
    height: 148px;
    top: 453px;
    left: 1828px
}

.ftcs span {
    background: url(../images/ZGHDKO5FJKXMS00005.png) no-repeat;
    background-size: 100%
}

.ftcs .db {
    top: 121px;
    left: 53px;
}

.ftcs em {
    top: -35px;
    left: 111px;
}






/**分类**/
.btnFont {
    overflow: hidden
}

.btnFont b {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    color: #fff;
    font-family: myFirstFont;
    letter-spacing: 3px;
}

.Brn {
    width: 246px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    background: #cc2222;
    border-radius: 20px;
    z-index: 9
}

.fenleiBox a {
    position: absolute
}

.fenleiBox a em {
    position: absolute;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.1;
    font-family: mySecondFont
}

.fenleiBox a:hover,
.fenleiBox a:hover em {
    transform: scale(1.1);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.Brn:hover {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.historyBtn {
    position: absolute;
    top: 155px;
    left: 0px;
    overflow: hidden;
    opacity: 0
}

.xmcyz {
    width: 291px;
    height: 181px;
    background: url(../images/ZGHDK05FJKXMSZT00008.png) no-repeat;
    top: 0px;
    left: 772px;
    opacity: 0
}

.xmcyz em {
    top: -55px;
    left: 82px;
}

.ltszyz {
    width: 329px;
    height: 217px;
    background: url(../images/ZGHDK05FJKXMSZT00002.png) no-repeat;
    top: 285px;
    left: 0px;
    opacity: 0
}

.ltszyz em {
    top: 223px;
    left: 55px;
}

.sctyz {
    width: 255px;
    height: 281px;
    background: url(../images/ZGHDK05FJKXMSZT00003.png) no-repeat;
    top: 260px;
    left: 492px;
    opacity: 0
}

.sctyz em {
    top: 284px;
    left: 40px;
}

.gdqd {
    width: 331px;
    height: 184px;
    background: url(../images/ZGHDK05FJKXMSZT00016.png) no-repeat;
    top: 482px;
    left: 920px;
    opacity: 0
}

.gdqd em {
    top: 192px;
    left: 40px;
}

.shike {
    width: 253px;
    height: 249px;
    background: url(../images/ZGHDK05FJKXMSZT00006.png) no-repeat;
    top: 581px;
    left: 0px;
    opacity: 0
}

.shike em {
    top: 250px;
    right: -30px;
    width: 310px
}

.chcm {
    width: 407px;
    height: 306px;
    background: url(../images/ZGHDK05FJKXMSZT00007.png) no-repeat;
    top: 600px;
    left: 398px;
    opacity: 0
}

.chcm em {
    top: 110px;
    left: 135px;
}

.cxglysk {
    width: 209px;
    height: 189px;
    background: url(../images/ZGHDK05FJKXMSZT00010.png) no-repeat;
    top: 795px;
    left: 895px;
    opacity: 0
}

.cxglysk em {
    top: 197px;
    right: -30px;
}

.cayjss {
    width: 280px;
    height: 224px;
    background: url(../images/ZGHDK05FJKXMSZT00014.png) no-repeat;
    top: 968px;
    left: 452px;
    opacity: 0
}

.cayjss em {
    top: 243px;
    left: 46px;
}

.mydskq {
    width: 287px;
    height: 180px;
    background: url(../images/ZGHDK05FJKXMSZT00017.png) no-repeat;
    top: 919px;
    left: 3px;
    opacity: 0
}

.mydskq em {
    top: 205px;
    left: 26px;
}



.zongjiaoBtn {
    position: absolute;
    bottom: 438px;
    left: 0px;
    overflow: hidden;
    opacity: 0
}

.xjlbt {
    width: 265px;
    height: 271px;
    background: url(../images/ZGHDK05FJKXMSZT00022.png) no-repeat;
    bottom: 6px;
    left: 102px;
    opacity: 0
}

.xjlbt em {
    top: 307px;
    left: 50px;
}

.dxbd {
    width: 250px;
    height: 242px;
    background: url(../images/ZGHDK05FJKXMSZT00009.png) no-repeat;
    bottom: 253px;
    left: 419px;
    opacity: 0
}

.dxbd em {
    top: 257px;
    right: -20px;
}

.npts {
    width: 351px;
    height: 150px;
    background: url(../images/ZGHDKO5FJKXMS00031.png) no-repeat;
    bottom: 0px;
    left: 704px;
    opacity: 0
}

.npts em {
    top: 157px;
    left: 125px;
}


.wenhuaBtn {
    position: absolute;
    top: 480px;
    right: 0px;
    overflow: hidden;
    opacity: 0
}

.zengcuoan {
    width: 329px;
    height: 177px;
    background: url(../images/ZGHDKO5FJKXMS00273.png) no-repeat;
    top: 582px;
    right: 732px;
    opacity: 0
}

.zengcuoan em {
    top: 160px;
    left: 108px;
}

.hqbwy {
    width: 384px;
    height: 170px;
    background: url(../images/ZGHDK05FJKXMSZT00013.png) no-repeat;
    top: 571px;
    right: 0px;
    opacity: 0
}

.hqbwy em {
    top: 168px;
    left: 126px;
}

.olympic {
    width: 352px;
    height: 143px;
    background: url(../images/ZGHDK05FJKXMSZT00021.png) no-repeat;
    top: 832px;
    right: 673px;
    opacity: 0
}

.olympic em {
    top: 150px;
    left: 55px;
}

.zcgjng {
    width: 496px;
    height: 199px;
    background: url(../images/ZGHDK05FJKXMSZT00020.png) no-repeat;
    top: 960px;
    right: 50px;
    opacity: 0
}

.zcgjng em {
    top: 210px;
    left: 160px;
}

.whclg {
    width: 362px;
    height: 204px;
    background: url(../images/ZGHDKO5FJKXMS00033.png) no-repeat;
    top: 1187px;
    right: 384px;
    opacity: 0
}

.whclg em {
    top: 210px;
    left: 16px;
}


.teachBtn {
    position: absolute;
    bottom: 340px;
    right: 0px;
    overflow: hidden;
    opacity: 0
}

.mnfxy {
    width: 184px;
    height: 292px;
    background: url(../images/ZGHDKO5FJKXMS00242.png) no-repeat;
    bottom: 0px;
    right: 997px;
    opacity: 0
}

.mnfxy em {
    top: 308px;
    right: 0px;
}

.cjgxyjz {
    width: 523px;
    height: 196px;
    background: url(../images/ZGHDK05FJKXMSZT00012.png) no-repeat;
    bottom: 158px;
    right: 437px;
    opacity: 0
}

.cjgxyjz em {
    top: 202px;
    left: 84px;
}

.jmxc {
    width: 319px;
    height: 177px;
    background: url(../images/ZGHDKO5FJKXMS00083.png) no-repeat;
    bottom: 268px;
    right: 81px;
    opacity: 0
}

.jmxc em {
    top: 195px;
    left: 103px;
}