@charset "utf-8";

/* CSS Document */
.xiamenBx {
    position: absolute;
    width: 935px;
    height: 418px;
    background: url(../images/xmLogo.png) no-repeat;
    background-size: 100%;
    top: 41px;
    left: 130px
}

.xiamenName {
    color: #fff;
    font-size: 96px;
    position: absolute;
    top: 220px;
    left: 460px;
    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;
}

.areaBox a.tongan {
    top: 230px;
    left: 1761px;
}

.areaBox a.xiangan {
    top: 485px;
    right: 1344px;
}

.areaBox a.jimei {
    top: 790px;
    left: 1347px;
}

.areaBox a.haicang {
    bottom: 405px;
    left: 1422px;
}

.areaBox a.huli {
    bottom: 442px;
    right: 1839px
}

.areaBox a.siming {
    bottom: 178px;
    right: 1700px
}


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

.riverBox a em {
    position: absolute
}

.riverBox a.tingxishuiku {
    top: 434px;
    right: 1681px;
}

.riverBox a.dongxi {
    top: 462px;
    right: 1416px
}

.riverBox a.shidoushuiku {
    top: 766px;
    left: 1348px;
}

.riverBox a.xixi {
    top: 637px;
    left: 1940px;
}

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

.riverBox a.dongjugang {
    top: 1106px;
    left: 1898px;
    font-size: 30px;
}

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

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

.riverBox a.jiulongjiangkou {
    top: 1610px;
    left: 1180px;
    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 {
    top: 1756px;
    left: 1597px;
    font-size: 30px
}

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


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

.highSpeedBx a.zhagnxiaquan {
    top: 745px;
    left: 1789px;
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
}


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

.elementBox a em {
    position: absolute;
    font-size: 34px;
    line-height: 1.1;
    color: #000;
    padding: 8px 20px;
    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;
    background-size: 100%;
}

.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);
}

.longyan {
    width: 281px;
    height: 199px;
    top: 133px;
    left: 1392px
}

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

.longyan em {
    top: 70px;
    right: -110px;
}

.hailijian {
    width: 297px;
    height: 167px;
    bottom: 552px;
    left: 1073px
}

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

.hailijian em {
    top: 161px;
    left: 67px;
}

.fenke {
    width: 234px;
    height: 197px;
    top: 422px;
    left: 1705px
}

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

.fenke em {
    top: -47px;
    left: -26px;
}

.eyyhz {
    width: 267px;
    height: 230px;
    bottom: 575px;
    left: 1943px
}

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

.eyyhz em {
    top: 219px;
    left: 141px;
}

.gongtang {
    width: 332px;
    height: 163px;
    top: 812px;
    right: 1312px
}

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

.gongtang em {
    top: -15px;
    left: 256px;
}

.matisu {
    width: 213px;
    height: 202px;
    top: 195px;
    right: 1605px
}

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

.matisu em {
    top: 143px;
    right: -158px;
}

.qingmeizi {
    width: 203px;
    height: 188px;
    top: 382px;
    right: 1084px
}

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

.qingmeizi em {
    top: 20px;
    left: -168px;
}

.wsqc {
    width: 614px;
    height: 221px;
    top: 113px;
    right: 825px
}

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

.wsqc em {
    top: 20px;
    left: 130px;
}

.bianshi {
    width: 258px;
    height: 200px;
    bottom: 15px;
    right: 1442px
}

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

.bianshi em {
    top: 7px;
    right: -167px;
}

.tieguanyin {
    width: 256px;
    height: 166px;
    top: 436px;
    right: 1470px
}

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

.tieguanyin em {
    top: -48px;
    left: 20px;
}

.wanzke {
    width: 247px;
    height: 181px;
    top: 698px;
    right: 1680px
}

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

.wanzke em {
    top: -48px;
    left: 24px;
}

.sucai {
    width: 228px;
    height: 165px;
    bottom: 215px;
    left: 1679px
}

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

