body {

    margin: 0;

    padding: 0;

    font-size: 13px;

    font-family: "Microsoft YaHei";

    color: #323232;

}



body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,td,tr,th,p,font,b {

    padding: 0;

    margin: 0;

}



li,dd,ol,ul {

    list-style: none;

}



img {

    border: none;

}



a {

    outline: none;

    blr: expression(this.onFocus=this.blur());

    text-decoration: none;

    color: #323232

}



a:hover {

    color: #E80415

}



html {

    overflow-x: hidden

}



.fr {

    float: right;

}



.fl {

    float: left;

}



.login {

    width: 1200px;

    margin: 0 auto;

    height: 35px;

    /*line-height: 35px;*/

    padding: 30px 0;

    overflow: hidden;

}



.login .logo {

    float: left;

    height: 35px;

}



.login .tell {

    float: right;

    background: url(../images/tell.png) no-repeat left 9px;

    color: #9ec917;

    font-size: 18px;

    padding-left: 40px;

}



.login span {

    float: right;

    color: #6e706f;

    font-size: 16px;

    margin-right: 34px;

}

.login .logo a img{margin-top: -10px;}



.mw {

    min-width: 1200px;

    background: #eeeeee;

    height: 50px;

    /*padding: 3px 0 0 0;*/

}



.mw .menu {

    width: 1200px;

    margin: 0 auto;

}



.mw .menu:after {

    content: "";

    clear: both;

    display: block;

}



.mw .menu li {

    float: left;

    position: relative;

    height: 50px;

    padding: 0 25px;

}



.mw .menu li a {

    font-size: 16px;

    color: #666;

    display: block;

    text-align: center;

    margin-top: 5px;

}



.mw .menu li a p {

    font-size: 13px;

}



.mw .menu li a:hover {

    color: #9ec917;

}



.mw .menu li .aa {

    position: absolute;

    top: 41px;

    left: 0;

    z-index: 1000;

    width: 156px;

    display: none;

}



.mw .menu li .aa dd {

    height: 30px;

    border-bottom: 1px solid #a6bf58;

    background: #b0d243;

}



.mw .menu li .aa dd a {

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    color: #fff;

    padding: 0 0 0 15px;

    text-align: left;

    background: url(../images/ejico.png) no-repeat 5px 12px;

}



/* .banner{min-width:1200px; height:500px; margin:0 auto; position: relative;  overflow: hidden; z-index:-100}

.banner ul li{display: none; z-index: 2; width: 100%; height:500px; position: absolute; left: 0px; top: 0px; overflow: hidden; }

.banner ul li a{ display:block; width:100%; height:100%;}

.banner .page{ width:100%; height: 43px; background: none; position: absolute; left: 0px; bottom: 0px; z-index:5; text-align: center;}

.banner .page em{ display: inline-block; width: 10px; height: 10px; margin-top: 17px; background: url(../images/dd1.png) no-repeat center center; margin-right: 10px; cursor: pointer;}

.banner .page em.current{ width: 40px; background: url(../images/dd2.png) no-repeat center center;} */

.xzus {

    width: 1200px;

    margin: 0 auto;

    padding: 40px 0;

    overflow: hidden;

    text-align: center;

}



.xzus .title {

    height: 52px;

    background: url(../images/xline.jpg) no-repeat bottom center;

    font-weight: 100;

    font-size: 28px;

    color: #FF0000;

}



.xzus span {

    height: 42px;

    line-height: 42px;

    margin-top: 16px;

    display: block;

    font-size: 20px;

    color: #232124;

}



.xzus .zsjs {

    line-height: 36px;

    padding-top: 16px;

    display: block;

    font-size: 16px;

    color: #232124;

    width: 790px;

    margin: 0 auto;

    overflow: hidden;

}



.xzus p {

    line-height: 22px;

    display: block;

    font-size: 14px;

    color: #999;

    width: 760px;

    margin: 0 auto;

}



.usl {

    width: 1248px;

    margin: 0 auto;

    overflow: hidden;

}



.usl li {

    float: left;

    width: 262px;

    margin: 0 25px;

    border-bottom: 1px solid #ccc;

    border-top: 5px solid #ccc;

    padding: 22px 0 34px 0;

}



.usl li h5 {

    font-weight: 100;

    height: 32px;

    display: block;

    font-size: 16px;

    color: #222;

}



