@charset "utf-8";
/* CSS Document */
.indexPart1
{
    border-top: #757e87 solid 6px;
}

.leftNav
{
    width: 272px;
    height: 366px;
    border-right: #757e87 solid 7px;
}

    .leftNav .list
    {
    }

    .leftNav li
    {
        background: url(/images/line1.jpg) no-repeat bottom right;
    }

        .leftNav li.last
        {
            background: none;
        }

    .leftNav h2
    {
        height: 61px;
        line-height: 78px;
        overflow: hidden;
        font-family: "微软雅黑";
        text-indent: 20px;
    }

        .leftNav h2 img
        {
            float: left;
            margin: 30px 0 0 42px;
        }

        .leftNav h2 a
        {
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            display: block;
            width: 279px;
        }

    .leftNav li.liNow
    {
        background: #f08519;
    }

    .leftNav a:hover
    {
        background: #f08519;
    }

#leftNav
{
    height: 57px;
    overflow: hidden;
}

.classLayer
{
    position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -234px;
    top: 280px;
    width: 178px;
    padding: 10px 0 26px 0;
    overflow: hidden;
    display: none;
    background: #f08519;
    -webkit-box-shadow: 0px 2px 3px #000;
    -moz-box-shadow: 0px 2px 3px #000;
    box-shadow: 0px 2px 3px #000;
}

    .classLayer li
    {
        margin: 0 15px;
        background: url(/images/line2.png) repeat-x bottom;
        height: 33px;
        line-height: 33px;
    }

        .classLayer li a
        {
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            background: url(/images/ico2.png) 5px center no-repeat;
            display: block;
            padding-left: 20px;
        }

.banner
{
    width: 723px;
    height: 366px;
}

.indexFlash
{
    height: 366px;
    position: relative;
    background: #fff;
}

    .indexFlash li
    {
        width: 100%;
        position: absolute;
        z-index: 1;
        left: 0px;
        top: 0px;
        display: none;
    }

        .indexFlash li a
        {
            display: block;
            height: 366px;
        }

    .indexFlash .btnDiv
    {
        position: absolute;
        z-index: 10;
        bottom: 9px;
        width: 100%;
        left: 80%;
    }

        .indexFlash .btnDiv span
        {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url(/images/ico3.png) center top no-repeat;
            cursor: pointer;
            margin: 0 4px;
        }

        .indexFlash .btnDiv .spanNow
        {
            background: url(/images/ico3On.png) center top no-repeat;
        }

.indexPart2
{
    border-top: #757e87 solid 7px;
    height: 186px;
}

.indexCase
{
    height: 186px;
}

    .indexCase li
    {
        width: 172px;
        background: url(/images/limg172_a.png) no-repeat right bottom;
        float: left;
        height: 186px;
        margin-left: 7px;
    }

        .indexCase li .imgDiv
        {
            padding-top: 15px;
        }

        .indexCase li .name
        {
            padding-top: 5px;
            font-weight: bold;
        }

        .indexCase li .Ename
        {
            font-weight: bold;
            font-family: Arial;
            padding-top: 3px;
        }

        .indexCase li a
        {
            color: #fff;
        }

.indexPart3
{
    height: 188px;
}

.newCase
{
    width: 230px;
    position: relative;
}

    .newCase .title
    {
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        padding-top: 15px;
    }

    .newCase .leftBtn
    {
        display: block;
        width: 18px;
        height: 18px;
        background: url(/images/limg18_left.jpg) left top no-repeat;
        position: absolute;
        right: 20px;
        top: 41px;
        z-index: 1;
    }

    .newCase .rightBtn
    {
        display: block;
        width: 18px;
        height: 18px;
        background: url(/images/limg18_right.jpg) left top no-repeat;
        position: absolute;
        right: 0px;
        top: 41px;
        z-index: 1;
    }

    .newCase .list
    {
        width: 230px;
        margin: 10px auto;
        text-align: center;
        overflow: hidden;
    }

        .newCase .list li
        {
            width: 230px;
            height: 136px;
            position: relative;
        }

    .newCase .imgDiv
    {
    }

    .newCase li .name
    {
        position: absolute;
        bottom: 0px;
        height: 28px;
        background: url(/images/bg1.png) repeat-x;
        line-height: 28px;
        width: 230px;
    }

        .newCase li .name a
        {
            color: #fff;
        }