.sucai em {
    top: -45px;
    left: 34px;
}

.jiangmuya {
    width: 370px;
    height: 241px;
    bottom: 554px;
    right: 1016px
}

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

.jiangmuya em {
    top: -48px;
    left: 91px;
}


.erou {
    width: 269px;
    height: 198px;
    bottom: 830px;
    right: 892px
}

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

.erou em {
    top: -58px;
    right: -20px;
}

.jtpr {
    width: 263px;
    height: 179px;
    top: 596px;
    right: 1113px
}

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

.jtpr em {
    top: 28px;
    right: -160px;
}

.yusong {
    width: 247px;
    height: 151px;
    top: 822px;
    left: 1410px
}

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

.yusong em {
    top: 117px;
    left: -127px;
}

.tafr {
    width: 308px;
    height: 188px;
    top: 415px;
    left: 1330px
}

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

.tafr em {
    top: -43px;
    left: 114px;
}

.luobopi {
    width: 240px;
    height: 153px;
    bottom: 328px;
    left: 1196px
}

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

.luobopi em {
    top: -26px;
    left: 95px;
}

.lvdougao {
    width: 290px;
    height: 149px;
    bottom: 20px;
    left: 1691px
}

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

.lvdougao em {
    top: -45px;
    left: 18px;
}

.bobing {
    width: 234px;
    height: 174px;
    bottom: 140px;
    left: 1317px
}

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

.bobing em {
    top: 42px;
    left: -94px;
}

.qingguo {
    width: 278px;
    height: 162px;
    bottom: 397px;
    left: 1491px
}

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

.qingguo em {
    top: -41px;
    left: 66px;
}

.tulongtang {
    width: 220px;
    height: 164px;
    bottom: 658px;
    right: 1865px
}

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

.tulongtang em {
    top: -45px;
    left: 1px;
}

.jlybbc {
    width: 261px;
    height: 235px;
    bottom: 280px;
    right: 1327px
}

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

.jlybbc em {
    top: 50px;
    right: -220px;
}

.haitianji {
    width: 208px;
    height: 135px;
    bottom: 363px;
    right: 1623px
}

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

.haitianji em {
    top: 127px;
    left: 45px;
}



/**分类**/
.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;
}


.mxianhu {
    width: 272px;
    height: 165px;
    background: url(../images/ZGHDKO5FJKXMS00134.png) no-repeat;
    background-size: 100%;
    top: 527px;
    left: 800px;
    opacity: 0
}

.mxianhu em {
    top: 175px;
    left: 80px;
}


.youcke {
    width: 301px;
    height: 178px;
    background: url(../images/ZGHDK05FJKXMSZT00118.png) no-repeat;
    background-size: 100%;
    top: 800px;
    left: 730px;
    opacity: 0
}

.youcke em {
    top: 195px;
    left: 100px;
}

.huashengtang {
    width: 259px;
    height: 319px;
    background: url(../images/ZGHDK05FJKXMSZT00119.png) no-repeat;
    background-size: 100%;
    top: 756px;
    left: -90px;
    opacity: 0
}

.huashengtang em {
    top: -55px;
    right: 0px;
}

.huluobo {
    width: 304px;
    height: 297px;
    background: url(../images/ZGHDK05FJKXMSZT00126.png) no-repeat;
    background-size: 100%;
    top: -99px;
    right: 453px;
    opacity: 0
}

.huluobo em {
    top: 304px;
    left: 58px;
}

.yuwan {
    width: 212px;
    height: 229px;
    background: url(../images/ZGHDK05FJKXMSZT00127.png) no-repeat;
    background-size: 100%;
    top: 470px;
    left: 445px;
    opacity: 0
}

.yuwan em {
    top: 235px;
    left: 0px;
}