.usl li p {

    display: block;

    font-size: 13px;

    line-height: 22px;

    color: #999;

    height: 88px;

    overflow: hidden;

}



.sybt {

    width: 1200px;

    margin: 0 auto;

    /*text-align: center;*/

    padding: 40px 0 16px 0;

    overflow: hidden;

}



.sybt .title {

    font-weight: 100;

    color: #9ec917;

    font-size: 30px;

}



.sybt .fbt {

    color: #666;

    font-size: 20px;

    height: 40px;

    display:none;

}



.sybt .xcd {

    color: #222;

    font-size: 16px;

    height: 40px;

    line-height: 30px;

    width: 1200px;

    margin: 0 auto;

}



.sybt .xcd a {

    margin: 0 15px;

    color: #222;

    font-weight: 700;

}



.sybt .xcd a:hover {

    color: #9ec917;

}



.three {

    width: 1229px;

    margin: 0 auto;

    overflow: hidden;

}



.three li {

    width: 391px;

    height: 263px;

    float: left;

    margin: 0 0 0 14px;

    overflow: hidden;

    position: relative;

}



.three li .fwlm {

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    line-height: 263px;

    font-size: 36px;

    color: #fff;

    display: block;

    width: 391px;

    height: 263px;

    font-weight: 100;

    background: url(../images/tm.png) repeat;

}



.five {

    width: 1228px;

    margin: 0 auto;

    overflow: hidden;

}



.five li {

    width: 391px;

    height: 263px;

    float: left;

    margin: 0 0 13px 13px;

    overflow: hidden;

    position: relative;

}



.five li .fwlm {

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    display: block;

    width: 348px;

    height: 243px;

    font-weight: 100;

    background: url(../images/tm.png) repeat;

    padding: 20px 28px 0 15px;

}



.five li .fwlm p {

    font-size: 26px;

    margin-top: 16px;

}



.five li .fwlm span {

    display: block;

    width: 59px;

    height: 3px;

    background: #fff;

}



.ztw {

    min-width: 1200px;

    background: #eeeeee;

    height: 230px;

    padding: 30px 0;

}



.ztw .ztp {

    width: 1200px;

    height: 230px;

    margin: 0 auto;

    position: relative

}



.ztw .ztp .left {

    width: 50px;

    height: 70px;

    font-size: 20px;

    color: #fff;

    background: rgba(0,0,0,0.5);

    position: absolute;

    left: 0;

    top: 80px;

    line-height: 70px;

    text-align: center;

    cursor: pointer;

}



.ztw .middle {

    width: 1200px;

    height: 230px;

    overflow: hidden;

}



.ztw .middle a {

    display: block;

    width: 300px;

    height: 225px;

    float: left

}



.ztw .ztp .right {

    width: 50px;

    height: 70px;

    font-size: 20px;

    color: #fff;

    background: rgba(0,0,0,0.5);

    position: absolute;

    right: 0;

    top: 80px;

    line-height: 70px;

    text-align: center;

    cursor: pointer;

}



.mrzs {

    width: 1220px;

    margin: -20px auto 0 auto;

    overflow: hidden;

}



.mrzs li {

    float: left;

    width: 285px;

    margin: 10px 10px 0 10px;

}



.mrzs li em img {

    width: 285px;

    height: 196px;

    display: block;

    overflow: hidden;

    border-radius: 3px;

    border: 1px solid #cbcbcb;

}

