@charset "utf-8";
/* CSS Document */

#area .tp li {
    margin: 15px 0
}

@media (max-width: 759px) and (min-width: 500px) {
    #area .tp li {
        width: 100%
    }
}

@media (max-width: 499px) and (min-width: 290px) {
    #area .tp li {
        width: 100%
    }
}

#area .a {
    background: #f4f5f7
}

#area .e-ico-1,
#area .e-ico-2,
#area .e-ico-3,
#area .e-ico-4 {
    display: block;
    overflow: hidden;
    width: 270px;
    height: 230px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

@media (max-width: 499px) and (min-width: 290px) {
    #area .e-ico-1,
    #area .e-ico-2,
    #area .e-ico-3,
    #area .e-ico-4 {
        margin: 0 auto;
        vertical-align: middle
    }
}

#area .e-ico-1-1 {
    background: url(/img/area/kuangshan/pe.png) no-repeat
}

#area .e-ico-2-1 {
    background: url(/img/area/kuangshan/hpt.png) no-repeat
}

#area .e-ico-3-1 {
    background: url(/img/area/kuangshan/c6x.png) no-repeat
}


#area .e-ico-1-2 {
    background: url(/img/area/jianzhu/5x.png) no-repeat
}

#area .e-ico-2-2 {
    background: url(/img/area/jianzhu/hst.png) no-repeat
}

#area .e-ico-3-2 {
    background: url(/img/area/jianzhu/oubanfanjipo.png) no-repeat
}

#area .e-ico-4-2 {
    background: url(/img/area/jianzhu/zhongsui.png) no-repeat
}

#area .e-ico-1-3 {
    background: url(/img/area/zhifen/cm.png) no-repeat
}

#area .e-ico-2-3 {
    background: url(/img/area/zhifen/lm.png) no-repeat
}

#area .e-ico-3-3 {
    background: url(/img/area/zhifen/lum.png) no-repeat
}

#area .e-ico-4-3 {
    background: url(/img/area/zhifen/mtw.png) no-repeat
}

#area .e-ico-1-4 {
    background: url(/img/area/lvse/6x.png) no-repeat
}

#area .e-ico-2-4 {
    background: url(/img/area/lvse/lvdai.png) no-repeat
}

#area .e-ico-3-4 {
    background: url(/img/area/lvse/vu.png) no-repeat
}

#area .e-ico-4-4 {
    background: url(/img/area/lvse/xisui.png) no-repeat
}

#area .e-1 i,
#area .e-2 i,
#area .e-3 i,
#area .e-4 i {
    background-position: 0 0
}

#area .e-1 a:hover i,
#area .e-2 a:hover i,
#area .e-3 a:hover i,
#area .e-4 a:hover i {
    background-position: 0 -230px
}

#area .blk {
    background: #f4f5f7;
    height: 230px
}

@media (min-width: 500px) {
    #area .blk {
        margin-left: 270px;
        margin-top: -230px
    }
}

@media (min-width: 1200px) {
    #area .blk {
        width: 300px
    }
}

@media (max-width: 499px) and (min-width: 290px) {
    #area .blk {
        text-align: center;
        height: 150px
    }
}

#area .blk h4 {
    font-size: 18px;
    font-weight: normal;
    padding-top: 62px;
    padding-bottom: 24px
}

@media (min-width: 760px) {
    #area .blk h4 {
        padding-left: 30px
    }
}

@media (min-width: 1000px) {
    #area .blk h4 {
        padding-left: 10px
    }
}

@media (min-width: 1200px) {
    #area .blk h4 {
        padding-left: 32px
    }
}

@media (max-width: 499px) and (min-width: 290px) {
    #area .blk h4 {
        padding-top: 20px
    }
}

#area .blk h4:hover {
    color: #db1000
}

#area .blk p {
    font-size: 14px;
    line-height: 28px
}

@media (min-width: 760px) {
    #area .blk p {
        padding-left: 30px
    }
}

@media (min-width: 1000px) {
    #area .blk p {
        padding-left: 10px
    }
}

@media (min-width: 1200px) {
    #area .blk p {
        padding-left: 32px
    }
}

#area .blk p a:hover {
    color: #1482e6
}