.profession_ban {
    width: 100%;
    height: 1120px;
    background: url(/images/test/prof_ban.jpg) no-repeat center top fixed;
    /*overflow: hidden;*/
}

    .profession_ban > h3 {
        font-size: 50px;
        color: #FFF;
        text-align: center;
        padding-top: 80px;
        font-family: 'brandon_textblack';
    }

    .profession_ban > h4 {
        font-size: 30px;
        color: #FFF;
        text-align: center;
        font-weight: normal;
    }

.profession_main {
    width: 1200px;
    min-height: 790px;
    /*background-color: #fff;*/
    /*    position: absolute;
    top: 280px;
    margin: auto;
    left: 0;
    right: 0;*/
    margin: 0 auto;
    margin-top: -840px;
}

.profession_main_cont {
    width: 1100px;
    margin: 0 auto;
    min-height: 500px;
    padding: 50px;
    /*padding-bottom: 0;*/
    background: #fff;
}

.profession_maps {
    padding-bottom: 48px;
    border-bottom: 2px solid #ccc;
}

.profession_map_title {
    float: left;
}

    .profession_map_title em {
        width: 10px;
        height: 12px;
        margin-right: 8px;
        background: url(/images/test/home.png) no-repeat center;
        display: inline-block;
    }

    .profession_map_title a {
        font-size: 12px;
        color: #666;
    }

    .profession_map_title i {
        width: 10px;
        height: 12px;
        margin: 0 4px;
        background: url(/images/test/sNav_icon.png) no-repeat center;
        display: inline-block;
    }

.profession_map_nav {
    float: right;
    position: relative;
}

    .profession_map_nav .slidline {
        position: absolute;
        left: 0px;
        bottom: -33px;
        overflow: hidden;
        width: 0px;
        display: block;
        height: 6px;
        background: #0f4f81;
    }

    .profession_map_nav ul li {
        margin-left: 20px;
        float: left;
    }

        .profession_map_nav ul li a {
            color: #333;
            font-size: 13px;
            font-weight: 600;
            display: block;
            transition: all .3s;
        }

            .profession_map_nav ul li a:hover {
                color: #0f4f81;
                transition: all .3s;
            }

        .profession_map_nav ul li.curr a {
            color: #0f4f81;
        }

.profession_main_cont_title {
    width: 100%;
    overflow: hidden;
    margin-top: 47px;
}

    .profession_main_cont_title h3 {
        line-height: 22px;
        font-size: 22px;
        color: #666;
        margin-top: 20px;
    }

    .profession_main_cont_title h4 {
        line-height: 22px;
        font-size: 13px;
        color: #666;
        margin-top: 5px;
    }

        .profession_main_cont_title h4 em {
            line-height: 32px;
            font-size: 36px;
            color: #0f4f81;
            font-family: 'brandon_textbold';
            font-style: normal;
        }

.profession_main_cont_about p {
    margin-top: 15px;
    font-size: 13.5px;
    color: #666;
    line-height: 22px;
}