.zhazao {
    width: 370px;
    height: 214px;
    background: url(../images/ZGHDKO5FJKXMS00066.png) no-repeat;
    background-size: 100%;
    top: 1216px;
    left: -80px;
    opacity: 0
}

.zhazao em {
    top: 225px;
    left: 120px;
}

.dongfenya {
    width: 318px;
    height: 209px;
    background: url(../images/ZGHDK05FJKXMSZT00128.png) no-repeat;
    background-size: 100%;
    bottom: 431px;
    left: 716px;
    opacity: 0
}

.dongfenya em {
    top: 215px;
    left: 80px;
}

.mutongfan {
    width: 263px;
    height: 254px;
    background: url(../images/ZGHDK05FJKXMSZT00130.png) no-repeat;
    background-size: 100%;
    bottom: 775px;
    left: 410px;
    opacity: 0
}

.mutongfan em {
    top: 273px;
    left: 37px;
}

.maci {
    width: 353px;
    height: 164px;
    background: url(../images/ZGHDK05FJKXMSZT00131.png) no-repeat;
    background-size: 100%;
    bottom: 0px;
    left: 390px;
    opacity: 0
}

.maci em {
    top: 180px;
    left: 77px;
}

.rouzong {
    width: 310px;
    height: 162px;
    background: url(../images/ZGHDK05FJKXMSZT00132.png) no-repeat;
    background-size: 100%;
    top: 0px;
    right: 146px;
    opacity: 0
}

.rouzong em {
    top: 172px;
    left: 93px;
}

.shachamian {
    width: 306px;
    height: 224px;
    background: url(../images/ZGHDKO5FJKXMS00121.png) no-repeat;
    background-size: 100%;
    top: 475px;
    right: 595px;
    opacity: 0
}

.shachamian em {
    top: 235px;
    left: 78px;
}

.tusundong {
    width: 256px;
    height: 147px;
    background: url(../images/ZGHDKO5FJKXMS00244.png) no-repeat;
    background-size: 100%;
    top: 549px;
    right: 0px;
    opacity: 0
}

.tusundong em {
    top: 160px;
    left: 75px;
}

.zhawuxiang {
    width: 236px;
    height: 157px;
    background: url(../images/ZGHDKO5FJKXMS00123.png) no-repeat;
    background-size: 100%;
    top: 825px;
    right: 637px;
    opacity: 0
}

.zhawuxiang em {
    top: 178px;
    left: 60px;
}

.hsjrg {
    width: 292px;
    height: 213px;
    background: url(../images/ZGHDKO5FJKXMS00229.png) no-repeat;
    background-size: 100%;
    top: 770px;
    right: -120px;
    opacity: 0
}

.hsjrg em {
    top: 226px;
    left: 60px;
}

.xiamian {
    width: 259px;
    height: 200px;
    background: url(../images/ZGHDKO5FJKXMS00151.png) no-repeat;
    background-size: 100%;
    bottom: 503px;
    right: 595px;
    opacity: 0
}

.xiamian em {
    top: 218px;
    left: 72px;
}

.miyou {
    width: 222px;
    height: 201px;
    background: url(../images/ZGHDKO5FJKXMS00087.png) no-repeat;
    background-size: 100%;
    bottom: 512px;
    right: -138px;
    opacity: 0
}

.miyou em {
    top: 227px;
    left: 18px;
}

.manjiangao {
    width: 305px;
    height: 230px;
    background: url(../images/ZGHDKO5FJKXMS00107.png) no-repeat;
    background-size: 100%;
    bottom: 0px;
    right: 453px;
    opacity: 0
}

.manjiangao em {
    top: 242px;
    left: 77px;
}

.yupihuasheng {
    width: 241px;
    height: 191px;
    background: url(../images/ZGHDKO5FJKXMS00063.png) no-repeat;
    background-size: 100%;
    bottom: 0px;
    right: 127px;
    opacity: 0
}

.yupihuasheng em {
    top: 164px;
    left: 27px;
}