.indexHonor
{
    width: 320px;
    margin-left: 13px;
}

    .indexHonor h1
    {
        overflow: hidden;
        position: relative;
        font-size: 14px;
        color: #FFF;
        padding: 15px 0 10px 0;
    }

        .indexHonor h1 a
        {
            position: absolute;
            top: 15px;
            right: 0px;
            display: block;
            height: 48px;
            padding-right: 23px;
            font-weight: 400;
            font-size: 11px;
            font-family: Arial;
            color: #999999;
        }

    .indexHonor li
    {
        background: url(/images/ico4.jpg) no-repeat left center;
        padding-left: 10px;
        line-height: 24px;
    }

        .indexHonor li a
        {
            color: #ffffff;
        }

.indexNews
{
    width: 378px;
    margin-right: 12px;
}

    .indexNews h1
    {
        overflow: hidden;
        position: relative;
        font-size: 14px;
        color: #FFF;
        padding: 15px 0 10px 0;
    }

        .indexNews h1 a
        {
            position: absolute;
            top: 15px;
            right: 0px;
            display: block;
            height: 48px;
            font-weight: 400;
            font-size: 11px;
            font-family: Arial;
            color: #999999;
        }

.indexNews1
{
    position: relative;
    padding-left: 152px;
}

    .indexNews1 .imgDiv
    {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .indexNews1 .name
    {
        height: 45px;
        width: 218px;
        font-size: 12px;
        line-height: 20px;
        font-weight: bold;
        color: #fff;
    }

    .indexNews1 .content
    {
        line-height: 20px;
        width: 218px;
    }

        .indexNews1 .content a
        {
            color: #f08519;
        }

.indexNews2 li
{
    line-height: 30px;
    position: relative;
}

    .indexNews2 li a
    {
        background: url(/images/ico4.jpg) no-repeat left center;
        padding-left: 10px;
        line-height: 24px;
        color: #fff;
    }

    .indexNews2 li span
    {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.company .content
{
    padding: 25px 20px;
    color: #fff;
    line-height: 24px;
}

    .company .content em
    {
        color: #ffa04e;
    }

.company .imgGroup
{
    padding: 0 42px;
}

    .company .imgGroup li
    {
        width: 322px;
        height: 163px;
        position: relative;
        float: left;
    }

        .company .imgGroup li .msg
        {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 322px;
            background: url(/images/bg1.png) repeat-x;
            height: 28px;
            line-height: 28px;
            color: #fff;
            text-align: center;
        }

.partners
{
    padding: 55px 22px 70px 22px;
}

    .partners ul
    {
        width: 110%;
    }

    .partners li
    {
        width: 150px;
        float: left;
        margin-right: 25px;
        margin-bottom: 30px;
    }

        .partners li a
        {
            text-align: center;
            display: block;
            padding-top: 16px;
            font-size: 14px;
            color: #fff;
        }

.honor li
{
    margin: 50px 0 40px 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

    .honor li p
    {
        padding-top: 18px;
    }

.news
{
    padding: 30px 30px 30px 23px;
}

.news1
{
    position: relative;
    height: 200px;
    padding-left: 297px;
}

    .news1 .name
    {
        font-size: 18px;
        color: #fff;
        height: 40px;
        line-height: 40px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .news1 .imgDiv
    {
        position: absolute;
        left: 0px;
        top: 40px;
    }

    .news1 .content
    {
        height: 100px;
        line-height: 24px;
        color: #fff;
        padding-top: 42px;
    }

    .news1 .people
    {
        color: #b1b1b1;
        padding-top: 6px;
    }

    .news1 a
    {
        display: block;
        position: absolute;
        bottom: 7px;
        background: url(/images/ico5.png) no-repeat left center;
        padding-left: 10px;
        color: #df852a;
    }

.news2
{
    padding-top: 20px;
}

    .news2 li
    {
        height: 35px;
        line-height: 35px;
        background: url(/images/line3.png) repeat-x bottom;
        position: relative;
    }

        .news2 li a
        {
            background: url(/images/ico5.png) no-repeat left center;
            padding-left: 10px;
            color: #fff;
        }

        .news2 li span
        {
            position: absolute;
            top: 0px;
            right: 0px;
        }

.newsShow
{
    min-height: 300px;
    _height: 300px;
    position: relative;
    padding: 0 28px;
}

    .newsShow .name
    {
        text-align: center;
        height: 56px;
        line-height: 56px;
        text-align: center;
        overflow: hidden;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
    }

    .newsShow .time
    {
        text-align: center;
        padding: 6px 0;
        color: #fff;
        border-bottom: #e7e7e7 solid 1px;
    }

    .newsShow .content
    {
        line-height: 22px;
        font-size: 12px;
        padding: 10px 0;
        color: #fff;
    }

        .newsShow .content .imgDiv
        {
            text-align: center;
            padding-top: 20px;
        }

        .newsShow .content font
        {
            text-align: center;
            display: block;
            padding: 20px 0 40px 0;
        }

    .newsShow .share
    {
        position: absolute;
        bottom: 0px;
        left: 20px;
    }

.caseMember
{
    padding: 0 20px 20px 20px;
}

    .caseMember li
    {
        height: 168px;
        background: #353c42;
        border-left: #f08519 solid 4px;
        margin-top: 20px;
        position: relative;
    }

        .caseMember li .imgDiv
        {
            position: absolute;
            right: 0px;
            top: 0px;
        }

.caseList
{
    padding: 0 20px;
}

    .caseList .title
    {
        font-size: 14px;
        color: #fff;
        padding: 20px 0;
    }

    .caseList .tab li
    {
        float: left;
        width: 86px;
        height: 30px;
        background: #dcdcdc;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
    }

        .caseList .tab li.other
        {
            background: #fdfffe;
        }

        .caseList .tab li.liNow, .caseList .tab li:hover
        {
            background: #f77f18;
            color: #fff;
        }

.cases
{
    width: 110%;
}

    .cases ul
    {
        width: 214px;
        float: left;
        margin-right: 22px;
    }

        .cases ul li
        {
            width: 214px;
            margin-top: 20px;
            background: #ffffff;
        }

    .cases .liNow
    {
        padding: 0px;
        border: #0195dd solid 1px;
        color: #0195dd;
        cursor: pointer;
    }

    .cases ul li img
    {
    }

    .cases ul li a
    {
        padding: 5px 10px;
        font-weight: bold;
        display: block;
    }

        .cases ul li a:hover
        {
            color: #f77f18;
        }

    .cases ul li .content
    {
        padding: 5px 10px 15px 10px;
        line-height: 18px;
    }

.caseShow
{
    min-height: 300px;
    _height: 300px;
    position: relative;
    padding: 20px 28px;
}

    .caseShow .title
    {
        height: 30px;
        font-size: 16px;
        color: #fff;
        background: url(/images/line3.png) repeat-x bottom;
    }

    .caseShow ul
    {
        padding-top: 30px;
    }

    .caseShow li
    {
        color: #fff;
        line-height: 28px;
        background: url(/images/ico8.png) no-repeat left center;
        padding-left: 15px;
    }

    .caseShow .content
    {
        color: #fff;
        line-height: 20px;
    }

    .caseShow .imgDiv
    {
        text-align: center;
        padding: 20px 0;
    }

    .caseShow .share
    {
        position: absolute;
        bottom: 0px;
        left: 20px;
    }

.knowledge
{
    padding: 20px 24px;
}

    .knowledge li
    {
        background: url(/images/ico9.png) no-repeat left center;
        padding-left: 15px;
        line-height: 30px;
    }

        .knowledge li a
        {
            color: #fff;
        }

        .knowledge li span
        {
            color: #f08519;
            padding-left: 5px;
        }

.knowShow
{
    min-height: 300px;
    _height: 300px;
    position: relative;
    padding: 0 28px;
}

    .knowShow .name
    {
        text-align: center;
        height: 56px;
        line-height: 56px;
        text-align: center;
        overflow: hidden;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
    }

    .knowShow .time
    {
        text-align: center;
        padding: 6px 0;
        color: #fff;
        border-bottom: #e7e7e7 solid 1px;
    }

    .knowShow .content
    {
        line-height: 22px;
        font-size: 12px;
        padding: 10px 0 50px 0;
        color: #fff;
    }

        .knowShow .content .imgDiv
        {
            text-align: center;
            padding-top: 20px;
        }

        .knowShow .content font
        {
            text-align: center;
            display: block;
            padding: 20px 0 40px 0;
        }

    .knowShow .share
    {
        position: absolute;
        bottom: 0px;
        left: 20px;
    }

.complain .msg
{
    font-size: 14px;
    padding: 20px 0 0 20px;
    color: #fff;
}

.complain li
{
    height: 59px;
    line-height: 34px;
    overflow: hidden;
    position: relative;
    padding-left: 230px;
}

    .complain li b
    {
        color: #f08519;
    }

    .complain li em
    {
        position: absolute;
        left: 0px;
        top: 0px;
        display: block;
        width: 220px;
        text-align: right;
        font-size: 14px;
        color: #fff;
    }

        .complain li em span
        {
            padding: 0 7px;
        }

.complain .input1
{
    float: left;
    width: 248px;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    border: #656e75 solid 1px;
}

.complain .input2
{
    width: 127px;
}

.complain .selectDiv
{
    float: left;
    width: 248px;
    height: 30px;
    line-height: 30px;
    border: #656e75 solid 1px;
    background: url(/images/ico10.png) right center no-repeat;
    color: #888;
}

.complain .tips
{
    float: left;
    padding-left: 10px;
}

.complain textarea
{
    float: left;
    width: 306px;
    height: 120px;
    line-height: 22px;
    border: #656e75 solid 1px;
    background: #545e67;
    padding: 5px 10px;
    font-size: 12px;
    font-family: "微软雅黑";
    color: #888;
}

.complain .btnDiv
{
    height: 26px;
}

    .complain .btnDiv input
    {
        width: 50px;
        height: 26px;
        background: #545e67;
        margin-right: 12px;
        color: #FFF;
        cursor: pointer;
        font-size: 14px;
        border: #656e75 solid 1px;
    }

.talent
{
    padding: 30px 20px;
}

    .talent dt
    {
        font-size: 16px;
        color: #FFF;
        font-weight: bold;
    }

    .talent dd
    {
        color: #fff;
        line-height: 20px;
        padding: 15px 0 40px 0;
    }

.job li
{
    padding-top: 10px;
    margin: 20px 33px;
    background: #646e77;
    position: relative;
}

.job h1
{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 30px;
    font-size: 12px;
    color: #ffffff;
    background: url(/images/ico11.png) no-repeat 15px center;
}

    .job h1 a
    {
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 44px;
        height: 44px;
    }

.job .detail
{
    padding: 15px 10px 20px 30px;
    color: #fff;
}

    .job .detail span
    {
        padding-right: 42px;
    }

.job h1 a.Pack_up
{
    display: none;
}

.job .content
{
    line-height: 22px;
    padding: 10px 25px 15px 25px;
    display: none;
    font-size: 12px;
    color: #fff;
}

.contact
{
    padding: 40px 50px;
}

    .contact .title
    {
        font-size: 18px;
        color: #fff;
        padding-bottom: 15px;
    }

    .contact li
    {
        line-height: 30px;
        color: #fff;
        position: relative;
        padding-left: 25px;
    }

        .contact li img
        {
            position: absolute;
            left: 0px;
            top: 6px;
        }

    .contact .map
    {
        padding-top: 25px;
    }

.order .msg
{
    font-size: 14px;
    padding: 20px 0 0 20px;
    color: #fff;
}

.order .title
{
    font-weight: bold;
    color: #fff;
    padding: 32px 0 20px 65px;
}

.order li
{
    height: 50px;
    line-height: 34px;
    overflow: hidden;
    position: relative;
    padding-left: 230px;
}

    .order li b
    {
        color: #f08519;
    }

    .order li em
    {
        position: absolute;
        left: 0px;
        top: 0px;
        display: block;
        width: 220px;
        text-align: right;
        font-size: 12px;
        color: #fff;
    }

        .order li em span
        {
            padding: 0 7px;
        }

.order .input1
{
    float: left;
    width: 248px;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    border: #656e75 solid 1px;
}

.order .input2
{
    width: 127px;
}

.order .selectDiv
{
    float: left;
    width: 248px;
    height: 30px;
    line-height: 30px;
    border: #656e75 solid 1px;
    background: url(/images/ico10.png) right center no-repeat;
    color: #888;
}

.order .tips
{
    float: left;
    padding-left: 10px;
}

.order textarea
{
    float: left;
    width: 306px;
    height: 120px;
    line-height: 22px;
    border: #656e75 solid 1px;
    background: #545e67;
    padding: 5px 10px;
    font-size: 12px;
    font-family: "微软雅黑";
    color: #888;
}

.order .btnDiv
{
    height: 26px;
}

    .order .btnDiv .btn1
    {
        width: 76px;
        height: 26px;
        background: #545e67;
        margin-right: 12px;
        color: #FFF;
        cursor: pointer;
        font-size: 14px;
        border: #656e75 solid 1px;
    }

    .order .btnDiv .btn2
    {
        width: 50px;
    }








.pageNum span
{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 26px;
    background: #353c42;
    border: #656e75 solid 1px;
    margin: 0 4px;
    background: #f08519;
    color: #fff;
    border: none;
    height: 28px;
    line-height: 28px;
    width: 28px;
    cursor: pointer;
}