.prof_font {
    width: 100%;
    margin-top: 47px;
    overflow: hidden;
    color: #333;
}

    .prof_font h3 {
        font-size: 26px;
        line-height: 56px;
        font-family: 'brandon_textblack';
        letter-spacing: -1px;
    }

    .prof_font h4 {
        font-size: 22px;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .prof_font h6 {
        font-size: 13px;
        font-weight: normal;
    }

    .prof_font h5 {
        font-size: 13px;
        line-height: 22px;
    }

    .prof_font P {
        font-size: 13px;
        line-height: 14px;
        font-family: 'lucida_sans_unicoderegular';
    }

.employment {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

    .employment .ent_tit {
        width: 100%;
        height: 100px;
        overflow: hidden;
        cursor: pointer;
        margin-top: 9px;
    }

.employment .ent_tit .ent_titl {
    padding-left: 110px;
    width: 840px;
    height: 77px;
    padding-top: 23px;
    background: #eee url(/images/test/prof_pic1.png) no-repeat 39px center;
    float: left;
}

.employment .ent_tit .ent_titl h3 {
    line-height: 22px;
    font-size: 15px;
    color: #333;
    margin-top: 5px;
}

.employment .ent_tit .ent_titr {
    width: calc(100% - 950px);
    height: 100%;
    background: #e0e0e0 url(/images/test/prof_pic2.png) no-repeat center;
    float: left;
}

.employment .ent_main {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

    .employment .ent_main .ent_mainL {
        padding-left: 110px;
        padding-bottom: 20px;
        width: 840px;
        background: #eee;
        float: left;
        font-size: 13px;
        line-height: 25px;
    }

.employment .ent_main .ent_mainL h3 {
    color: #333333;
}

.employment .ent_main .ent_mainL p {
    color: #666666;
}

.employment .ent_main .ent_mainL a {
    display: block;
    width: 141px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #0f4f81;
    color: #fff;
    font-size: 13px;
    margin: 20px 0 50px 0;
}

    .employment .ent_main .ent_mainR {
        width: calc(100% - 950px);
        background: #e0e0e0 url(/images/test/prof_pic2.png) no-repeat center;
        float: left;
    }

.employment .ent_more {
    width: 100%;
    height: 60px;
    background: #e0e0e0 url(/images/test/prof_pic4.png) no-repeat center;
    cursor: pointer;
    overflow: hidden;
    margin-top: 10px;
    transition: all .3s;
}

    .employment .ent_more:hover {
        background: #0f4f81 url(/images/test/prof_pic3.png) no-repeat center;
        transition: all .3s;
    }


/*profession2*/

.prof2_bigpic {
    width: 100%;
    height: 596px;
    overflow: hidden;
    position: relative;
    margin-top: 44px;
}

    .prof2_bigpic ul {
        position: absolute;
        left: 0;
    }

    .prof2_bigpic li {
        width: 1100px;
        height: 596px;
        float: left;
        position: relative;
        text-align: center;
    }

        .prof2_bigpic li div {
            width: 100%;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: #fff;
            font-size: 18px;
            position: absolute;
            bottom: 10px;
            left: 0;
        }

.prof2_bigpic li div span {
    display: inline-block;
    padding: 0 32px;
    background: #0f4f81;
}

.prof2_bigpic a {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    transition: all .3s;
}

    .prof2_bigpic a.bigL {
        background: url(/images/test/prof2_icon1.png) no-repeat center;
        top: 50%;
        left: -50px;
    }

    .prof2_bigpic a.bigR {
        background: url(/images/test/prof2_icon2.png) no-repeat center;
        top: 50%;
        right: -50px;
    }

.prof2_bigpic:hover a.bigL {
    left: 20px;
    transition: all .3s;
}

.prof2_bigpic:hover a.bigR {
    right: 20px;
    transition: all .3s;
}

.prof2_smallpic {
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    height: 155px;
    position: relative;
}

.prof2_smallpic ul {
    position: absolute;
    left: 0;
}

.prof2_smallpic li {
    width: 213px;
    height: 153px;
    margin-right: 8px;
    float: left;
    cursor: pointer;
}

    .prof2_smallpic li.on {
        border: 1px solid #0f4f81;
    }

.prof2_smallpic a {
    display: block;
    width: 12px;
    height: 22px;
    position: absolute;
}

    .prof2_smallpic a.smallL {
        background: url(/images/test/prof2_icon3.png) no-repeat center;
        top: 50%;
        left: 2px;
    }

    .prof2_smallpic a.smallR {
        background: url(/images/test/prof2_icon4.png) no-repeat center;
        top: 50%;
        right: 4px;
    }


/*profession3*/

.benefits {
    width: 100%;
    margin-top: 44px;
    overflow: hidden;
}

    .benefits > div {
        padding-left: 49px;
        height: 47px;
        line-height: 47px;
    }

    .benefits .list_main {
        width: 969px;
        height: 47px;
        font-size: 12px;
        color: #666;
        padding-left: 42px;
        background: url(/images/test/prof3_icon9.png) no-repeat left center;
        border-bottom: 1px dashed #e5f4f5;
    }

    .benefits .list1 {
        background: url(/images/test/prof3_icon1.png) no-repeat left center;
    }

    .benefits .list2 {
        background: url(/images/test/prof3_icon2.png) no-repeat left center;
    }

    .benefits .list3 {
        background: url(/images/test/prof3_icon3.png) no-repeat left center;
    }

    .benefits .list4 {
        background: url(/images/test/prof3_icon4.png) no-repeat left center;
    }

    .benefits .list5 {
        background: url(/images/test/prof3_icon5.png) no-repeat left center;
    }

    .benefits .list6 {
        background: url(/images/test/prof3_icon6.png) no-repeat left center;
    }

    .benefits .list7 {
        background: url(/images/test/prof3_icon7.png) no-repeat left center;
    }

    .benefits .list8 {
        background: url(/images/test/prof3_icon8.png) no-repeat left center;
    }

.bts_pic {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
}

    .bts_pic .bts_piclt {
        width: 427px;
        height: 320px;
        float: left;
        overflow: hidden;
    }

    .bts_pic .bts_picrt {
        width: 633px;
        height: 320px;
        float: left;
        overflow: hidden;
    }

    .bts_pic .bts_piclb {
        width: 427px;
        height: 496px;
        float: left;
        overflow: hidden;
    }

    .bts_pic .bts_picrb {
        width: 633px;
        height: 496px;
        float: left;
        overflow: hidden;
    }

    .bts_pic img {
        transition: all .3s;
    }

    .bts_pic .bts_piclt:hover img {
        transform: scale(1.1, 1.1);
        transition: all .3s;
    }

    .bts_pic .bts_piclb:hover img {
        transform: scale(1.1, 1.1);
        transition: all .3s;
    }

    .bts_pic .bts_picrt:hover img {
        transform: scale(1.1, 1.1);
        transition: all .3s;
    }

    .bts_pic .bts_picrb:hover img {
        transform: scale(1.1, 1.1);
        transition: all .3s;
    }