.mrzs li em img:hover{border-color: #9ec917;}



.mrzs li .zsbt {

    font-weight: 100;

    text-align: center;

    font-size: 18px;

    height: 30px;

    line-height: 30px;

    padding-top: 6px;

}



.mrzs li .zsbt a {

    color: #242424;

}

.mrzs li .zsbt a:hover{color: #9ec917;}



.mrzs li p {

    text-align: center;

    font-size: 14px;

    height: 34px;

    color: #666;

    display: block;

}



.zhw {

    min-width: 1200px;

    /*background: #9dc816;*/

    height: 416px;

    overflow: hidden;

    padding: 5px 0;

}



.zhw .mrzh {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}



.zhw .mrzh li {

    width: 296px;

    margin: 1px;

    overflow: hidden;

    float: left;

    padding: 1px

}



.zhw .mrzh li img {

    border: 1px solid #fff

}



.syxw {

    width: 1200px;

    margin: 15px auto 50px auto;

    overflow: hidden;

}



.mtop {

    margin-top: -30px;

}



.syxw .xwbt {

    height: 55px;

    line-height: 54px;

    background: url(../images/xwline.jpg) repeat-x;

}



.syxw .xwbt .zbt {

    float: left;

    line-height: 54px;

    border-bottom: 1px solid #a4c60f;

    width: 300px;

    height: 54px;

    color: #9ec917;

}



.syxw .xwbt .zbt span {

    float: left;

    font-size: 22px;

}



.syxw .xwbt .zbt p {

    font-size: 14px;

    float: left;

    margin-left: 8px;

    line-height: 68px;

}



.syxw .xwbt a {

    float: right;

    width: 34px;

    height: 18px;

    display: block;

    margin-top: 24px;

}



.syxw .xwl {

    background: #fbfbfb;

    height: 120px;

    padding: 10px 0;

    margin-left: -24px;

    overflow: hidden;

}



.syxw .xwl li {

    float: left;

    width: 380px;

    padding: 0 0 0 4px;

    margin: 10px 0 0 24px;

}



.syxw .xwl li em img {

    width: 145px;

    height: 120px;

    display: block;

    overflow: hidden;

    float: left;

}



.syxw .xwl li .xwjs {

    float: right;

    width: 220px;

}



.syxw .xwl li .xwjs .title {

    font-weight: 100;

    height: 26px;

    line-height: 24px;
    overflow: hidden;

}



.syxw .xwl li .xwjs .title a {

    color: #000;

}



.syxw .xwl li .xwjs font {

    height: 28px;

    line-height: 20px;

    color: #565855;

    font-size: 13px;

    display: block;

}



.syxw .xwl li .xwjs p {

    height: 44px;

    line-height: 22px;

    color: #333;

    font-size: 14px;

    overflow: hidden;

}



.syxw .xwl li .xwjs .more {

    fheight: 22px;

    line-height: 22px;

}



.syxw .xwl li .xwjs .more a {

    color: #9dc816;

}



.hzw {

    min-width: 1200px;

    background: #f2f2f2;

    overflow: hidden;

    padding: 35px 0;

    margin-top: 44px;

}



.hzw .hzhb {

    width: 1194px;

    margin: 0 auto;

    border-top: 1px solid #b5b5b5;

    border-left: 1px solid #b5b5b5;

    overflow: hidden;

}



.hzw .hzhb li {

    border-bottom: 1px solid #b5b5b5;

    border-right: 1px solid #b5b5b5;

    float: left;

    width: 198px;

    height: 85px;

    overflow: hidden;

}



.bsw {

    min-width: 1200px;

    background: #4b494a;

}



.bsw .btom {

    width: 1200px;

    margin: 0 auto;

    padding: 30px 0;

    height: 215px;

    color: #fff;

}



.bsw .btom .bz {

    float: right;

    width: 480px;

}



.bsw .btom .bz .wxlo {

    float:right;

}



.bsw .btom .bz .wxlo span {

    float: left;

    overflow: hidden;

}



.bsw .btom .bz .wxlo .dlogo {

    float: left;

    margin: 0;

}



.bsw .btom .bz .wxlo .dlogo em {

    width: 133px;

    height: 25px;

    overflow: hidden;

}



.bsw .btom .bz .wxlo .dlogo p {

    height: 40px;

    line-height: 40px;

    font-size: 16px;

    display: block;

}



.bsw .btom .bz .tell {

    line-height: 30px;

    font-size: 15px;

    float:left;

    /*margin-top: 10px*/

}



.bsw .btom .bz .dyue {

    height: 54px;

}



.bsw .btom .bz .dyue p {

    display: block;

    height: 23px;

    font-size: 14px;

}



.bsw .btom .bz .dyue a {

    width: 31px;

    margin-right: 12px;

    height: 31px;

}



.bsw .btom .br {

    float: left;

    width: 660px;

}



.bsw .btom .br li {

    float: left;

    width: 165px;

}



.bsw .btom .br .brbt {

    font-size: 18px;

}



.bsw .btom .br .bra {

    line-height: 30px;

}



.bsw .btom .br .bra a {

    line-height: 20px;

    color: #fff;

    display: block;

    margin-top: 15px

}



.bsw .btom .br .bra a:hover {

    text-decoration: underline;

}



.bsw .btom .br .yqlj {

    height: 80px;

    font-size: 13px;

    overflow: hidden;

    width: 755px;

}



.bsw .btom .br .yqlj a {

    line-height: 20px;

    color: #bcbabc;

    margin-right: 10px;

    display: inline-block;

}



.bsw .btom .br .yqlj a:hover {

    text-decoration: underline;

}



.bq {

    min-width: 1200px;

    background: #403e3f;

    text-align: center;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    color: #bcbabc;

}



.fmal {

    width: 1242px;

    overflow: hidden;

    margin: 0 auto;

}

.case li{
    float: left;
    width: 290px;
    margin: 0 19px 15px 0;
    overflow: hidden;
    border: 1px solid #ccc;
}
.case li:hover{border-color:#9dc816;}
.case li em img{
    width: 290px;
    height: 255px;
}
.case li .cpmc {
    height: 28px;
    line-height: 28px;
    padding: 14px 5px;
}
.case li .cpmc span {
    float: left;
    font-size: 16px;
    cursor: pointer;
}
.case li .cpmc a {
    float: right;
    width: 76px;
    height: 28px;
    line-height: 26px;
    background: #9dc816;
    color: #fff;
    text-align: center;
    font-size: 14px;
    display: block;
    border-radius: 4px;
}

.fmal li {

    float: left;

    width: 386px;

    margin: 0 0 15px 21px;

    overflow: hidden;

    border: 1px solid #ccc;

}

.fmal li:hover{border-color: #9dc816;}



.fmal li a {

    display: block;

}



.fmal li a em img {

    width: 386px;

    height: 257px;

    overflow: hidden;

}



.fmal li .cpmc {

    height: 28px;

    line-height: 28px;

    padding: 14px 5px;

}



.fmal li .cpmc span {

    float: left;

    font-size: 16px;

    cursor: pointer;

}



.fmal li .cpmc a {

    float: right;

    width: 76px;

    height: 28px;

    line-height: 26px;

    background: #9dc816;

    color: #fff;

    text-align: center;

    font-size: 14px;

    display: block;

    border-radius: 4px;

}



.albt {

    padding: 30px 0 20px 0;

    width: 1200px;

    margin: 0 auto;

    height: 28px;

}



.albt .almc {

    color: #333;

    font-weight: 100;

    font-size: 26px;

    border-left: 3px solid #9dc816;

    display: block;

    float: left;

    height: 28px;

    line-height: 28px;

    padding-left: 10px;

}



.albt a {

    color: #666;

    font-size: 16px;

    float: right;

    padding-top: 8px;

}



.albt a:hover {

    color: #9dc816;

}



.man {

    width: 1200px;

    margin: 0 auto;

    padding: 16px 0 30px 0;

    overflow: hidden;

}



.man .mz {

    float: left;

    width: 248px;

}



.man .mz .zbt {

    width: 248px;

    height: 48px;

    background: #9dc816;

    font-size: 18px;

    color: #fff;

    line-height: 46px;

    text-align: center;

}



.man .mz .mnav {

    border: 1px solid #e0e0e0;

    border-bottom: none;

}



.man .mz .mnav li {

    line-height: 46px;

    height: 46px;

    overflow: hidden;

    font-size: 14px;

    border-bottom: 1px solid #e0e0e0;

}



.man .mz .mnav li a {

    color: #666;

    display: block;

    background: url(../images/mm.png) no-repeat 15px 20px;

    padding-left: 40px;

    font-size: 14px

}



.man .mz .mnav li a:hover {

    color: #9dc816;

    display: block;

    background: #f7f7f7 url(../images/mh.png) no-repeat 15px 20px;

}



.man .mz .mnav .cur a {

    color: #9dc816;

    display: block;

    background: #f7f7f7 url(../images/mh.png) no-repeat 15px 20px;

}



.man .mz .mnav li .on {

    color: #9dc816;

    display: block;

    background: #f7f7f7 url(../images/mh.png) no-repeat 10px 20px;

}



.man .mz .mtop {

    margin-top: 16px;

}



.man .mz .lxz {

    border: 1px solid #e0e0e0;

    border-top: none;

    padding: 10px;

    color: #666;

    font-size: 14px;

    line-height: 26px;

}



.man .mr {

    float: right;

    width: 912px;

}



.man .mr .lmkj {

    border-bottom: 1px solid #dcdcdc;

    height: 46px;

    line-height: 46px;

}



.man .mr .lmkj .lmmc {

    font-size: 18px;

    font-weight: 100;

    color: #9dc816;

    float: left;

}



.man .mr .lmkj .kjdh {

    font-size: 14px;

    color: #666;

    float: right;

}



.man .mr .lmkj .kjdh a {

    color: #666;

}



.man .mr .lmkj .kjdh a:hover {

    color: #9dc816;

}



.man .mr .newsl li {

    height: 160px;

    margin: 25px 0 0 0;

}



.man .mr .newsl li .zp {

    float: left;

    width: 222px;

    height: 150px;

    padding: 4px;

    border: 1px solid #dcdcdc;

}



.man .mr .newsl li .xwxq {

    float: right;

    width: 650px;

}



.man .mr .newsl li .xwxq em {

    font-style: normal;

    color: #666;

    padding-bottom: 8px;

    display: block;

}



.man .mr .newsl li .xwxq span {

    height: 38px;

    font-size: 16px;

    display: block;

    line-height: 28px;

}



.man .mr .newsl li .xwxq span a {

    color: #555;

}



.man .mr .newsl li .xwxq span a:hover {

    color: #9dc816;

}



.man .mr .newsl li .xwxq p {

    height: 72px;

    font-size: 14px;

    display: block;

    line-height: 24px;

    color: #999;

    overflow: hidden;

}



.man .mr .newsl li .xwxq p a {

    color: #9dc816;

    cursor: pointer;

    margin-left: 10px;

}



.fy {

    text-align: center;

    padding: 20px 0 10px 0;

    overflow: hidden;

}



.fy a {

    padding: 5px 14px;

    margin: 0 5px;

    border: 1px solid #ccc;

    color: #4a4a4a;

}



.fy a:hover {

    background: #9dc816;

    border: 1px solid #9dc816;

    color: #fff;

}



.fy .cur {

    background: #9dc816;

    border: 1px solid #9dc816;

    color: #fff;

}



.man .mr .dy {

    padding: 10px 0 30px 0;

    line-height: 30px;

    font-size: 14px;

    color: #666;

}



.man .mr .nybt {

    line-height: 50px;

    font-size: 20px;

    color: #333;

    overflow: hidden;

    text-align: center;

    font-weight: 100;

    padding-top: 16px;

}



.man .mr .fbsj {

    height: 34px;

    font-size: 14px;

    line-height: 24px;

    color: #999;

    overflow: hidden;

    text-align: center;

    border-bottom: 1px dashed #ccc;

}



.man .mr .sxp {

    height: 60px;

    font-size: 14px;

    line-height: 30px;

    color: #666;

    overflow: hidden;

}



.man .mr .sxp .syp a {

    color: #666;

}



.man .mr .sxp .syp a:hover {

    color: #9dc816;

}



.man .mr .lyb {

    width: 500px;

    margin: 8px 0 8px 0;

    overflow: hidden;

    float: left;

    color: #3a2d25;

    font-size: 14px;

}



.man .mr .lyb .kk {

    width: 284px;

    padding-left: 12px;

    height: 36px;

    line-height: 36px;

    overflow: hidden;

    color: #666;

    border: 1px solid #ccc;

    margin-left: 6px;

}



.man .mr .lyb .kks {

    width: 384px;

    padding: 6px;

    height: 96px;

    line-height: 24px;

    overflow: hidden;

    color: #666;

    border: 1px solid #ccc;

    margin-left: 6px;

    margin-top: 11px;

}



.man .mr .lyb b {

    padding: 0 5px;

    color: #f00;

}



.man .mr .tjan {

    width: 90px;

    height: 42px;

    border: none;

    cursor: pointer;

    overflow: hidden;

    background: #f05928;

    font-size: 16px;

    line-height: 42px;

    color: #fff;

    margin: 11px 0 0 6px;

}



.man .mr .lxnr {

    /*width: 360px;*/

    overflow: hidden;

    /*float: right;*/

    font-size: 14px;

    line-height: 32px;

    color: #666;

    margin: 8px 0;

}



.man .mr .lrt {

    margin-top: 30px;

    text-align: center

}



.pab dl {

    margin-top: 30px;

    margin-bottom: 20px;

    width: 297px;

    height: 370px;

    overflow: hidden;

    float: left;

    color: #FFF;

    background: url(../images/lx_2.jpg);

    margin-left: 10px;

    float: left

}



.pab dl dt {

    width: 188px;

    height: 38px;

    line-height: 38px;

    font-size: 18px;

    text-align: center;

    border: 1px solid #FFF;

    margin: 30px auto 1em;

}



.pab dl dd {

    width: 280px;

    margin: 0 auto;

    line-height: 26px;

}



.team_info1 {

    font-size: 15px;

    color: #333;

    margin-top: 10px;

}



.team_info1 img {

    float: right;

    margin: 32px 0 0 10px

}



.nr_gy dl {

    border: 1px dashed #bcc0c0;

    margin-top: 30px;

    padding: 30px;

    font-size: 14px;

    overflow: auto

}



.nr_gy dl dt {

    color: #136aac;

    font-size: 18px;

    float: left;

}



.nr_gy dl dt span {

    font-size: 12px;

    display: block;

}



.nr_gy dl dd {

    float: right;

    width: 700px;

}



.banner {

    overflow: hidden;

    margin: 0 auto;

    position: relative;

    height: 550px; 

    min-width:1200px;

}



.banner .hd {

    height: 17px;

    overflow: hidden;

    position: absolute;

    right: 50%;

    bottom: 15px;

    z-index: 1;

    margin-right: -33px

}



.banner .hd ul {

    overflow: hidden;

    zoom:1; float: left;

}



.banner .hd ul li {

    float: left;

    text-indent: -99999px;

    margin-right: 5px;

    /* border: 1px solid #ffffff; */

    /* background-color: #ffffff; */

    border-radius: 100px;

    width: 12px;

    height: 12px;

    line-height: 12px;

    text-align: center;

    background: #fff;

    cursor: pointer;

}



.banner .hd ul li.on {

    color: #fff;

    /* background-color: transparent; */

    /* border: 1px solid #ffffff */

    width: 24px;

}



.banner .bd {

    position: relative;

    height: 100%;

    z-index: 0;

    left: 50%;

    margin-left: -960px;

}



.banner .bd li {

    zoom:1; vertical-align: middle;

}



.banner_ctr {

    height: 90px;

    position: absolute;

    top: 50%;

    z-index: 2;

    left: 50%;

    margin-left: -600px;

}



.banner_ctr a {

    display: block;

    width: 59px;

    height: 59px;

    background: url('../images/slider-arrow.png') no-repeat -59px 0;

    position: absolute;

    opacity: 0;

    filter: alpha(opacity=0);

    display: block;

}



.banner_ctr a.prev {

    left: -90px;

}



.banner_ctr a.next {

    right: -1280px;

    background-position: 0px 0px;

}



.mrzh .hd{

    position:relative;

}

    .mrzh .hd .prev,.mrzh .hd .next{

         display:block;

         width: 50px;

         height: 100px;

         overflow:hidden;

         cursor:pointer;

         background:url("../images/slider-arrow1.png") no-repeat;

         position: absolute;

         z-index: 2;

         left: 2px;

         right: auto;

         top: 157px;

         background-position: -50px 0px;

         }

    .mrzh .hd .next{background:url("../images/slider-arrow1.png") no-repeat;right: 0;top: 157px;left: auto;}







.fu {

            position: fixed;

            right: 0;

            top: 50%;

            margin-top: -80px;

            width: 55px;

            background: rgba(0,0,0,0.3);

            padding: 12px 0 0 0;

            border-radius: 5px 0 0 5px;

            z-index: 999999;

        }

        .fu li {

            position: relative;

            cursor: pointer;

            width: 185px;

            height: 50px;

            border-radius: 5px 0 0 5px;

            -webkit-transition: all 0.5s;

            -moz-transition: all 0.5s;

            -o-transition: all 0.5s;

            transition: all 0.5s;

            margin: 5px 0;

        }



.fu li:hover {

    margin-left: -130px;

    background-color: rgba(0,0,0,.3);

}



        .fu li a {

            width: 100%;

            height: 100%;

            display: block;

        }

        .fu li img {

            float: left;

        }

        .fu li span {

            font-size: 18px;

            font-family: 宋体;

            color: rgb(255, 255, 255);

            line-height: 50px;

        }

        .fu li p {

            display: inline-block;

            *display: inline;

            *zoom: 1;

            font-size: 16px;

            color: #fff;

            margin-top: 5px;

        }