﻿@charset "utf-8";
/* CSS Document */

*
{
    margin: 0px;
    padding: 0;
}

a
{
    text-decoration: none;
}

ul
{
    list-style: none;
    color: #000000;
}

img
{
    border: none;
    display: block;
}

body
{
    background: #fff;
    font-family: "微软雅黑";
    font-size: 12px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
}

.clearfix:after
{
    content: ".";
    height: 0px;
    overflow: hidden;
    clear: both;
    display: block;
}

.clearfix
{
    zoom: 1;
}

.fl
{
    display: inline;
    float: left;
}

.cf
{
    zoom: 1;
}


/**banner图**/
body
{
    width: 100%;
}

.banner
{
    width: 100%;
    position: relative;
}

.banner-img
{
    display: block;
    width: 100%;
    height: 617px;
}

.ba-bg
{
    position: fixed;
    z-index: 999;
    background: #000;
    height: 84px;
    width: 100%;
    top: 0;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.6;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.ba-nav
{
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 1370px;
    left: 50%;
    margin-left: -600px;
}

.ba-logo
{
    display: block;
    /*width: 262px;*/
    float: left;
    margin-top: 20px;
}

.nav-total
{
    width: 826px;
    float: left;
}

    .nav-total a
    {
        display: block;
        float: left;
        color: #fff;
        font-size: 16px;
        padding: 0 24px;
        height: 84px;
        line-height: 84px;
    }

.nav-tell
{
    display: block;
    float: left;
    margin-top: 20px;
}

.wz
{
    position: absolute;
    top: 242px;
    width: 826px;
    color: #fff;
    left: 50%;
    margin-left: -413px;
    text-align: center;
}

.wz01
{
    height: 110px;
    line-height: 110px;
    font-size: 52px;
    /*color:#FF874F;*/
    color:#fff;
    text-shadow: 1px 1px 3px #000;
}

.wz02
{
    margin: 0 auto;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    width: 510px;
    text-shadow: 1px 1px 3px #000;
    color:#FF874F;
}

/**专业领域**/
.zylv
{
    width: 100%;
    /* background:#f1f5f8; */
    padding: 10px 0px;
}

    .zylv *
    {
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

.zylv-main
{
    width: 666px;
    margin: 0 auto;
}

.zylv-kuai
{
    display: block;
    float: left;
    width: 221px;
    height: 163px;
    text-align: center;
    line-height: 250px;
    font-size: 18px;
    color: #fff;
}

.zylv-kuai01, .zylv-kuai02, .zylv-kuai03, .zylv-kuai04, .zylv-kuai05, .zylv-kuai06, .zylv-kuai07, .zylv-kuai08, .zylv-kuai09, .zylv-kuai10, .zylv-kuai11
{
    border-right: 1px solid #2283c7;
    border-bottom: 1px solid #2283c7;
}

.zylv-current
{
    background: #0A2B4A url(../images/pic01.png) no-repeat center 20px;
}

.zylv-kuai01
{
    background: #0A2B4A url(../images/pic01.png) no-repeat center 20px;
}

.zylv-kuai02
{
    background: #0A2B4A url(../images/pic02.png) no-repeat center 20px;
}

.zylv-kuai03
{
    background: #0A2B4A url(../images/pic03.png) no-repeat center 20px;
}

.zylv-kuai04
{
    background: #0A2B4A url(../images/pic04.png) no-repeat center 20px;
}

.zylv-kuai05
{
    background: #0A2B4A url(../images/pic05.png) no-repeat center 20px;
}

.zylv-kuai06
{
    background: #0A2B4A url(../images/pic06.png) no-repeat center 20px;
}

.zylv-kuai07
{
    background: #0A2B4A url(../images/pic07.png) no-repeat center 20px;
}

.zylv-kuai08
{
    background: #0A2B4A url(../images/pic08.png) no-repeat center 20px;
}

.zylv-kuai09
{
    background: #0A2B4A url(../images/pic09.png) no-repeat center 20px;
}

.zylv-kuai10
{
    background: #0A2B4A url(../images/pic10.png) no-repeat center 20px;
}
.zylv-kuai11
{
    background: #0A2B4A url(../images/pic11.png) no-repeat center 20px;
}

.zylv-kuai01:hover
{
    background: #FF874F url(../images/pic01.png) no-repeat center 20px;
}

.zylv-kuai02:hover
{
    background: #FF874F url(../images/pic02.png) no-repeat center 20px;
}

.zylv-kuai03:hover
{
    background: #FF874F url(../images/pic03.png) no-repeat center 20px;
}

.zylv-kuai04:hover
{
    background: #FF874F url(../images/pic04.png) no-repeat center 20px;
}

.zylv-kuai05:hover
{
    background: #FF874F url(../images/pic05.png) no-repeat center 20px;
}

.zylv-kuai06:hover
{
    background: #FF874F url(../images/pic06.png) no-repeat center 20px;
}

.zylv-kuai07:hover
{
    background: #FF874F url(../images/pic07.png) no-repeat center 20px;
}

.zylv-kuai08:hover
{
    background: #FF874F url(../images/pic08.png) no-repeat center 20px;
}

.zylv-kuai09:hover
{
    background: #FF874F url(../images/pic09.png) no-repeat center 20px;
}

.zylv-kuai10:hover
{
    background: #FF874F url(../images/pic10.png) no-repeat center 20px;
}
.zylv-kuai11:hover
{
    background: #FF874F url(../images/pic11.png) no-repeat center 20px;
}

.zylv-current
{ /*background: #FF874F url(../images/pic01.png) no-repeat center 20px;*/
    background-color: #FF874F;
}

/**关于我们**/
.main
{
    width: 1200px;
    margin: 0 auto;
}

.aboutUs
{
    height: 82px;
    display: block;
    width: 100%;
    line-height: 82px;
    text-align: center;
    font-size: 42px;
    letter-spacing: 2px;
    color: #282828;
    margin-top: 40px;
}

.au-title
{
    border-bottom: 2px solid #0A2B4A;
    display: inline-block;
}

.au-nr
{
    padding-top: 20px;
}

.au-nr-left
{
    width: 520px;
    height: 295px;
}

/*.au-nr-right
{
    width: 670px;
}*/

    .au-nr-right p
    {
        font-size: 16px;
        line-height: 34px;
        color: #6a6a6a;
        margin-bottom: 10px;
    }

/**专业领域链接案例**/
.anli-main
{
    background: #0A2B4A;
    width: auto;
    border-top:0px solid #2283c7;
    margin-top: 20px;
    padding-bottom: 50px;
}

.anli-kuai
{
    display: block;
    float: left;
    width: 239px;
    height: 54px;
    background: #0A2B4A;
    text-align: center;
    line-height: 54px;
    color: #fff;
    font-size: 18px;
}

.anli-kuai01, .anli-kuai02, .anli-kuai03, .anli-kuai04, .anli-kuai05, .anli-kuai06, .anli-kuai07, .anli-kuai08, .anli-kuai09, .anli-kuai10
{
    border-right: 1px solid #2283c7;
    border-bottom: 1px solid #2283c7;
}

    .anli-kuai01:hover, .anli-kuai02:hover, .anli-kuai03:hover, .anli-kuai04:hover, .anli-kuai05:hover, .anli-kuai06:hover, .anli-kuai07:hover, .anli-kuai08:hover, .anli-kuai09:hover, .anli-kuai10:hover
    {
        background: #FF874F;
    }

.anli-current
{
    background: #FF874F;
}

.anli-title
{
    font-size: 36px;
    color: #fff;
    line-height: 80px;
    height: 80px;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 40px;
}

.xian
{
    display: block;
    width: 180px;
    height: 3px;
    margin: 0 auto;
    background: #fff;
}

.anli-news-left, .anli-news-right
{
    margin-top: 168px;
}

.anli-news-left
{
    width: 492px;
    height: 311px;
    background: #357eb1;
    text-align: center;
    padding: 80px 0px;
    margin-left: 46px;
}

.anli-news-right
{
    width: 492px;
    height: 311px;
    background: #357eb1;
    text-align: center;
    padding: 80px 0px;
    margin-right: 46px;
}

.anli-list
{
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

    .anli-list:hover
    {
        text-decoration: underline;
    }

/**案例图标**/
.anli-news
{
    position: relative;
}

.anli-bg
{
    position: absolute;
    width: 175px;
    height: 153px;
    background: url(../images/anli-bg.png) no-repeat;
    z-index: 1;
    margin-top: 70px;
    margin-left: 202px;
}

.anli-bg2
{
    position: absolute;
    width: 175px;
    height: 153px;
    background: url(../images/anli-bg.png) no-repeat;
    z-index: 1;
    margin-top: 70px;
    right: 0px;
    margin-right: 202px;
}

    .anli-bg img, .anli-bg2 img
    {
        display: block;
        margin: 0 auto;
        margin-top: 40px;
    }

.anli-num-total
{
    position: absolute;
    width: 124px;
    text-align: center;
    top: 252px;
    left: 538px;
}

.anli-num
{
    display: block;
    font-size: 20px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    background: url(../images/anli-xian.jpg) no-repeat 0px center;
}

.anli-more
{
    position: absolute;
    display: block;
    width: 232px;
    height: 57px;
    background: #FFF;
    font-size: 18px;
    color: #000;
    line-height: 57px;
    text-align: center;
    right: 170px;
    top: 610px;
}

    .anli-more:hover
    {
        border: 1px solid #fff;
        background: #FF874F;
        color: #fff;
    }

.cgal-left
{
    width: 700px;
    text-align: center;
    margin-top: 100px;
}

    .cgal-left p
    {
        color: #fff;
    }

.cgal-left01
{
    font-size: 45px;
    height: 85px;
}

.cgal-left02
{
    font-size: 20px;
    height: 70px;
}

.cgal-left03
{
    font-size: 25px;
}

.cgal-right
{
    margin-right: 113px;
    margin-top: 100px;
}

/**专业团队**/
.zytd-main
{
    width: auto;
   /* height: 500px;*/
    margin-top: 40px;
}

.zytd-left
{
    width: 267px;
}

.zytd-right
{
    width: 910px;
}

.zytd-zimu
{
    width: 267px;
    height: 54px;
    border-radius: 6px 6px 0px 0px;
    color: #fff;
    background: #0A2B4A;
    font: normal 16px/54px "微软雅黑";
    text-align: center;
}

.zytd-order
{
    border: 1px solid #0A2B4A;
}

    .zytd-order a
    {
        display: block;
        border-bottom: 1px dashed #d7d7d7;
        /*background: #fff;*/
        height: 44px;
        font: normal 14px/42px "微软雅黑";
        padding-left: 20px;
        color: #4d4d4d;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

        .zytd-order a:hover
        {
            color: #4d4d4d;
            background: #dcf1ff;
        }
/**搜索框样式**/
.zytd-Search
{
    font: normal 12px/36px "微软雅黑";
    color: #333;
    width: 279px;
    margin-bottom: 20px;
}

.search-name
{
    float: left;
    width: 216px;
    height: 32px;
    border: 1px solid #ccc;
    padding-left: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.search-icon
{
    float: left;
    background: url(../images/search-icon.png) no-repeat;
    width: 40px;
    height: 34px;
    display: block;
    cursor: pointer;
}

.select-moren
{
    font: normal 12px/36px "微软雅黑";
    color: #333;
}

.zytd-Search :focus
{
    border: 1px solid #FF874F;
    outline: none;
    box-shadow: 0 0 6px #FF874F;
}

input.error
{
    border: 1px solid #f00;
}

.search-button
{
    margin-top: 30px;
    display: block;
    font: normal 16px/36px "微软雅黑";
    width: 267px;
    height: 40px;
    border: 1px solid #0A2B4A;
    text-align: center;
    color: #0A2B4A;
    background: url(../images/search-icon1.png) no-repeat 160px center;
    background-size: 12px;
}

    .search-button:hover
    {
        color: #fff;
        background: #0A2B4A url(../images/search-icon2.png) no-repeat 160px center;
        background-size: 12px;
    }


.search02
{
    margin: 16px 0px;
    padding-top: 10px;
}
.search02 *
{
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.area-search
{
    float: left;
    background: url(../images/area.png) no-repeat 0 center;
    font: normal 16px/35px "微软雅黑";
    padding-left: 26px;
    color: #646975;
}

.area-search2
{
    background: url(../images/Surname.png) no-repeat 0 center;
}

.search-tj a
{
    font: normal 16px/35px "微软雅黑";
    color: #646975;
    text-align: center;
    height: 42px;
}

    .search-tj a.all
    {
        font: bold 18px/35px "微软雅黑";
        color: #FF874F;
    }

    .search-tj a:hover
    {
        font: bold 18px/35px "微软雅黑";
        color: #FF874F;
    }

.area-list
{
    margin-left: 120px;
    margin-bottom: 0px;
}

    .area-list li
    {
        float: left;
    }

    .area-list a
    {
        width: 9px;
        padding: 0 9px;
        font: normal 14px/35px "微软雅黑";
        display: block;
        height: 35px;
        text-align: center;
        color: #58595b;
    }

        .area-list a.area-moren
        {
            font: bold 16px/35px "微软雅黑";
            color: #FF874F;
        }

        .area-list a:hover
        {
            font: bold 16px/35px "微软雅黑";
            color: #FF874F;
        }

.zytd-biao
{
    width: auto;
    height: 472px;
    border: 1px solid #0A2B4A;
    border-top: 3px solid #0A2B4A;
    overflow-y: scroll;
}

.zytd-biao-total
{
    height: 35px;
    line-height: 35px;
}

    .zytd-biao-total a
    {
        width: 97px;
        /*margin: 0px 21px;*/
        color: #282828;
        font-size: 14px;
        text-align: center;
        display: block;
        float: left;
    }

        .zytd-biao-total a:hover
        {
            font-size: 16px;
            color: #FF874F;
            text-decoration: underline;
        }

.zytd-biao02
{
    background: #e9f1ff;
}

/**新闻动态and联系我们**/
.big-width
{
    width: 100%;
    margin-top: 40px;
    background: #f1f5f8;
    padding: 50px 0px;
}

.xwdt-left, .lxwm-right
{
    width: 594px;
    height: 323px;
    background: #fff;
}

.xwdt-top
{
    border-bottom: 1px solid #eaeaea;
}

.xwdt-title
{
    height: 48px;
    line-height: 48px;
}

.xwdt-title01
{
    font-size: 18px;
    color: #333;
    margin-left: 18px;
}

.xwdt-title02
{
    font-size: 12px;
    color: #aaaaaa;
    margin-left: 12px;
}

.xwdt-right
{
    border-left: 1px solid #eaeaea;
}

.xwdt-more
{
    display: block;
    font-size: 14px;
    color: #999;
    padding: 15px 30px;
}

    .xwdt-more:hover
    {
        background: #FF874F;
        color: #fff;
    }
.xwdt-more2
{
    display: block;
    font-size: 14px;
    color: #999;
    background:url(../images/qh-icon.png) 0 0 no-repeat;
    transition: 0.5s;
    -moz-transition: 0.5s;	/* Firefox 4 */
    -webkit-transition: 0.5s;	/* Safari 和 Chrome */
    -o-transition: 0.5s;	/* Opera */
    width:74px;
    height:49px;
}
.xwdt-news-ul
{
    padding-top: 14px;
}

    .xwdt-news-ul li
    {
        height: 40px;
        line-height: 40px;
        padding: 0px 32px;
    }

.xwdt-news-list
{
    color: #4b4b4b;
    font-size: 14px;
    float: left;
}

    .xwdt-news-list:hover
    {
        font-size: 15px;
        color: #FF874F;
    }

.xwdt-data
{
    color: #4b4b4b;
    font-size: 14px;
    float: right;
}

.lxwm-map
{
    width: 283px;
    height: 226px;
    background: #099;
    position: relative;
    margin-left: 22px;
}

    .lxwm-map img
    {
        width: 100%;
        height: 100%;
    }

.lxwm-bottom
{
    padding-top: 22px;
}

.cr_relative
{
    position: relative;
    width: 100%;
}

.code_relation
{
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    width: 100%;
}

    .code_relation:last-child
    {
        display: none;
        height: 0px;
    }

.imgcode
{
    margin: 0 auto;
}

.lxwm-big
{
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: block;
    height: 21px;
    width: 21px;
    background: url(../images/lxwm-big_.png) no-repeat;
}

.lxwm-xx-list01, .lxwm-xx-list02, .lxwm-xx-list03, .lxwm-xx-list04
{
    padding-left: 35px;
    line-height: 23px;
    width: 210px;
    margin-bottom: 22px;
}

.lxwm-xx-list01
{
    background: url(../images/icon01.png) no-repeat 3px 3px;
}

.lxwm-xx-list02
{
    background: url(../images/icon02.png) no-repeat 3px 3px;
}

.lxwm-xx-list03
{
    background: url(../images/icon03.png) no-repeat 3px 3px;
}

.lxwm-xx-list04
{
    background: url(../images/icon04.png) no-repeat 3px 3px;
}

.lxwm-xx
{
    margin-left: 22px;
}

.lxwm-title
{
    font-weight: bold;
    font-size: 14px;
    color: #666666;
}
/**footer**/
.footer-beian
{
    width: 1000px;
    margin: 0 auto;
}

.page-subtitle
{
    font-family: "微软雅黑";
    font-weight: 300;
    font-size: 20px;
    line-height: 36px;
    text-transform: none;
    color: #808285 !important;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    text-shadow: none;
    float: left;
    letter-spacing: 1px;
}

.sharing-section
{
    margin: 20px 0px 20px 0px;
    background: none;
}

h3.sharing-buttons
{
    font-family: "微软雅黑";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 32px;
    text-transform: uppercase;
    color: #58595b !important;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    text-shadow: none;
    float: left;
}


.footer
{
    width: 100%;
    height: 50px;
    background: #0A2B4A;
    position: relative;
    top: 3px;
    left: 0px;
}

.back-to-top
{
    position: absolute;
    top: -30px;
    left: 50%;
    display: block;
    width: 52px;
    height: 60px;
    margin-left: -31px;
}
/*main*/
.case .title
{
    height: 20px;
    border-bottom: 3px solid #e7e7e7;
    padding-bottom: 10px;
}

    .case .title h2
    {
        font-size: 20px;
        font-family: "microsoft yahei";
    }

.case .title-list
{
    position: relative;
    top: 0px;
    float: left;
}

    .case .title-list li
    {
        display: block;
        float: left;
        color: #fff;
        font-size: 16px;
        padding: 0 24px;
        height: 82px;
        line-height: 82px;
        cursor: pointer;
    }

        .case .title-list li a
        {
            color: #fff;
        }

        .case .title-list li.on a
        {
            color: #FF874F;
            font-weight: bold;
        }

    .case .title-list p
    {
        position: absolute;
        left: 24px;
        width: 106px;
        height: 7px;
        border-top: 3px solid #FF874F;
        overflow: hidden;
        text-align: center;
    }
