html, body {
    position: relative;
    height: 100%;
    font-size: 10px;
}

body {
    height: 100%;
    font-family: Arial,"Microsoft Yahei",Helvetica,Tahoma,"PingFang SC","lantinghei SC","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
    background: #FFFFFF;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    color: #3e3a39;
    position: relative;
    margin: 0;
    padding: 0;
}

input, button {
    font-family: "microsoft yahei";
    border-radius: 0;
    outline: none;
}

    input:focus, a:focus, textarea:focus, button:focus, select:focus {
        outline: none;
    }

p {
    margin: 0;
    padding: 0;
    word-break: break-word;
    line-height: 180%;
}

hr {
    width: 100%;
    height: 1px;
    border: none;
    border-top: 1px solid #DCDCDD;
    margin-top: 10px;
    margin-bottom: 10px;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    outline: none;
    color: inherit;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

label {
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.header {
    width: 100%;
    background: #FFFFFF; 
    font-size: 14px;
    font-size: 1.4rem;
    position: fixed;
    top: 0;
    z-index: 2;
}

.header_top {
    padding: 15px 0 0;
    background: #FFFFFF;
}

.header_top_main {
    text-align: right;
    color: #3e3a39;
    background: #FFFFFF;
}

.top_links {
    margin-right: 15px;
}

.top_link {
    margin: 0 3px;
}

.header-main {
    width: 100%;
}

.logo {
    position: absolute;
    top: 20px;
}
    
    .logo .logoimg {
        height: 50px;
    }

.navbar-header {
    width: 100%;
    padding: 0 70px;
    position: relative;
    z-index: 999;
    background: #FFFFFF;
    position: relative;
    border-bottom: 3px solid #0e3d67;
}

a.active,
.fa.active {
    color: #0e3d67;
}

.header_top_main .fa.fa-search {
    margin-right: 5px;
}

span.active {
    color: #0e3d67;
}

.panel-default > .panel-heading {
    border: 1px solid #9b1f24;
    background: #FFFFFF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.menu {
    float: right;
    clear: right;
    position: relative;
}

    .menu .menu_li {
        position: relative;
        text-align: center;
        text-align: left;
        padding-bottom: 15px;
    }


        .menu .menu_li a {
            padding: 0;
            line-height: 25px;
            width: 100%;
            transition: all 0.5s;
            margin: 10px 0 0;
            padding: 0 30px;
            display: inline-block;
            text-align: center;
            color: #3f3f3f;
            border-left: 1px dotted #b5b5b6; 
            line-height: 20px;
        }

            .menu .menu_li a .nav_en {
                color: #6b6b6b;
            }

            .menu .menu_li a.active, .menu .menu_li a.active .nav_en {
                color: #0e3d67;
            }

        .menu .menu_li:first-child a {
            border: none;
            margin-left: 0;
            padding-left: 0;
        }
    
    

    .menu .submenu {
        position: absolute;
        left: 0px;
        top: 100%;
        background: #FFFFFF;
        z-index: 999;
        min-width: 100%;
        ;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    }

    .menu .menu_li:hover .submenu {
        border: 1px solid #CCCCCC
    }

    .menu .submenu li {
        margin-bottom: 0;
        line-height: 30px;
        padding: 0 15px;
        height: 0;
        overflow: hidden;
    }
    
    .menu .menu_li:hover .submenu li {
        height: 50px;
        transition: height 200ms ease-in;
    }

    .menu .submenu li a {
        white-space: nowrap;
        line-height: 20px;
        font-size: 12px;
        float: none;
        padding: 15px;
        border: none;
        border-top: 1px dotted #b5b5b6;
        margin: 0;
        display: block;
    }

    .menu .menu_li:hover .submenu li a {
        display: block
    }


    
    .menu li a:hover,
    .menu li a:hover .nav_en {
        color: #0e3d67;
    }

    .menu .submenu li:first-child a {
        border: none;
    }

.submenu .opcity_height {
    height: 8px;
    width: 100%;
    opacity: 0;
    display: block;
    position: absolute;
    top: -8px;
}

.submenu1 .opcity_height {
    height: 8px;
    width: 100%;
    opacity: 0;
    display: block;
    position: absolute;
    top: -8px;
}

.submenu1 {
    position: absolute;
    left: -122%;
    top: 65px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    float: right;
    display: none;
    padding: 5px 0 10px 0;
}

    .submenu1 li {
        line-height: 30px;
        float: left;
        font-size: 1.2rem;
        color: #3F3F3F;
        width: 20%;
        margin: 5px 0 0 4.1%;
    }

        .submenu1 li:last-child {
            width: 25%;
        }

.menu .navbar-nav .menu_li .submenu1 li a {
    padding: 0;
    border: 0;
    margin: 0;
    text-align: left;
}

@media (min-width: 1430px) {
    .container {
        width: 1300px;
    }
}

.bg_gray {
    background: #f1f2f4;
}

.tab_4, .tab_3 {
    margin-bottom: 80px;
}

.nav-tabs {
    border: none;
    padding: 0;
    margin: 0 auto;
}

    .nav-tabs li {
        width: 20%;
        text-align: center;
    }

        .nav-tabs li a {
            width: 100%;
            font-size: 20px;
            font-size: 1.8rem;
            color: #3e3a39;
            padding: 25px 15px 15px;
            display: inline-block;
            border: none;
            border-bottom: 2px solid transparent;
        }

            .nav-tabs li a .arrow {
                visibility: hidden;
            }

    .nav-tabs > li > a:hover,
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        padding: 25px 15px 15px;
        color: #3e3a39;
        border: none;
        border-bottom: 2px solid #0e3d67;
        background: transparent;
        box-shadow: none;
        cursor: pointer;
        color: #0e3d67;
    }

        .nav-tabs > li > a:hover .arrow,
        .nav-tabs > li.active > a .arrow,
        .nav-tabs > li.active > a:focus .arrow,
        .nav-tabs > li.active > a:hover .arrow {
            visibility: visible;
        }

.nav_title {
    height: 100px !important;
    line-height: 58px !important;
}

    .nav_title:hover {
        height: 100px !important
    }

.tab_4 .nav > li > a:focus,
.tab_4 .nav > li > a:hover {
    background: #fff;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background: #FFFFFF;
}

.tab_3 .nav-tabs li {
    width: 33%;
}

    .tab_3 .nav-tabs li a,
    .tab_3 .nav-tabs > li > a:hover,
    .tab_3 .nav-tabs > li.active > a,
    .tab_3 .nav-tabs > li.active > a:focus,
    .tab_3 .nav-tabs > li.active > a:hover {
        padding: 15px 30px;
    }

.tab_2 .nav-tabs li {
    width: 30%;
}

    .tab_2 .nav-tabs li a {
        width: 50%;
    }

.tab_2 .nav-tabs {
    display: flex;
    justify-content: space-between;
}

.tab-content {
    position: relative;
    padding: 0;
}

.vertical_tabs {
    margin-top: 100px;
}

    .vertical_tabs .nav-tabs li {
        width: 100%;
        margin-bottom: 0;
    }

        .vertical_tabs .nav-tabs li a {
            border: 1px solid #d8d6d6;
            border-bottom: none;
            width: 100%;
            font-size: 16px;
            font-size: 1.6rem;
            padding: 15px;
            border-radius: 0;
        }

            .vertical_tabs .nav-tabs li a img {
                height: 20px;
                position: absolute;
                right: 10px;
            }

        .vertical_tabs .nav-tabs li:last-child a {
            border-bottom: 1px solid #d8d6d6
        }

    .vertical_tabs .nav-tabs > li > a:hover,
    .vertical_tabs .nav-tabs > li.active > a,
    .vertical_tabs .nav-tabs > li.active > a:focus,
    .vertical_tabs .nav-tabs > li.active > a:hover {
        color: #0e3d67;
        padding: 15px;
        border: 1px solid #d8d6d6;
        border-bottom: 1px solid #0e3d67
    }

.subnav {
    display: block;
    border: none;
    padding: 0;
}

.vertical_tabs .nav-tabs li.subnav a,
.vertical_tabs .nav-tabs li.subnav a:hover {
    padding: 0;
    border: 0;
}

.vertical_tabs li.subnav:nth-last-child(3) {
    margin-top: 30px;
}

.subnav {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

    .subnav:hover {
        transform: scale(1.04);
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -o-transform: scale(1.04);
    }

.bg_map {
    position: absolute;
    z-index: -1;
    left: 0;
    top: -120px;
    width: 100%;
    padding: 0 25%;
}

.buttons_list {
    margin-bottom: 50px;
}

    .buttons_list li {
        float: left;
        width: 9%;
        background: transparent;
        color: #3e3a39;
        padding: 5px 0;
        text-align: center;
        margin: 5px 0;
        margin-right: 2%;
        cursor: pointer;
    }

        .buttons_list li:hover,
        .buttons_list li.active {
            background: #0e3d67;
            color: #FFFFFF;
        }

.g_padding_left .tab-pane .buttons_list {
    margin-bottom: 35px;
}

.g_padding_left .tab-pane .row .main-input {
    margin-top: 0;
    margin-bottom: 10px
}

.collapse_group {
    margin-top: 60px;
}

.panel-group {
    margin-bottom: 10px;
}

    .panel-group .panel {
        border: none;
        box-shadow: none;
    }

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 1px solid transparent;
    padding: 15px 25px;
    font-size: 1.4rem;
}

.panel-title > a {
    width: 100%;
    display: block;
    color: #3e3a39;
    font-size: 20px;
    font-size: 1.8rem;
    padding: 10px 25px;
}

    .panel-title > a:before {
        float: right;
        font-family: FontAwesome;
        color: #3e3a39;
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 27px;
    }
    
    
    .panel-title > a.fold:before {
        content: '\f107';
    }

    .panel-title > a.open:before {
        content: '\f106';
    }

    .panel-title > a .circle:before {
        float: left;
        font-family: FontAwesome;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 27px;
        content: '\f111';
        margin-right: 15px;
    }

.panel-body {
    font-size: 16px;
    font-size: 1.6rem;
}

.panel-group.active {
    border: 1px solid #0e3d67;
}

    .panel-group.active .panel-default > .panel-heading {
        background: #0e3d67;
        border-radius: initial;
    }

    .panel-group.active .panel-title > a {
        color: #FFFFFF;
    }

        .panel-group.active .panel-title > a:before {
            color: #FFFFFF;
        }

.position_info {
    margin-bottom: 20px;
}

    .position_info p {
        line-height: 200%;
    }

.title {
    color: #0e3d67;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    vertical-align: middle;
    margin-bottom: 30px;
    position: relative;
}

.title_img {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 150px;
    height: 3px;
    top: 5%
}

.title .line {
    font-size: 15px;
    vertical-align: bottom;
    display: inline-block;
    line-height: 32px;
}

    .title .line:first-child {
        margin-right: 30px;
    }

    .title .line:last-child {
        margin-left: 30px;
    }

.content {
    text-indent: 2rem;
    margin-bottom: 10px;
    font-size: 16px
}

.practices_con {
    line-height: 40px
}

.practices_text {
    margin-bottom: 10px;
}

.practices_indent {
    position: relative;
    line-height: 30px;
    display: flex;
    margin-left: 10px
}

    .practices_indent img {
        width: 12px;
        height: 12px;
        margin-top: 9px;
        margin-right: 7px;
    }

    .practices_indent span {
        display: inline-block;
    }

.item_tit {
    border-left: 3px solid #919097;
    background: #f1f2f4;
    padding: 2px 0 2px 12px;
    margin: 30px 0 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #0e3d67;
    ;
}

.item_tit_more {
    color: #0e3d67;
    float: right;
    font-size: 12px;
    padding-right: 15px;
}

.practice_section a {
    color: #3f3f3f;
}

.practice_section span {
    transition: all 0.5s;
}


.practice_box {
    height: 400px;
    width: 1190px;
    margin: 0 auto;
    position: relative;
    font-size: 16px
}

    .practice_box .practice_areas {
        background: url(../image/six4.png) no-repeat;
        height: 160px;
        width: 180px;
        background-size: 100% 100%;
        padding: 10px 0;
        display: inline-block;
        position: absolute;
    }

        .practice_box .practice_areas:hover {
            background: url(../image/six5.png) no-repeat;
            height: 160px;
            width: 180px;
            background-size: 100% 100%;
        }

        .practice_box .practice_areas p {
            color: #fff
        }

        .practice_box .practice_areas:hover p {
            color: #0e3d67
        }

        


        .practice_box .practice_areas .p1 {
            text-align: center;
            margin-top: 56px;
            margin-left: 4px;
            font-size: 14px
        }

        .practice_box .practice_areas .p2 {
            text-align: center;
            margin-top: 45px;
            margin-left: 4px;
            font-size: 14px
        }

    .practice_box .practice_areas1 {
        top: 110px;
        left: 0px;
    }

    .practice_box .practice_areas2 {
        top: 0px;
        left: 170px;
    }

    .practice_box .practice_areas3 {
        top: 210px;
        left: 170px;
    }

    .practice_box .practice_areas4 {
        top: 110px;
        left: 340px;
    }

    .practice_box .practice_areas5 {
        top: 0px;
        left: 510px;
    }

    .practice_box .practice_areas6 {
        top: 210px;
        left: 510px;
    }

    .practice_box .practice_areas7 {
        top: 110px;
        left: 680px;
    }

    .practice_box .practice_areas8 {
        top: 0px;
        left: 850px;
    }

    .practice_box .practice_areas9 {
        top: 210px;
        left: 850px;
    }

    .practice_box .practice_areas10 {
        top: 110px;
        left: 1020px;
    }



.look_con {
    padding: 30px 25px 25px 0;
    border-bottom: 1px solid #b5b5b6;
    overflow: hidden;
}

.look_img_con {
    max-width: 21%;
    max-height: 200px;
    margin-right: 30px;
    float: left;
}

    .look_img_con a {
        display: block;
        height: 100%;
    }

        .look_img_con a img {
            width: 100%;
            height: 100%;
        }

.look_time {
    width: 125px;
    color: #0e3d67;
    border-bottom: 2px solid #b5b5b6;
    padding-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    margin-top: 5px;
}

.look_title {
    font-size: 22px;
    font-size: 2.2rem;
    color: #3f3f3f;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .look_title a {
        font-size: 1.8rem;
    }

        .look_title a:hover {
            color: #0e3d67;
        }

.look_text_con {
    width: 70%;
    position: relative;
    font-size: 1.4rem;
}

    .look_text_con p {
        color: #595757;
    }

.look-title-margin {
    margin-top: 15px;
}

    .look-title-margin span {
        color: #727171;
        font-size: 14px;
        float: right;
        margin-top: 5px;
    }

.look_bg {
    padding: 20px 45px;
    font-size: 1.6rem;
    color: #727171;
    width: 100%;
    float: right;
    margin-top: 5px;
    background: #F4F2F2;
}

.look_position_left {
    width: 3%;
    height: 10%;
    position: absolute;
    top: 45%;
    left: 5%;
}

.look_text_con img {
    width: 100%;
    height: 100%;
}

.look_position_right {
    width: 3%;
    height: 10%;
    position: absolute;
    top: 80%;
    right: 6%;
}

.look_con1 {
    padding-right: 0;
}

.look_text-con1 {
    width: 70%;
}

.look_position {
    position: absolute;
    right: 2%;
    bottom: 2%;
    color: #727171;
    font-size: 14px;
    font-size: 1.4rem;
}

.none_hover {
    margin: 8px 0;
    display: block;
}

.vertical_tabs .float_left {
    float: left;
}

.click_time {
    padding: 15px 15px;
    border-bottom: 1px dashed #d8d6d6;
    cursor: pointer
}

    .click_time:hover {
        color: #0e3d67;
    }

.vertical_tabs .col-sm-3 .active,
.vertical_tabs .col-sm-3 .active i {
    color: #0e3d67;
    display: block;
}

.click_time i {
    float: right;
    font-size: 2rem;
    display: none;
}

.vertical_tabs .col-sm-3 .none_margin_10 {
    margin-bottom: 10px;
}

.page {
    padding: 0px 42%;
    margin-top: 35px;
    margin-bottom: 25px;
}

    .page li {
        padding: 5px 12px 5px 12px;
        float: left;
        background: #f1f2f4;
        margin-left: 4px;
        cursor: pointer;
    }

    .page .pageItemActive {
        background: #0e3d67;
        color: #FFFFFF;
    }

    .page .pageItem:hover {
        background-color: #0e3d67;
        color: white;
    }

.page2 {
    padding: 0 41%;
}

.page3 {
    padding: 0 38%;
}

.page4 {
    padding: 0 38%;
}

.page5 {
    padding: 0;
    float: right;
}

.paging {
    text-align: center;
    margin-top: 40px
}

    .paging img {
        height: 25px;
        width: 25px;
    }

    .paging a {
        height: 25px;
        width: 25px;
        display: inline-block;
        text-align: center
    }

    .paging .smallBtn {
        display: inline-block
    }

    .paging input {
        width: 40px;
        height: 100%;
        border: 1px solid #0e3d67
    }

    .paging .button {
        background: #0e3d67;
        color: white;
        padding: 5px 15px;
        font-weight: normal;
        margin: 0 15px;
        cursor: pointer;
    }


.tow-tabs {
    display: none;
}

.tow-tabs-show {
    display: block
}

.none-padding {
    padding: 0;
}

.m_r_25 {
    margin-left: 24px;
}

.color_txt {
    color: #898989;
}

.p_b_5 {
    padding-bottom: 5px;
}

.p_r_no .g_bottom_margin {
    margin-bottom: 0;
}

.fa {
    color: #909090;
}

    .fa:hover {
        color: #909090;
    }



.search_show_con {
    display: inline-block;
    border-bottom: 1px solid #FFFFFF;
    box-sizing: border-box;
    margin-right: 10px;
}

    .search_show_con a .fa-search:hover {
        color: #0e3d67;
    }

    .search_show_con input {
        height: 19px;
        width: 115px;
        font-size: 1.2rem;
        background: rgba(0,0,0,0);
        border: 0;
        color: #727171;
        display: none;
        float: left;
        padding: 0 5px;
    }

.person_section {
    color: #5d5d5d;
}

.news_tit_l a:hover {
    color: #0e3d67;
}

.sub_list .news_tit a:hover {
    color: #0e3d67;
}

._details_mobe_ .p_b_5:hover {
    color: #0e3d67;
}

.search_list li a:hover {
    color: #0e3d67;
}

.on_news_con p a:hover {
    color: #0e3d67;
}

.breadcrumb li a:hover {
    color: #0e3d67;
}

.search_results_title:hover {
    color: #0e3d67;
}

.tit_link_more a:hover {
    color: #0e3d67;
}

.person_section:hover {
    color: #0e3d67;
}

.search_list li:hover {
    color: #0e3d67;
}

.news_list .news_tit a:hover {
    color: #0e3d67;
}

.contact_con {
    width: 100%;
    border-bottom: 1px dashed #9fa0a0;
    border-right: 1px dashed #9fa0a0;
    position: relative;
}

._city_name {
    border-top: 2px solid #0e3d67;
    background: #f1f2f4;
    padding: 105px 0;
}

.contact_city {
    border: 1px dashed #9fa0a0;
    color: #3F3F3F;
    border-bottom: 0;
    border-top: 0;
}

._city_address {
    padding: 35px 40px;
    border-top: 1px dashed #9fa0a0;
}

._city_address2 {
    padding: 10px 40px;
    color: #3F3F3F;
}

._city_address p {
    font-size: 14px;
    font-size: 1.4rem;
}

._city_address ._city_address_odd {
    width: 4%;
    display: inline-block;
}

._city_address ._city_address_oll {
    width: 95%;
    float: right;
}


.city_border ._city_address ._city_title_left p:first-child {
    width: 12%;
    display: inline-block;
}

    .city_border ._city_address ._city_title_left p:first-child + p {
        width: 86%;
        display: inline-block;
        float: right;
    }

._city_title_left {
    margin-top: 15px;
}

._city_address .ipad_margin_top_10 {
    margin-top: 10px;
}

.city_pic {
    padding: 58px 41px;
    border-top: 1px dashed #9fa0a0;
}

    .city_pic img {
        width: 100%;
        height: 100%;
    }

.city_border {
    border-bottom: 1px dashed #9fa0a0;
    overflow: hidden;
}

    .city_border:hover {
        color: #0e3d67;
    }

._city_name1 {
    border-top: 0;
}

._city_name2 {
    border-bottom: 0;
}

.pc_none {
    display: none
}

.city_tab_con {
    display: none;
}

.news_tit a {
    font-size: 1.6rem
}

.city_offset_height {
    position: relative;
}


.contact_city::-webkit-scrollbar {
    width: 5px;
    height: 100%;
    background: rgba(0,0,0,0);
}

.contact_city::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0e3d67;
}

.add_concat {
    color: #0e3d67;
}

.max_height {
    height: 600px;
    overflow-y: hidden;
}

    .max_height::-webkit-scrollbar {
        background-color: #FFFFFF;
        width: 0;
    }


.alphabetic_list {
    color: #B5B5B6;
    width: 10px;
    position: absolute;
    right: 52%;
    height: 100%;
    z-index: 99;
}


._city_footer {
    border: 1px dashed #898989;
    padding: 44px 36px 70px;
    margin-top: 96px;
}

._leave {
    color: #0e3d67;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 43px;
}

._leave_inp {
    width: 100%;
    height: 238px;
    padding: 43px 37px;
    background: #FFFFFF;
    margin-bottom: 60px;
    border: 1px solid #0e3d67;
}

._leave_paddind {
    padding: 8px;
    border: 0;
    background: #FFFFFF;
    width: 78%;
    border: 1px solid #0e3d67;
}

._padding-left-10 {
    padding-left: 10px;
}

._sub_btn {
    margin: 85px auto 0;
    color: #FFFFFF;
    padding: 0 40%;
}

    ._sub_btn a {
        background: #0e3d67;
        width: 145px;
        height: 38px;
        color: #FFFFFF;
        border-radius: 5px;
        display: inline-block;
        text-align: center;
        line-height: 38px;
        font-size: 1.6rem;
    }

._mobile_block {
    display: none;
}

._mobile_block {
    margin-top: 30px;
    padding: 30px 12px 20px;
    position: relative;
    border: 1px dashed #898989;
}

._leave_block1 {
    font-size: 2.2rem;
    padding: 5px 20px;
    position: absolute;
    left: 28%;
    top: -15%;
    background: #FFFFFF;
}

._mobile_block p:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._leave_block {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 5px 20px;
    position: absolute;
    left: 26%;
    top: -5%;
    background: #FFFFFF;
}

._city_list {
    border: 1px solid #C9CACA;
    padding: 8% 10%;
    color: #727171;
    width: 86%;
    margin-top: 20px;
}

    ._city_list li {
        padding: 3% 15%;
        float: left;
        font-size: 1.4rem;
        width: 48%;
    }

.item_tit1 {
    padding: 6px 10px 6px 15px;
    font-size: 1.6rem;
    color: #0e3d67;
    ;
}

    .item_tit1 span {
        float: right;
        color: #0e3d67;
    }

        .item_tit1 span a {
            font-size: 1.6rem;
            font-weight: normal;
            font-size: 1.4rem;
        }

._recommended_lawyer {
    box-sizing: border-box;
    margin: 16px;
    overflow: hidden;
}

._recommended_lawyer_pic img {
    width: 100%;
    transition: all 0.2s;
}

    ._recommended_lawyer_pic img:hover {
        transform: scale(1.1);
    }

._recommended_lawyer_con p {
    padding-left: 10px;
    font-size: 1.2rem;
    color: #727171;
}

    ._recommended_lawyer_con p:nth-child(1) {
        border-left: 3px solid #0e3d67;
        padding-left: 10px;
        font-weight: bolder;
        font-size: 1.55rem;
        color: #3e3a39;
    }

._recommended_lawyer_con {
    padding: 12px 0;
    border: 1px solid #9fa0a0;
}

.p_b_5 .col-xs-2 p {
    color: #898989;
}

.details .swiper-slide {
    color: #000000;
}

.subtitle {
    border-bottom: 1px solid #c9caca;
    padding: 8px 0;
    font-size: 1.2rem;
    margin-bottom: 30px;
    text-align: center;
}

.subtitle_time span {
    color: #9fa0a0 !important
}

.subtext {
    padding: 38px 70px;
    background: #f1f2f4;
    margin-bottom: 50px;
    position: relative;
}

.subtext_position {
    position: relative;
}

.sub_position_left {
    width: 25px;
    height: 25px;
    z-index: 99;
    position: absolute;
    top: 18%;
    left: 3%;
}

.sub_position_right {
    width: 25px;
    height: 25px;
    z-index: 99;
    position: absolute;
    bottom: 18%;
    right: 4%;
}

.sub_position_left img {
    width: 100%;
    height: 100%;
}

.sub_position_right img {
    width: 100%;
    height: 100%;
}

.subtext img {
    width: 100%;
    height: 100%;
}

.on_news_con {
    color: #898989;
    font-size: 1.4rem;
    margin-top: 20px;
}

    .on_news_con p {
        margin-bottom: 5px;
    }

.search_inp {
    padding: 4px 10px;
    background: #f1f2f4;
}

    .search_inp input {
        height: 30px;
        border: 0;
        width: 84%;
        margin: 2px;
    }

    .search_inp .search_inp_btn {
        width: 30px;
        height: 30px;
        background: url(../image/icon-search-btn.png);
        background-size: 100% 100%;
        float: right;
        margin-top: 2px
    }

    .search_inp .search_inp_btn2 {
        width: 35px;
        height: 35px;
        cursor: pointer;
    }

.search_list {
    padding: 0px 25px 0px 0px;
}

    .search_list li {
        font-size: 1.4rem;
        color: #595757;
        padding-bottom: 15px;
        border-bottom: 1px dashed #898989;
        max-height: 145px;
        padding-top: 25px;
    }

        .search_list li:last-child {
            border: 0;
            padding-bottom: 0;
        }

        .search_list li:first-child {
            padding-top: 0;
        }

.search_list_left_con {
    width: 48%;
    padding: 10px 15px;
    float: left;
}

    .search_list_left_con p {
        overflow: hidden;
    }

    .search_list_left_con img {
        width: 100%;
        min-height: 110px;
        transition: all 0.2s;
    }

        .search_list_left_con img:hover {
            transform: scale(1.1);
        }

.search_list_right_con {
    width: 52%;
    float: right;
    padding: 6px 0;
}

.search_list_con {
    border: 1px solid #B5B5B6;
    margin-bottom: 10px;
}

.search_list_right_con p {
    font-size: 1.2rem;
    color: #727171;
}

    .search_list_right_con p:first-child {
        font-size: 1.6rem;
        color: #3E3A39;
    }

        .search_list_right_con p:first-child + p {
            margin-bottom: 5px;
        }

._share_text {
    display: none;
    width: 15%;
    color: #898989;
    font-size: 1.2rem;
    margin-top: 35px;
    float: left;
}

._share_block {
    display: none;
    margin-top: 30px;
    width: 100%;
}

    ._share_block a {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin: 0 4px;
        margin-bottom: 0;
    }

        ._share_block a:first-child {
            background: url(../image/weixin.png)no-repeat;
            background-size: cover;
        }

            ._share_block a:first-child + a {
                background: url(../image/weibo.png)no-repeat;
                background-size: cover;
            }

                ._share_block a:first-child + a + a {
                    background: url(../image/QQ.png)no-repeat;
                    background-size: cover;
                }

                    ._share_block a:first-child + a + a + a {
                        background: url(../image/custom_space1.png)no-repeat;
                        background-size: cover;
                    }

.search_list .search_list_zj {
    border: 0;
    padding-bottom: 0;
}


._video {
    margin-bottom: 30px;
    border: 1px solid #999;
}

.model_video_mobile {
    display: none;
}


._news_details_log {
    width: 100%;
    margin-bottom: 25px;
}

    ._news_details_log img {
        width: 100%;
        height: 100%;
    }

.g_margin_top {
    margin-top: 0
}


._swiper_datas {
    width: 27%;
    height: 100%;
    float: left;
    margin-left: 5%;
}

._swiper_datas_log {
    width: 100%;
    overflow: hidden;
}

    ._swiper_datas_log img {
        width: 100%;
        min-height: 85px;
        transition: all 0.2s;
    }

        ._swiper_datas_log img:hover {
            transform: scale(1.1)
        }

._swiper_datas_text {
    background: #FFF;
    border: 1px solid #9FA0A0;
    box-sizing: border-box
}

._swiper_datas_title {
    color: #3E3A39;
    font-size: 1.7rem;
    border-left: 2px solid #0e3d67;
    padding-left: 8px;
}

._swiper_datas_text p {
    color: #727171;
    font-size: 1.2rem;
    padding-left: 5px;
}

.pic_moblie_block {
    display: none;
}

.swiper_padding {
    padding: 0 40px;
}

._swiper_datas2 {
    width: 18%;
    margin-left: 6%
}

#practices-swiper {
    height: auto;
}

    #practices-swiper .swiper-wrapper .swiper-slide {
        background: #FFF;
    }

.swiper_padding {
    position: relative;
}

    .swiper_padding .swiper_btn1 {
        width: 10px;
        height: 32px;
        background: url(../image/swiper-btn.png)no-repeat;
        position: absolute;
        left: 12px;
    }

    .swiper_padding .swiper_btn2 {
        width: 10px;
        height: 32px;
        background: url(../image/swiper-btn.png)no-repeat;
        position: absolute;
        right: 12px;
        background-position: -10px 0;
    }

#practices-swiper .swiper-wrapper .swiper-slide ._swiper_datas2 ._swiper_datas_text {
    padding: 5px;
}

    #practices-swiper .swiper-wrapper .swiper-slide ._swiper_datas2 ._swiper_datas_text ._swiper_datas_title {
        margin: 2px 0;
        padding-left: 5px;
        font-size: 1.6rem;
    }

#practices-swiper .swiper-wrapper .swiper-slide ._swiper_datas2 ._swiper_datas_log img {
    width: 100%;
    height: 100%;
}

.search_main .main_top {
    margin-top: 0px;
    margin-bottom: 30px;
    border-radius: 0
}


.pagination {
    z-index: 99;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: -10px;
    width: 100%;
}

    .pagination li {
        display: inline-block;
        width: 50px;
        height: 30px;
        margin: 0 3px;
        cursor: pointer;
    }

        .pagination li span {
            width: 50px;
            height: 2px;
            display: block;
            background: rgba(128,128,128,0.2);
            padding: 0;
            border: 0;
        }

            .pagination li span:hover {
                background: rgba(128,128,128,0.2);
            }

            .pagination li span i {
                background: gray;
                height: 2px;
                display: block;
                opacity: 0;
            }

    .pagination .current span i,
    .pagination .firstCurrent span i {
        transition: all .5s ease;
        opacity: 1;
    }

    .pagination .click span {
        background: gray;
    }

        .pagination .click span i {
            display: none;
        }

.autoplay li span i {
    transform: scaleX(0);
    transform-origin: 0;
    opacity: 1;
}

.autoplay .firstCurrent span i {
    transform: scaleX(1);
    transition: all 3s linear;
}

.autoplay .current span i {
    transform: scaleX(1);
    transition: all 4s linear;
}

.autoplay .replace span {
    background: gray;
}

    .autoplay .replace span i {
        transform: scaleX(0);
    }

.pic_con_left {
    padding: 0 25px;
    height: 135px;
}

.pic_con_right {
    padding: 0 25px;
    height: 135px
}

.add_animate {
    transform: rotateY(180deg);
}




.left_pic {
    background: url(../image/six.png)no-repeat;
    height: 135px;
    width: 150px;
    background-size: 100% 100%;
    padding: 10px 0;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 140px;
    transition: all 0s;
}

.cen {
    width: 500px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}


.pic_con_logo {
    text-align: center;
    padding: 10px 0;
    margin-top: 10px;
}

    .pic_con_logo img {
        height: 100%;
    }

.pic_con_txt {
    color: #FFFFFF;
    font-size: 1.2rem;
    text-align: center;
}

.left_pic_po0 {
    position: absolute;
    top: 0;
    left: 26px;
    transition: all 0.5s;
}

.left_pic_po1 {
    position: absolute;
    top: -68px;
    left: 135px;
    transition: all 0.5s;
}

.left_pic_po2 {
    position: absolute;
    left: 244px;
    transition: all 0.5s; 
}

.left_pic_po3 {
    position: absolute;
    top: -68px;
    left: 354px;
    transition: all 0.5s; 
}

#about {
    position: relative;
}

.bg_position {
    position: absolute;
    width: 100%;
    height: 300px;
    bottom: 20px;
    left: 0;
    z-index: -1;
}

.bg_position1 {
    width: 100%;
    height: 100%;
    border: 0;
}


.resume_main {
    margin: 0 auto;
    margin-top: 30px;
}

    .resume_main .resume_img {
        width: 90%;
        box-shadow: 5px 5px 15px #ccc;
    }
    
    .resume_main .resume_name {
        margin-top: 20px;
        text-align: center
    }

    .resume_main .resume_lawyer {
        font-size: 24px;
    }

    .resume_main .resume_partner {
        font-size: 14px;
        color: #999999;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
        display: block
    }

    .resume_main .resume_informationTop {
        margin-top: 10px;
    }

        .resume_main .resume_informationTop .resume_icon {
            line-height: 38px;
            font-size: 18px;
        }

            .resume_main .resume_informationTop .resume_icon img {
                height: 16px;
                margin-right: 10px
            }

    .resume_main .resume_information {
        margin-top: 15px
    }

        .resume_main .resume_information .resume_title {
            border-left: 5px solid #919097;
            font-size: 20px;
            padding-left: 10px;
            color: #0e3d67;
            margin: 10px 0;
            line-height: 25px;
        }

        .resume_main .resume_information .resume_content {
            font-size: 16px;
            line-height: 35px
        }

            
            .resume_main .resume_information .resume_content img {
                margin-bottom: 2px
            }

    .resume_main .resume_con {
        margin-bottom: 20px;
    }

    .resume_main .resume_information2 {
        font-size: 18px;
        position: relative;
        background: #f2f2f2;
        width: 100%;
    }

        .resume_main .resume_information2 .resume_title {
            width: 100%;
            height: 50px;
            font-size: 20px;
            padding-left: 10px;
            color: #0e3d67;
            margin-left: 20px;
            line-height: 50px;
            display: inline-block
        }

            .resume_main .resume_information2 .resume_title .line {
                width: 5px;
                height: 30px;
                background: #919097;
                position: absolute;
                top: 10px;
                left: 15px;
            }

        .resume_main .resume_information2 > img {
            position: absolute;
            top: 15px;
            right: 10px;
            height: 20px;
            width: 20px;
        }

        .resume_main .resume_information2 .resume_contents {
            padding-left: 25px;
            display: none;
            background: #fff
        }

.item_tit_nobg {
    background: transparent;
    margin-bottom: 15px;
}

.item_tit_border {
    border: 1px dotted #c9caca;
    height: 5px;
    border-left: none;
    border-right: none
}

.news_title {
    border-left: 3px solid #919097;
    font-size: 18px;
    padding-left: 10px;
    color: #0e3d67;
    margin-top: 45px;
    line-height: 24px;
    margin-bottom: 25px
}

.address_info {
    margin-top: 15px;
}

    .address_info p {
        color: #727171;
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 5px;
    }

        .address_info p .fa {
            margin-right: 10px;
        }

.g_padding_15 {
    padding: 0 15px 0;
}

.g_padding_15_g {
    padding: 0 15px;
}

.about_section {
    margin-bottom: 40px;
}

    .about_section .col-sm-3 {
        padding: 0 0 0 25px;
    }

.tit_en {
    color: #b5b5b6;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    width: 80%;
    margin: 20px auto 0;
}

.tit_ch {
    color: #767777;
    font-size: 36px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.tit_img {
    width: 100%
}

.line_height_l {
    line-height: 250%;
}

.introduction_title {
    font-size: 2rem;
    text-align: center;
    color: #0e3d67;
    margin-bottom: 15px;
}

.txt {
    font-size: 16px;
    font-size: 1.6rem;
    color: #3f3f3f;
    text-align: justify;
    text-indent: 2em
}

.text_info {
    text-align: justify;
}

.tab-pane .row .font_size_16 p {
    font-size: 1.8rem;
    color: #3F3F3F;
    line-height: 32px;
}

.text_indent, .text_indent p {
    text-indent: 2em;
}

a.link_more {
    display: inline-block;
    color: #0e3d67;
    margin-top: 20px;
    cursor: pointer;
    border: 1px solid #919097;
    padding: 10px 50px;
}

    a.link_more:hover {
        color: #fff;
        background: #0e3d67
    }

.more_arrow {
    width: 20px;
    height: 20px;
    background: #0e3d67;
    color: #FFFFFF;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}

    .more_arrow .fa {
        color: #FFFFFF;
    }

.sub_search {
    display: none;
}

    .sub_search.active {
        display: block;
    }

.group-account {
    float: right;
    margin: 22.5px 0;
}

.header-search {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.input-search {
    width: 300px;
    padding: 8px 12px;
    border-color: #CCCCCC;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.search_btn {
    position: absolute;
    right: 0;
    top: 0px;
    width: 40px;
    height: 34px;
    cursor: pointer;
}

.icon_search {
    position: absolute;
    right: 10px;
    top: 7px;
    width: 20px;
    height: 20px;
    background: url(../image/icon-search-l.png) no-repeat;
    background-size: contain;
}

.icon_account {
    width: 34px;
    height: 34px;
    display: inline-block;
    position: relative;
    margin-left: 15px;
    border-radius: 50%;
    vertical-align: middle;
    background-size: cover;
}

    .icon_account.icon_oa {
        background-image: url(http://www.liuhelaw.com/Content/Images/icons/icon-oa.png);
    }

    .icon_account.icon_email {
        background-image: url(http://www.liuhelaw.com/Content/Images/icons/icon-email.png);
    }

.search_inp2 {
    padding: 10px 12px;
    margin: 80px 0 30px;
}

    .search_inp2 input {
        width: 96%;
        float: left;
        height: 40px;
    }

.search_results {
    font-size: 2.2rem;
    margin-bottom: 80px;
    color: #3F3F3F;
}

    .search_results span {
        color: #0e3d67;
    }

.search_results_title {
    font-size: 2rem;
    margin-bottom: 20px;
    position: relative;
    color: #3F3F3F;
}

    .search_results_title span {
        color: #0e3d67;
    }

.search_results_text {
    font-size: 1.6rem;
    margin-bottom: 20px;
    color: #777;
}

    .search_results_text span {
        color: #0e3d67;
    }

#demoContent5 li {
    border-bottom: 1px solid #B5B5B6;
    margin-bottom: 35px;
}

.search_results_title p {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #0e3d67;
    font-size: 1.6rem;
}

.model_video {
    margin-top: 25px
}

    .model_video img {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .model_video p {
        margin: 8px;
        color: #3f3f3f;
    }

    .model_video .modal-content video {
        width: 100%;
        height: 100%
    }

.swiper-container {
    width: 100%;
    margin-top: 84px
}

#banner-swiper .swiper-slide img {
    width: 100%
}

#banner-swiper .swiper-slide.slide01 {
    background: url(http://www.liuhelaw.com/Content/Images/banner01.jpg) no-repeat;
    background-size: 100% 100%
}

#banner-swiper .swiper-slide.slide02 {
    background: url(http://www.liuhelaw.com/Content/Images/banner02.png) no-repeat;
    background-size: 100% 100%
}

#banner-swiper .swiper-slide.slide03 {
    background: url(../image/banner03.jpg) no-repeat;
    background-size: 100% 100%
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 20px;
    text-align: center;
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #FFFFFF;
    margin: 0 5px;
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    background: #f32808;
    opacity: 1;
    background: #FFFFFF;
}

.swiper-button {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 55%;
    margin-top: -30px;
    cursor: pointer;
    background-size: cover;
}

.swiper-button-prev {
    left: 70px;
    background-image: url(../image/leftButton.png);
}

.swiper-button-next {
    right: 70px;
    background-image: url(../image/rightButon.png);
}

.slide_content {
    padding-left: 300px;
    padding-top: 150px;
    color: #FFFFFF;
    font-size: 35px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.slide_tit {
    font-size: 36px;
    font-size: 3.6rem;
    color: #1a1a1a;
    line-height: 120%;
    margin-bottom: 20px;
    text-align: justify;
}

.slide_subtit {
    font-size: 16px;
    font-size: 1.6rem;
    color: #5d5d5d;
    margin-bottom: 30px;
}


#news-swiper.swiper-container {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
    margin-top: 10px;
    padding-bottom: 20px
}

#news-swiper .swiper-slide {
    background-color: #FFFFFF;
}

#news-swiper .swiperpagination .swiper-container-horizontal > .swiper-pagination-bullets,
#news-swiper .swiperpagination .swiper-pagination-custom,
#news-swiper .swiperpagination .swiper-pagination-fraction {
    bottom: 0;
}

#news-swiper .swiperpagination .swiper-pagination-bullet {
    display: inline-block;
    width: 20px;
    border: none;
    border-radius: 0;
    height: 3px;
    background: #9fa0a0;
    margin: 0 5px;
    cursor: pointer;
}

#news-swiper .swiperpagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #0e3d67;
}

.swiperpagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

    .swiperpagination .swiper-pagination-switch {
        display: inline-block;
        width: 22px;
        height: 3px;
        background: #9fa0a0;
        margin: 0 5px;
        opacity: 0.8;
        border: 1px solid #ddd;
        cursor: pointer;
    }

    .swiperpagination .swiper-active-switch {
        background: #0e3d67;
    }



.practice_section { 
    border: 1px solid #d8d6d6;
    color: #3e3a39;
    margin: 10px 0;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
}

    .practice_section:hover {
        color: #0e3d67;
        border-color: #0e3d67;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
        font-size: 1.7rem;
    }

.practice_section1 {
    padding: 0;
    height: 65px;
    line-height: 65px;
}

.search_peoples {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    .search_peoples .search_person {
        width: 22%;
        margin: 10px;
        box-shadow: 5px 5px 15px #ccc;
    }

        .search_peoples .search_person img {
            width: 100%;
        }

        .search_peoples .search_person .search_lawyer {
            text-align: center;
            font-size: 16px;
            line-height: 32px;
            margin-top: 6px;
            margin-bottom: -6px
        }

        .search_peoples .search_person .search_partner {
            text-align: center;
            color: #9fa0a0;
            line-height: 26px;
            margin-top: -6px;
            margin-bottom: 6px
        }

.search_main {
    padding: 20px 10px;
}

.sub_search_main {
    margin-top: 80px;
}

    .sub_search_main .select-group {
        margin-bottom: 0;
    }

.sub_tit {
    font-size: 22px;
    font-size: 2.2rem;
    color: #0e3d67;
    padding: 10px 0;
    position: relative;
}

    .sub_tit:before {
        content: "";
        position: absolute;
        top: 13px;
        left: -15px;
        height: 50%;
        width: 4px;
        background: #9fa0a0;
    }

.tit_link_more {
    color: #595757;
    float: right;
    font-size: 1.6rem;
    color: #0e3d67;
    margin-top: -12px;
    background: #fff;
    padding-left: 10px;
}

    .tit_link_more .tit_link_img {
        height: 16px;
        margin-left: 5px;
        margin-bottom: 1px
    }

.tit_input {
    color: #3f3f3f;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.news_tit_l {
    font-size: 20px;
    font-size: 2rem;
    color: #3f3f3f;
    margin-top: 8px
}

.news_all {
    color: #0e3d67;
    font-size: 16px
}

.news_abstract_l {
    font-size: 16px;
    font-size: 1.6rem;
    color: #777;
}

.tit_line {
    width: 50px;
    height: 3px;
    background: #0e3d67;
    margin: 10px 0 20px;
}

.news_list {
}

    .news_list li {
        padding: 30px 0 20px;
    }

    .news_list .news_tit {
        width: 80%;
        color: #3f3f3f;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 32px;
    }

        .news_list .news_tit a,
        .look_title a {
            color: #3f3f3f;
        }

.news_date {
    border: 1px solid #0e3d67;
    text-align: center;
    font-size: 1.8rem;
    float: left;
    width: 110px;
    height: 110px;
}

    .news_date .news_month {
        color: #767777;
        font-size: 22px;
        line-height: 30px
    }

    .news_date .news_day {
        color: #0e3d67;
        font-weight: bold;
        font-size: 32px;
        line-height: 40px
    }

    .news_date .news_year {
        color: #FFFFFF;
        background: #0e3d67;
        font-size: 28px;
        line-height: 40px
    }

.news_main {
    margin-left: 140px
}

.news_tag {
    background-image: url(../image/news-tag.png);
    width: 33px;
    height: 20px;
    display: block;
    vertical-align: middle;
}

.news_tag2 {
    width: 33px;
    height: 20px;
    display: block;
    vertical-align: middle;
}

.news_abstract {
    font-size: 14px;
    font-size: 1.4rem;
    color: #777
}

.sub_list .news_info {
    border-bottom: 2px solid #b5b5b6;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .sub_list .news_info .news_date {
        margin-left: 0;
        color: #0e3d67;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .sub_list .news_info .news_tag {
        margin-left: 25px;
        margin-right: 5px;
    }

.news_right_padding {
    padding-right: 62px;
}

.sub_list .news_tit {
    width: 100%;
}

.sub_list li {
    padding-bottom: 30px;
}

.gray-input {
    border-radius: 0;
    background-color: #FFFFFF;
    border: 0;
    height: 40px;
    box-shadow: none;
    border: 1px solid #b5b5b6;
    margin-bottom: 30px;
    text-align: center
}

    .gray-input:focus {
        border: 1px solid #0e3d67;
        outline: none;
        box-shadow: inset 0 0 1px #0e3d67;
    }

.main-input, a.main-input {
    font-size: 16px;
    margin-top: 15px;
    height: 40px;
    line-height: 38px;
    color: #0e3d67;
    border: 1px solid #b5b5b6;
    padding: 0;
    text-align: center;
    display: inline-block;
    width: 100%;
}

    .main-input:hover, a.main-input:hover {
        color: #fff;
        background: #0e3d67
    }

.m_b_m {
    margin-bottom: 30px;
}


.select-group {
    position: relative;
    margin-bottom: 30px;
}

    .select-group .select-inline {
        margin-bottom: 0;
    }

    .select-group .select-default {
        border: 1px solid #b5b5b6;
        color: #999999;
        font-size: 14px;
        font-size: 1.4rem;
        background-color: #FFFFFF;
        position: relative;
        line-height: 28px;
        padding: 6px 45px 6px 15px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

        .select-group .select-default.active {
            color: #0e3d67;
        }

        .select-group .select-default .select-box {
            position: absolute;
            right: 0;
            top: 0;
            height: 41px;
            width: 41px;
            border-left: 1px solid #b5b5b6
        }

        .select-group .select-default .arrow.select-arrow {
            height: 20px;
            position: absolute;
            top: 10px;
            right: 10px;
        }

    .select-group .select-options {
        display: none;
        position: absolute;
        z-index: 99;
        width: 100%;
        top: 100%;
        left: 0;
        font-size: 14px;
        font-size: 1.4rem;
        background: #fff;
        padding: 10px;
        border: 1px solid #0e3d67;
        border-top: 0;
    }

        .select-group .select-options li {
            line-height: 28px;
            cursor: pointer;
            padding: 0 5px;
            margin: 5px 0;
        }

            .select-group .select-options li:hover {
                background: #0e3d67;
                color: #FFFFFF;
            }


.letters {
    display: flex;
    flex-wrap: wrap;
}

    .letters li {
        width: 32px;
        height: 33px;
        margin: 3.7px;
        font-size: 14px;
        font-size: 1.4rem;
        background: #f1f2f4;
        float: left;
        line-height: 33px;
        text-align: center;
        color: #3f3f3f;
    }

        .letters li:hover {
            background: #0e3d67;
            color: #FFFFFF;
            cursor: pointer;
        }

        .letters li:last-child {
            width: 46px;
        }

.breadcrumb {
    background: #FFFFFF;
    margin: 0 0 30px;
    padding: 0;
}

    .breadcrumb > li {
        color: #3f3f3f;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        vertical-align: middle;
    }

        .breadcrumb > li.active {
            color: #0e3d67;
        }

.leftside {
    padding-left: 30px;
    margin-bottom: 50px;
}

.rightside {
    padding-left: 75px;
}

.link_list {
    color: #808080;
    font-size: 16px;
    font-size: 1.6rem;
}

    .link_list li {
        border-bottom: 1px dotted #999999;
    }

        .link_list li a {
            padding: 20px 0;
            display: block;
        }

.tit_tips {
    margin: 30px 0;
}

.person_section {
    margin-bottom: 30px; 
}

    .person_section p {
        width: 100%;
        text-align: center;
    }

.person_name {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 10px;
    line-height: 150%;
}

.person_position {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 20px;
}

.person_img {
    width: 100%;
    margin-left: 0%;
}

.person_list {
    margin-top: 50px;
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-spacing: 0 20px;
}

.person_section_header {
    width: 100%;
    background: #f1f2f4;
}

    .person_section_header td {
        padding: 10px 0;
    }

.person_list .person_section {
    width: 100%;
    font-size: 1.4rem;
}

    .person_list .person_section:nth-child(4n) {
        margin-right: 0;
    }

.page_tit {
    z-index: 1;
    overflow-x: hidden;
    background: rgba(255,255,255,0.5);
    color: #595757;
    font-size: 20px;
    font-size: 2rem;
    padding: 15px 15% 15px 60px;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 60px;
}

.page_tit_cn {
    border-bottom: 1px solid #0e3d67;
    padding: 0 20px 5px;
    display: inline-block;
    font-size: 22px;
    font-size: 2.2rem;
}

.page_tit_en {
    margin-top: 5px;
    display: inline-block;
}

.page_tit_Label {
    border-bottom: 1px solid #0e3d67;
    padding: 0 20px 5px;
    display: inline-block;
    font-size: 22px;
    font-size: 2.2rem;
    color: #0e3d67
}

.page_tit_Label2 {
    margin-top: 5px;
    display: inline-block;
    font-size: 16px;
}

.page_tit_Label2_span {
    color: #0e3d67 !important
}

.bg_tit {
    padding: 300px 0 0px;
    margin-bottom: 80px;
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    font-size: 32px;
    font-size: 3.2rem;
}

.bg_tit_about {
    position: relative;
}

.bg_tit_join {
    background-image: url(../image/bg_tit_join.png);
    position: relative;
}

.bg_tit_news {
    background-image: url(../image/bg_tit_news.png);
    position: relative;
}

.bg_tit_Global {
    background-image: url(../image/bg_tit_Global.png);
    position: relative;
}

.bg_tit_Search {
    background-image: url(../image/bg_tit_Search.png);
    position: relative;
}

.bg_tit_team {
    background-image: url(../image/bg_tit_team.png);
    position: relative;
}

.bg_tit_practices {
    background-image: url(../image/bg_tit_practices.png);
    position: relative;
}

.bg_tit_concat {
    background-image: url(../image/bg_tit_concat.png);
    position: relative;
}

.bg_tit_library {
    background-image: url(../image/bg_tit_library.png);
    position: relative;
}

.bg_tit_about {
    background-image: url(../image/about.png);
    position: relative;
}

.bg_tit_discuss {
    background-image: url(../image/discuss.png);
    position: relative;
}

.bg_tit_contact {
    background-image: url(../image/contact.png);
    position: relative;
}

.tab_p {
    display: none;
}

.tab-content1 .active {
    display: block
}

.posianimate {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .posianimate img {
        width: 100%;
        height: 100%;
    }

@keyframes animate {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1.01);
    }
}

.posianimate img {
    
    animation: animate 5s linear 2s infinite alternate;
}


.qcode {
    border: 1px solid #c9caca;
    margin-top: 25px;
    padding: 10px 5px;
    position: relative;
}

.qcode_img {
    width: 40%;
}

.qcode p {
    width: 60%;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    float: left;
    padding: 30px 0;
}

    .qcode p .active {
        color: #0e3d67;
    }

.history {
    display: flex;
    justify-content: space-between
}

    .history .history_content {
        width: 23%;
        margin: 15px 0
    }

        .history .history_content .history_time {
            color: #0e3d67;
            font-size: 18px;
        }

        .history .history_content .history_line {
            height: 1px;
            background: #b5b5b6;
            margin-bottom: 10px;
            position: relative;
            margin: 10px 0 15px 0
        }

            .history .history_content .history_line span {
                height: 10px;
                width: 10px;
                background: #0e3d67;
                display: inline-block;
                border-radius: 10px;
                position: absolute;
                left: -12px;
                top: -5px;
            }

    .history:nth-child(2n+1) .history_content {
        text-align: right
    }

    .history:nth-child(2n+1) .history_line span {
        left: auto;
        ;
        right: -12px;
        top: -5px;
    }

    .history .history_content .history_con {
        color: #777
    }

.commonweal .commonweal_content {
    padding: 20px 0px;
    margin: 0 60px;
    border-bottom: 1px solid #f2f2f2;
}

    .commonweal .commonweal_content .commonweal_time {
        color: #b5b5b6
    }

    .commonweal .commonweal_content img {
        width: 18px;
        float: left;
        margin-right: 10px;
        margin-top: 2px
    }

    .commonweal .commonweal_content .commonweal_name {
        font-weight: bold;
        line-height: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .commonweal .commonweal_content .commonweal_down {
        color: #2B82D9;
        border: 1px solid #2B82D9;
        display: inline-block;
        padding: 0px 6px;
        border-radius: 10px
    }

    .commonweal .commonweal_content .commonweal_con {
        color: #b5b5b6;
        margin-top: 5px;
        line-height: 22px;
    }

.commonwealDetailTitle {
    font-size: 22px;
    color: #0e3d67;
    border-left: 5px solid #b5b5b6;
    padding-left: 10px;
    height: 28px;
    font-weight: bold;
    margin-bottom: 20px
}

.commonwealDetail {
    padding: 20px 8px;
    border-bottom: 1px solid #f2f2f2
}

    .commonwealDetail img {
        width: 18px;
        float: left;
        margin-right: 10px;
        margin-top: 2px
    }

    .commonwealDetail .commonwealDetail_time {
        color: #b5b5b6
    }

    .commonwealDetail .commonwealDetail_name {
        font-weight: bold;
        line-height: 25px
    }

.commonwealDetailNewsTitle {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.commonwealDetailNewsTime {
    text-align: center;
    color: #0e3d67;
    margin: 15px 0
}

.commonwealDetailNewsCon {
    text-indent: 2em;
    margin: 15px 0
}

.commonwealDetailNewsImg {
    width: 100%
}

.chanceCon {
    text-align: center;
    line-height: 24px
}

.chance .chanceTitle {
    font-size: 22px;
    color: #0e3d67;
    border-left: 3px solid #b5b5b6;
    padding-left: 10px;
    margin-top: 80px;
    margin-bottom: 20px
}

.chance .chanceContent {
    font-size: 16px;
    display: flex;
}

    .chance .chanceContent p {
        height: 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }

        .chance .chanceContent p:first-child {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .chance .chanceContent p:last-child span {
            width: 80px;
            display: inline-block;
            text-align: center;
            cursor: pointer
        }

            .chance .chanceContent p:last-child span.active {
                background: #0e3d67;
                color: #fff;
            }

.position {
    margin: 30px 0
}

    .position .positionCon {
        position: relative;
        font-size: 18px;
        line-height: 40px;
        line-height: 40px;
        margin: 20px 0
    }

        .position .positionCon span {
            font-size: 16px;
            float: right;
            color: #b5b5b6
        }

        .position .positionCon .need {
            margin-top: 30px
        }

            .position .positionCon .need .needTitle {
                font-size: 18px
            }

            .position .positionCon .need .needCon {
                line-height: 20px
            }

    .position .name {
        margin-bottom: 10px
    }

    .position .line {
        height: 1px;
        width: 85%;
        background: #b5b5b6;
    }

        .position .line span {
            font-size: 14px;
            color: #0e3d67;
            position: absolute;
            right: 0px;
            top: 30px
        }

.need .needTitle {
    font-size: 22px;
    margin-bottom: 10px;
}

.need .needCon {
    font-size: 14px;
    margin-bottom: 5px;
}

.contactTitle {
    display: flex;
    flex-wrap: wrap;
}

    .contactTitle p {
        width: 20%;
        text-align: center;
        height: 50px;
        line-height: 50px;
        cursor: pointer;
    }

        .contactTitle p span {
            display: block;
            width: 50px;
            height: 40px;
            margin: 0 auto;
            margin-top: 10px;
            line-height: 40px
        }

        .contactTitle p.active span {
            border-bottom: 2px solid #0e3d67;
            color: #0e3d67
        }

.contactCon {
    display: none
}

    .contactCon.active {
        display: block
    }

.conTitle {
    text-align: center;
    font-size: 20px;
    margin-top: 50px;
    color: #0e3d67;
    font-weight: bold;
}

.conAdd {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}

.conIcon {
    display: flex;
}

    .conIcon div {
        width: 25%;
        text-align: center;
    }

        .conIcon div img {
            width: 50px;
            border: 1px solid #b5b5b6;
            border-radius: 50px;
            padding: 10px;
            margin: 50px 0 30px 0
        }

.honorT {
    display: flex;
    margin-top: 20px;
    margin-bottom: 40px
}

.honorTitle {
    width: 50%;
}

    .honorTitle .select-group {
        width: 250px;
        margin: 0 auto;
    }

.honorC {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

    .honorC .honorImage {
        display: flex;
        justify-content: space-around;
    }

        .honorC .honorImage .honorImg {
            text-align: center;
            font-size: 22px;
            cursor: pointer;
        }

        .honorC .honorImage .honorImg1 {
            background: url(../image/circular1.png) no-repeat;
            background-size: 100%;
            width: 175px;
            height: 175px;
            line-height: 175px;
        }

        .honorC .honorImage .honorImg2 {
            background: url(../image/circular2.png) no-repeat;
            background-size: 100%;
            width: 130px;
            height: 130px;
            line-height: 130px;
            margin-top: 50px
        }

        .honorC .honorImage .honorImg3 {
            background: url(../image/circular3.png) no-repeat;
            background-size: 100%;
            width: 95px;
            height: 95px;
            line-height: 95px;
            margin-top: 85px
        }

        .honorC .honorImage .honorImg4 {
            background: url(../image/circular1.png) no-repeat;
            background-size: 100%;
            width: 130px;
            height: 130px;
            line-height: 130px;
            margin-top: 20px
        }

        .honorC .honorImage .honorImg5 {
            background: url(../image/circular2.png) no-repeat;
            background-size: 100%;
            width: 95px;
            height: 95px;
            line-height: 95px;
            margin-top: 65px
        }

        .honorC .honorImage .honorImg6 {
            background: url(../image/circular3.png) no-repeat;
            background-size: 100%;
            width: 175px;
            height: 175px;
            line-height: 175px;
            margin-top: 15px
        }

        .honorC .honorImage .honorImg7 {
            background: url(../image/circular1.png) no-repeat;
            background-size: 100%;
            width: 130px;
            height: 130px;
            line-height: 130px;
            margin-top: 10px
        }

        .honorC .honorImage .active {
            color: #0e3d67
        }


    .honorC .honorImage {
        display: flex;
        justify-content: space-around;
        padding: 20px 0;
        margin-bottom: 50px
    }

        .honorC .honorImage .honorImg {
            text-align: center;
            font-size: 22px;
            cursor: pointer;
            width: 16.6%;
            height: 40px;
            line-height: 40px;
        }

        .honorC .honorImage .active {
            background: #0e3d67;
            color: #fff
        }

        .honorC .honorImage .honorImg:hover {
            background: #0e3d67;
            color: #fff;
        }

    .honorC .swiper-button-prev {
        background: url(../image/left.png);
        width: 40px;
        height: 40px;
        top: 45px;
        left: -60px;
        display: none;
    }

    .honorC .swiper-button-next {
        background: url(../image/right.png);
        width: 40px;
        height: 40px;
        top: 45px;
        right: -60px;
        display: none;
    }

.honor {
    display: none;
    width: 1000px;
    margin: 0 auto
}

    .honor.active {
        display: block
    }

    .honor .honor_box {
        display: flex;
        justify-content: space-around;
        height: 200px;
    }

        .honor .honor_box .honor_mouth {
            width: 100px;
            height: 100px;
            border-radius: 100%;
            line-height: 100px;
            color: #0e3d67;
            border: 1px dotted #0e3d67;
            text-align: center;
            font-size: 20px;
            position: relative;
        }

            .honor .honor_box .honor_mouth::after {
                content: '';
                position: absolute;
                height: 100px;
                width: 1px;
                border: 1px dotted #0e3d67;
                top: 100px;
                left: 50px
            }

        .honor .honor_box .honor_content {
            width: 85%;
            font-size: 16px;
            height: 100px;
            display: flex;
            align-items: center
        }

.honorA {
    display: block
}

.honorCon {
    text-align: center;
}

    .honorCon .honorConT {
        position: relative;
        ;
        color: #0e3d67;
        font-size: 32px;
        box-shadow: 1px 1px 15px #b5b5b6;
        display: inline-block;
        padding: 3px 15px;
        border-radius: 10px;
        margin-bottom: 30px;
        margin-top: 30px;
        width: 135px
    }

        .honorCon .honorConT .line1 {
            height: 50px;
            width: 1px;
            background: #0e3d67;
            position: absolute;
            top: -53px;
            left: calc(50% - 1px);
            z-index: -1;
        }

        .honorCon .honorConT .line2 {
            height: 50px;
            width: 1px;
            background: #0e3d67;
            position: absolute;
            top: 55px;
            left: calc(50% - 1px);
            z-index: -1;
        }

    .honorCon .honorConC {
        display: flex;
    }

        .honorCon .honorConC span {
            width: 50%;
            position: relative;
        }

        .honorCon .honorConC .span_word {
            padding: 70px 30px;
        }

            .honorCon .honorConC .span_word:nth-child(2n-1) {
                border-right: 1px solid #0e3d67;
            }

                .honorCon .honorConC .span_word:nth-child(2n-1):after {
                    content: "";
                    position: absolute;
                    right: -7px;
                    top: 15px;
                    height: 14px;
                    width: 14px;
                    border-radius: 100%;
                    display: inline-block;
                    background: #0e3d67
                }

            .honorCon .honorConC .span_word:nth-child(2n) {
                border-left: 1px solid #0e3d67;
                margin-left: -1px;
            }

                .honorCon .honorConC .span_word:nth-child(2n):after {
                    content: "";
                    position: absolute;
                    left: -7px;
                    top: 15px;
                    height: 14px;
                    width: 14px;
                    border-radius: 100%;
                    display: inline-block;
                    background: #0e3d67
                }


        .honorCon .honorConC .span_img {
            text-align: left;
            padding: 20px 0
        }

            .honorCon .honorConC .span_img:nth-child(2n) img {
                width: 400px;
                height: 200px;
                padding-left: 50px
            }

            .honorCon .honorConC .span_img:nth-child(2n-1) {
                text-align: right
            }

                .honorCon .honorConC .span_img:nth-child(2n-1) img {
                    width: 400px;
                    height: 200px;
                    padding-right: 50px
                }


.customer_title {
    font-size: 16px;
    text-indent: 2em;
    padding: 10px;
    margin-bottom: 50px
}

.customer {
    display: flex;
    flex-wrap: wrap;
}
    
    .customer img {
        width: 25%;
        padding: 10px;
        height: 180px;
    }

.circle {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    border: 1px solid #0e3d67;
    position: relative;
}

.circle_s {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    border: 1px dotted #0e3d67;
    position: absolute;
    top: 8px;
    left: 8px;
}

.right .circle {
    position: absolute;
    right: -90px;
    top: -45px;
}

.left .circle {
    position: absolute;
    left: -90px;
    top: -45px;
}

.year {
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    line-height: 78px;
    font-weight: bold;
}

.year_more {
    line-height: 100%;
    margin-top: 12px;
}

.client_list li:nth-child(5n) {
    margin-right: 0;
}

.client_list li:hover {
    border-color: #0e3d67;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.client_list li {
    height: 110px;
    line-height: 108px;
    float: left;
    width: 18%;
    margin-right: 2.5%;
    border: 1px solid #b5b5b6;
    text-align: center;
    margin-bottom: 20px;
}

    .client_list li img {
        max-width: 90%;
        margin: 0 auto;
        vertical-align: middle;
        max-height: 100px;
    }

.footer {
    margin-top: 100px;
    color: #FFFFFF;
    width: 100%;
    padding: 8px 70px;
    clear: both;
    background: #202020;
    font-size: 14px;
    font-size: 1.4rem;
}

    .footer p {
        line-height: 24px;
    }

        .footer p span {
            margin-right: 10px;
        }
        
        .footer p span {
            margin-right: 10px;
            position: relative;
        }

    .footer .copyright span {
        z-index: 1;
    }

    .footer p span .qrCode {
        position: absolute;
        width: 100px;
        top: -112px;
        left: -35px;
        display: none
    }

    .footer .copyright .fa-wechat:hover .qrCode {
        display: block
    }

@media only screen and (max-width: 1600px) {
    .footer p span .qrCode {
        left: 55px;
    }
}

@media only screen and (max-width: 767px) {
    .footer p span .qrCode {
        top: -114px;
        left: -35px;
    }
}

.copyright {
    margin-right: 0px;
    margin-left: 20px;
    float: right;
    text-align: center;
}

.footer .fa-wechat,
.footer .fa-weibo,
.footer .fa-wechat:hover,
.footer .fa-weibo:hover {
    background: #FFFFFF;
    font-size: 12px;
    display: inline-block;
    color: #0e3d67;
    text-align: center;
    line-height: 22px;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border-radius: 50%;
}

.text_overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.border_none {
    border: none;
}

.p_r_none {
    padding-right: 0;
}

.p_none {
    padding: 0;
}

.m_b_none {
    margin-bottom: 0;
}

.m_b_m {
    margin-bottom: 30px;
}

.m_t_m {
    margin-top: 30px;
}

.full_width {
    width: 100%
}

.g_none_bottom_margin {
    margin-bottom: 0;
}

.g_none_top_padding {
    padding-top: 0
}

.share, .share:hover {
    cursor: pointer;
    color: #4E97E7;
    margin-right: 15px;
}

.fa-weibo:hover {
    cursor: pointer;
    color: #D63B22;
}

.fa-weixin:hover {
    cursor: pointer;
    color: #3EB94E;
}

.fa-tencent-weibo:hover {
    cursor: pointer;
    color: #3EB0D8;
}

.fa-qq:hover {
    cursor: pointer;
    color: #2B82D9;
}

.fa-renren:hover {
    cursor: pointer;
    color: #D63B22;
}

.fa-twitter:hover {
    cursor: pointer;
    color: #31C1EB;
}

.fa-facebook:hover {
    cursor: pointer;
    color: #39599F;
}

.actionoper .fa {
    font-size: 20px;
    margin-right: 10px;
}


.m-browsehappy {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #E7F0F9;
    z-index: 10000;
}

    .m-browsehappy .browsehappy-inner {
        min-width: 440px;
        max-width: 960px;
        min-height: 240px;
        max-height: 568px;
        padding: 30px;
        background: #F9FCFE;
        line-height: 1.7em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -250px;
        margin-top: -200px;
        color: #677887;
    }

        .m-browsehappy .browsehappy-inner .titletip {
            max-width: 440px;
            min-width: 200px;
            font-size: 24px;
            font-weight: 200;
            color: #283038;
            margin-bottom: 15px;
            line-height: 1.7em;
        }

        .m-browsehappy .browsehappy-inner .suggest {
            font-size: 16px;
            margin-bottom: 9px;
        }

        .m-browsehappy .browsehappy-inner .brower .item {
            display: inline-block;
            text-align: center;
            margin-right: 24px;
            line-height: 0;
        }

            .m-browsehappy .browsehappy-inner .brower .item .image {
                display: inline-block;
                width: 64px;
                height: 64px;
                background: #eee;
                border-radius: 30px;
                overflow: hidden;
                vertical-align: top;
            }

                .m-browsehappy .browsehappy-inner .brower .item .image.ie {
                    background: url(../image/ie.png) no-repeat 50% 50%;
                }

                .m-browsehappy .browsehappy-inner .brower .item .image.chrome {
                    background: url(http://www.liuhelaw.com/Content/Images/brower/chrome.png) no-repeat 50% 50%;
                }

                .m-browsehappy .browsehappy-inner .brower .item .image.firefox {
                    background: url(../image/firefox.png) no-repeat 50% 50%;
                }

            .m-browsehappy .browsehappy-inner .brower .item .text {
                display: block;
                height: 24px;
                line-height: 24px;
                font-size: 12px;
            }

        .m-browsehappy .browsehappy-inner .from {
            font-size: 16px;
            text-align: right;
        }

    .m-browsehappy .browsehappy-arrow {
        position: absolute;
        bottom: -60px;
        right: 0;
        display: inline-block;
        width: 0;
        height: 0;
        border: 60px solid #F9FCFE;
        border-left: 0;
        border-top: 0;
        border-bottom-color: transparent;
    }


.backToTop {
    display: none;
    width: 35px;
    height: 35px;
    background: url(/temp/images/d.png);
    background-size: cover;
    opacity: 0.8;
    padding: 0;
    position: fixed;
    right: 20px;
    bottom: 75px;
    cursor: pointer;
    z-index: 999;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    border-radius: 50%;
}

    .backToTop:hover {
        opacity: 1;
    }


@media only screen and (max-width: 1600px) {

    .menu .submenu li a {
        padding: 15px 0
    }

    .menu .menu_li a {
        padding: 0 18px;
    }

    .footer p span {
        display: block;
    }

    .footer .copyright span {
        line-height: 30px;
        margin: 4px 0;
    }

    .leftside {
        padding-right: 60px;
    }

    .rightside {
        padding-left: 60px;
    }

    ._leave_block {
        display: none;
    }

    ._city_title_left p:first-child {
        width: 12%;
    }
}

@media only screen and (max-width: 1400px) {

    .menu .menu_li a {
        padding: 0 12px;
        margin-top: 10px;
    }
    
    .logo .logoimg {
        height: 45px;
    }

    .header_top {
        padding: 15px 25px 0;
    }

    .navbar-header {
        padding: 0 25px;
    }

    .footer {
        padding: 8px 25px;
    }

    .leftside {
        padding-right: 50px;
    }

    .rightside {
        padding-left: 50px;
    }

    .slide_content {
        font-size: 30px;
        padding-left: 200px;
    }

    .tit_en {
        font-size: 28px;
    }

    .tit_ch {
        font-size: 3.2rem;
    }

    .line_height_l {
        line-height: 220%;
    }

    .news_tit_l {
        font-size: 1.8rem;
    }

    .news_all {
        font-size: 1.4rem
    }

    .news_abstract_l {
        font-size: 1.4rem;
    }

    .news_list li {
        padding: 15px 0 10px;
    }

    .practice_section {
        padding: 20px 0;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .practice_section1 {
        padding: 0;
    }

    ._city_name {
        padding: 90px 0;
    }

    ._city_address {
        padding: 10px 44px;
    }

    ._leave_block {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    
    .swiper-container {
        margin-top: 52px
    }

    .slide_tit {
        font-size: 34px;
        font-size: 3.4rem;
    }

    .bg_tit {
        padding-top: 240px;
    }

    .leftside {
        padding-right: 30px;
    }

    .rightside {
        padding-left: 30px;
    }

    .tit_en {
        font-size: 24px;
    }

    .tit_ch {
        font-size: 30px;
    }

    .line_height_l {
        line-height: 200%;
    }

    .news_tit_l {
        font-size: 2rem;
    }

    .practice_section {
        padding: 15px 0;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .practice_section1 {
        padding: 0;
    }

    .slide_content {
        padding-left: 120px;
    }

    .swiper-button-prev {
        left: 15px;
    }

    .swiper-button-next {
        right: 15px;
    }

    .logo .logoimg {
        margin: 5px 0;
    }

    .menu {
        position: fixed;
        right: -100%;
        top: 0px;
        width: 50%;
        max-width: 300px;
        text-align: center;
        height: 100%;
        padding: 80px 20px 20px;
        background: #000;
        background: rgba(0,0,0,0.76);
        overflow: auto;
        z-index: 900;
        transition: right .4s cubic-bezier(.19,1,.22,1);
    }

        .menu ul {
            width: 100%;
        }

        .menu li {
            float: none !important;
            height: auto;
            margin-right: 0;
        }

            .menu li a {
                padding: 15px 0;
                color: #333;
            }

                .menu li a:hover, .menu li a:hover .nav_en {
                    color: #FFFFFF;
                }

                .menu li a .arrowdown {
                    transition: all 0.2s;
                    transform: rotate(90deg);
                    float: right;
                }

                .menu li a .arrowright {
                    transition: all 0.2s;
                    float: right;
                }

                    .menu li a .arrowright::before {
                        content: "\f105";
                        font-family: FontAwesome;
                        font-size: 20px;
                    }

        .menu .menu_li {
            width: 100%;
            text-align: left;
            border-top: 1px dotted #999999;
            border: none;
            padding-bottom: 0;
        }

            .menu .menu_li a {
                padding: 12px 0;
                margin: 0;
                line-height: 20px;
                display: block;
                border: none;
                color: #FFFFFF;
            }

        .menu.active {
            right: 0;
            transition: right .4s cubic-bezier(.19,1,.22,1);
        }

    .navtoggle {
        float: right;
        margin: 15px 0;
        position: relative;
        z-index: 900;
    }

    .mob_search, .mob_menu {
        color: #0e3d67;
        text-align: right;
        height: 40px;
        display: inline-block;
        font-family: FontAwesome;
        font-size: 20px;
        line-height: 40px;
        margin-left: 25px;
        cursor: pointer;
    }

    .mob_search {
        margin-left: 0;
    }

        .mob_search::before {
            content: '\f002';
        }

    .mob_menu::before {
        content: '\f0c9';
    }

    .mob_menu.active {
        font-size: 30px;
        line-height: 40px;
        height: 40px;
        color: #FFFFFF;
    }

    .mob_search.active {
        font-size: 32px;
        line-height: 36px;
        height: 36px;
        float: left;
        vertical-align: top;
        overflow: hidden;
    }

        .mob_menu.active::before,
        .mob_search.active::before {
            content: "×";
        }

    .menu > li > a:focus, .menu > li > a:hover, .menu > li > a.active {
        background-color: transparent;
    }

    .menu .submenu {
        background-color: transparent;
        position: static;
        padding-bottom: 15px;
    }

        .menu .submenu li a {
            background: transparent;
            padding-left: 12px;
        }

    .menu .menu_li a.active, .menu .menu_li a.active .nav_en {
        color: #FFFFFF;
    }

    .sub_search {
        padding: 5px 25px 15px;
        clear: both;
    }

    .header-search {
        width: 100%;
    }

        .header-search .input-search {
            width: 100%;
        }
    
    #banner-swiper .slide_content {
        padding-top: 90px;
    }

    ._city_name {
        padding: 75px 0;
    }

    ._city_address {
        padding: 18px 12px;
    }

    ._leave_block {
        display: none;
    }

    ._city_footer {
        padding: 30px 36px 60px;
    }

    ._city_list li {
        padding: 5% 13%;
    }

    ._recommended_lawyer {
        margin: 16px 0;
    }

    .search_list_left_con img {
        width: 100%;
        min-height: 100px;
    }

    .search_list_right_con p:first-child + p {
        margin: 0;
    }

    .search_list_right_con p:first-child {
        font-size: 1.5rem;
    }

    .search_list_left_con {
        padding: 10px 10px;
    }

    ._x_none_ipad {
        display: none;
    }

    ._share_text {
        display: none;
        margin-top: 5px;
        width: 5%;
    }

    ._share_block {
        display: none;
        margin: 0;
    }

    ._m_b_20_ipad {
        margin-bottom: 20px;
    }

    .ipad_p_none {
        padding-left: 0;
    }

    .page3 {
        padding: 0 36%;
    }

    .page4 {
        padding: 0 36%;
    }

    .page5 {
        padding: 0;
        float: right;
    }

    ._city_address p {
        font-size: 1.4rem;
    }

    .sub_search_main {
        margin-top: 0;
    }

    .subtitle_time {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .look_position_left {
        top: 50%;
    }

    .sub_position_left {
        width: 20px;
        height: 20px;
        top: 10%;
        left: 6%;
    }

    .sub_position_right {
        width: 20px;
        height: 20px;
        bottom: 19%;
        right: 6%;
    }

    ._city_address ._city_address_odd {
        width: 5%;
        display: inline-block;
    }

    .city_border ._city_address ._city_title_left p:first-child {
        width: 16%;
    }

        .city_border ._city_address ._city_title_left p:first-child + p {
            width: 82%;
            font-size: 1.2rem;
        }

    ._city_title_left {
        margin-top: 8px;
    }

    .search_inp .search_inp_btn2 {
        margin-top: 6px
    }

    .search_inp input {
        width: 80%;
    }

    .search_inp2 input {
        width: 95%;
    }

    .city_pic {
        padding: 50px 28px;
    }

    .text_info {
        padding-right: 15px;
    }

    .letters li {
        height: 28px;
        line-height: 28px;
    }
    
    .g_padding_left .tab-pane .buttons_list li {
        width: 12%;
    }

    .g_padding_left .tab-pane .buttons_list {
        margin-bottom: 0;
    }

    .logo {
        position: absolute;
        top: 0;
    }

    .qcode p {
        font-size: 1.2rem;
    }

    .page_tit {
        bottom: 68.5px;
    }

    .bg_position {
        bottom: -95px;
    }

    .cen {
        width: 530px;
    }
}

@media only screen and (max-width:991px) {
    .ipad_hidden {
        overflow-x: hidden;
    }

    ._hideen {
        overflow: inherit;
    }

    .slide_tit {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .navbar-header {
        padding: 0 15px;
    }

    .leftside {
        padding-right: 20px;
    }

    .rightside {
        padding-left: 20px;
    }

    .bg_tit {
        padding-top: 230px;
    }

    .letters li {
        width: 7%;
        margin-right: 0.69%;
    }

    .look_con {
        padding: 15px 0 25px 0;
    }

    .look_img_con {
        max-width: 25%;
        margin-right: 0;
        height: 155px;
    }

    .look_text_con {
        float: right;
        padding: 0;
    }

    .look_time {
        width: 100px;
        border-bottom: 1px solid #b5b5b6;
        padding-bottom: 8px;
        margin-top: 8px;
    }

    .look_title {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 2rem;
    }

    .look_position_left {
        width: 3%;
        height: 9%;
        position: absolute;
        top: 42%;
        left: 5%;
    }

    .look_position_right {
        width: 3%;
        height: 9%;
        position: absolute;
        top: 80%;
        right: 5%;
    }

    .look_title span {
        display: none;
    }

    ._city_footer {
        margin-top: 50px;
        padding: 15px 30px 50px;
    }

    ._city_address {
        padding: 8px 16px 0 10px;
        font-size: 1.2rem;
    }

    ._city_footer {
        padding: 20px 36px 40px;
    }

    ._city_address p {
        margin: 0;
    }

    ._city_name {
        padding: 56px 0;
    }

    ._padding-left-30 {
        margin-top: 20px;
    }

    ._sub_btn {
        margin: 60px auto 0;
    }

    ._city_list li {
        padding: 14% 10%;
    }

    .search_list {
        padding: 20px 15px;
    }

        .search_list li {
            font-size: 1.5rem;
        }

    .search_list_left_con {
        padding: 10px 5px;
    }

    .search_list_right_con p:first-child {
        font-size: 1.3rem;
    }

        .search_list_right_con p:first-child + p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .search_inp input {
        height: 25px;
    }

    .search_inp .search_inp_btn {
        width: 25px;
        height: 25px;
    }

    .subtitle {
        margin-bottom: 30px;
    }

    .subtext {
        margin-bottom: 30px;
    }

    ._share_text {
        width: 8%;
    }

    ._none_mobile {
        display: none;
    }

    .block_ipad_mini {
        display: block;
    }

    .history_content ul li .border_dotted {
        width: 72%;
    }

    .page {
        padding: 0px 38%;
    }

    .page2 {
        padding: 0 36%;
    }

    .page3 {
        padding: 0 32%;
    }

    .page4 {
        padding: 0 32%;
    }

    .page5 {
        padding: 0;
        float: right;
    }

    .person_section_header td:first-child + td + td,
    .person_section_header td:first-child + td + td + td {
        display: none;
    }

    .person_section td:first-child + td + td,
    .person_section td:first-child + td + td + td {
        display: none;
    }

    .form-inline ._padding-left-10 {
        margin-bottom: 30px;
    }

    .bg_map {
        top: -100px;
        padding: 0 12%;
    }

    ._swiper_datas2 {
        width: 20%;
        margin-left: 4%;
    }

    .swiper_padding {
        padding: 0 28px;
    }

    ._share_block {
        display: block;
    }

    ._share_text {
        display: block;
    }

    #datas-swiper {
        height: inherit;
    }

        #datas-swiper .swiper-wrapper .swiper-slide {
            background: #FFFFFF;
        }

    ._swiper_datas_text {
        padding: 5px;
    }

    .none_ipad_mini {
        display: none;
    }

    ._city_title_left p:first-child {
        width: 15%;
    }

    ._city_address ._city_address_odd {
        width: 8%;
    }

    ._city_address ._city_address_oll {
        width: 92%;
        float: right;
        padding: 0;
    }

    ._city_title_left {
        margin-top: 2px;
    }

    .pic_moblie_block {
        display: block;
    }

    .g_none_top_padding {
        padding-top: 0
    }

    .search_inp .search_inp_btn2 {
        margin-top: 4px
    }

    .letters li {
        width: 6.4%;
        height: 36px;
        line-height: 36px;
    }

        .letters li:last-child {
            width: 13.6%;
        }

    .qcode p {
        padding: 0;
    }

    .practice_box {
        height: 795px;
        width: 510px
    }

        .practice_box .practice_areas5 {
            left: 0;
            top: 320px
        }

        .practice_box .practice_areas6 {
            left: 340px;
            top: 320px
        }

        .practice_box .practice_areas7 {
            left: 170px;
            top: 420px
        }

        .practice_box .practice_areas8 {
            left: 0px;
            top: 530px
        }

        .practice_box .practice_areas9 {
            left: 340px;
            top: 530px
        }

        .practice_box .practice_areas10 {
            left: 170px;
            top: 640px
        }
}


@media only screen and (max-width: 767px) {
    .nav_title {
        height: 65px !important;
        line-height: 45px !important;
    }

    .logo .logoimg {
        height: 40px;
        margin-top: 6px;
    }

    #banner-swiper.swiper-container {
        min-height: 102px;
    }

    #banner-swiper .slide_content {
        padding-top: 100px;
    }

    #photos-swiper.swiper-container {
        height: 250px;
    }

    .nav-tabs li a {
        font-size: 1.4rem;
        padding: 10px;
    }

    .nav-tabs > li {
        margin: 0;
    }

        .nav-tabs > li > a:hover,
        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:focus,
        .nav-tabs > li.active > a:hover {
            padding: 10px;
        }

    .tab_3 .nav-tabs li a,
    .tab_3 .nav-tabs > li > a:hover,
    .tab_3 .nav-tabs > li.active > a,
    .tab_3 .nav-tabs > li.active > a:focus,
    .tab_3 .nav-tabs > li.active > a:hover {
        padding: 10px;
    }

    .navbar-header {
        padding: 0 15px;
        height: 52px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        position: fixed;
        left: 0;
        top: 0;
    }

    .breadcrumb {
        margin-bottom: 15px;
    }

    .slide_tit {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .slide_content {
        padding-top: 90px;
        padding-left: 40px;
        font-size: 18px;
        font-size: 1.8rem;
    }

    .swiper-pagination {
        left: 50%;
        right: auto;
        bottom: 20px;
    }

    .swiper-button {
        display: none;
    }

    #photos-swiper .swiper-button {
        display: block;
    }

    .swiper-button-prev {
        left: 15px;
    }

    .swiper-button-next {
        right: 15px;
    }

    .news_tit_l {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 10px;
    }

    .news_all {
        font-size: 12px
    }

    .news_abstract_l {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .tit_line {
        width: 30px;
        height: 2px;
        margin: 10px 0;
    }

    .tab_4, .tab_3 {
        margin-bottom: 30px;
    }

    .leftside {
        padding-right: 15px;
    }

    .rightside {
        padding-left: 15px;
    }

    .practice_section {
        font-size: 1.2rem;
        padding: 15px 10px;
    }

    .practice_section1 {
        padding: 0;
        font-size: 1.6rem;
    }

    .search_main {
        padding: 30px 10px;
        margin-bottom: 0px;
    }

    .sub_tit {
        font-size: 1.4rem;
        padding: 10px 10px 8px;
    }

    .menu {
        position: fixed;
        right: -100%;
        top: 0px;
        width: 50%;
        height: 100%;
        padding: 80px 20px 20px;
        background: #000;
        background: rgba(0,0,0,0.76);
        overflow: auto;
        z-index: 900;
        transition: right .4s cubic-bezier(.19,1,.22,1);
    }

        .menu li {
            float: none !important;
            height: auto;
            margin-right: 0;
        }

            .menu li a {
                padding: 15px 0;
                color: #333;
            }

                .menu li a:hover, .menu li a:hover .nav_en {
                    color: #FFFFFF;
                }

                .menu li a .arrowdown {
                    transition: all 0.2s;
                    transform: rotate(90deg);
                    float: right;
                }

                .menu li a .arrowright {
                    transition: all 0.2s;
                    float: right;
                }

                    .menu li a .arrowright::before {
                        content: "\f105";
                        font-family: FontAwesome;
                        font-size: 20px;
                    }

        .menu .menu_li {
            width: 100%;
            text-align: left;
            border-top: 1px dotted #999999;
            border: none;
            padding-bottom: 0;
        }

            .menu .menu_li a {
                padding: 12px 0;
                margin: 0;
                line-height: 20px;
                display: block;
                border: none;
                color: #FFFFFF;
            }

        .menu.active {
            right: 0;
            transition: right .4s cubic-bezier(.19,1,.22,1);
        }

    .navtoggle {
        float: right;
        margin: 7px 0;
        position: relative;
        z-index: 900;
    }

    .mob_search, .mob_menu {
        color: #0e3d67;
        text-align: right;
        height: 40px;
        display: inline-block;
        font-family: FontAwesome;
        font-size: 20px;
        line-height: 40px;
        margin-left: 25px;
        cursor: pointer;
    }

    .mob_search {
        margin-left: 0;
    }

        .mob_search::before {
            content: '\f002';
        }

    .mob_menu::before {
        content: '\f0c9';
    }

    .mob_menu.active {
        font-size: 30px;
        line-height: 40px;
        height: 40px;
        color: #FFFFFF;
    }

    .mob_search.active {
        font-size: 32px;
        line-height: 36px;
        height: 36px;
        float: left;
        vertical-align: top;
        overflow: hidden;
    }

        .mob_menu.active::before,
        .mob_search.active::before {
            content: "×";
        }

    .menu > li > a:focus, .menu > li > a:hover, .menu > li > a.active {
        background-color: transparent;
    }

    .menu .submenu {
        background-color: transparent;
        position: static;
        padding-bottom: 0px;
    }

        .menu .submenu li a {
            background: transparent;
            padding-left: 12px;
        }

    .menu .menu_li a.active, .menu .menu_li a.active .nav_en {
        color: #FFFFFF;
    }

    .bg_tit {
        margin-bottom: 30px;
        padding-top: 200px;
    }

    .page_tit {
        font-size: 14px;
        font-size: 1.4rem;
        bottom: 31px;
    }

    .page_tit_cn {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .page_tit_Label {
        font-size: 1.8rem;
    }

    .page_tit_Label2 {
        font-size: 1.6rem;
    }

    .tit_input {
        font-size: 1.4rem;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .sub_search {
        position: fixed;
        top: 52px;
        left: 0;
        width: 100%;
        padding: 5px 15px 15px;
        background: #FFFFFF;
        z-index: 999;
    }

        .sub_search .header-search, .sub_search .input-search {
            width: 100%;
        }

    .link_list {
        margin-top: -5px;
    }

        .link_list li:last-child {
            border: 0;
        }

        .link_list li a {
            padding: 10px 0;
        }

    .about_section {
        margin-bottom: 30px;
    }

    .news_list li {
        padding: 20px 0 10px 0;
    }

    .news_list .news_tit {
        font-size: 1.6rem;
    }

    .news_abstract {
        margin-top: 5px;
    }

    .footer {
        padding: 10px 15px;
        font-size: 12px;
    }

        .footer .copyright {
            float: none;
            margin: 0;
        }

            .footer .copyright span {
                display: inline-block;
            }

    .person_list td {
        width: 20%;
    }

    .person_section {
        font-size: 12px;
    }

        .person_section .person_info {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 190px;
        }

    .line_height_l {
        line-height: 200%;
    }

    .vertical_tabs {
        margin-top: 40px;
    }

        .vertical_tabs .nav-tabs a {
            display: block;
            width: 100%;
            height: 100%;
        }

    .title {
        display: none;
    }

    .client_list li {
        width: 30%;
        margin-right: 5%;
        height: 60px;
        line-height: 58px;
    }

        .client_list li img {
            max-height: 45px;
            max-width: 85%;
        }

        .client_list li:nth-child(5n) {
            margin-right: 5%;
        }

        .client_list li:nth-child(3n) {
            margin-right: 0;
        }

    .qcode {
        width: 50%;
        margin: 40px auto;
    }

    .qcode_img {
        padding: 0;
    }

    .main-input,
    a.main-input {
        margin-top: 35px;
    }

    .history_content {
        padding-left: 0;
        overflow: hidden;
    }

        .history_content ul li:last-child,
        .history_content ul li.last {
            width: 100%;
            background-position: left;
        }

        .history_content ul li {
            width: 100%;
            height: 300px;
            background-position: left;
            background-image: url(../image/timeline_l.png);
        }

            .history_content ul li .right {
                left: 18px;
            }

            .history_content ul li .border_dotted {
                width: 70%;
            }

    .history_info {
        margin-top: 0px;
        padding-right: 20px;
    }

        .history_info p {
            margin-bottom: 0;
            font-size: 14px;
            font-size: 1.4rem;
        }

    .circle {
        width: 60px;
        height: 60px;
    }

    .circle_s {
        width: 47px;
        height: 47px;
        left: 6px;
        top: 6px;
    }

    .right .circle {
        top: -30px;
        right: -60px;
    }

    .year {
        line-height: 47px;
        font-size: 1.4rem;
    }

    .buttons_list {
        padding-left: 35px;
    }

    .look_con {
        padding: 15px 0 20px 0;
    }

    .look_img_con {
        max-width: 25%;
        height: 120px;
    }

    .look_text_con {
        float: right;
        padding: 0;
    }

    .look_time {
        width: 80px;
        border-bottom: 1px solid #b5b5b6;
        padding-bottom: 5px;
        margin-top: 5px;
    }

    .look_title {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 1.8rem;
    }

    .look_bg {
        padding: 8px 25px;
        margin-top: 5px;
    }

    .look_position_left {
        width: 4%;
        height: 9%;
        position: absolute;
        top: 36%;
        left: 2%;
    }

    .look_position_right {
        width: 4%;
        height: 9%;
        position: absolute;
        top: 75%;
        right: 5%;
    }

    .contact_city {
        display: none;
    }

    ._mobile_block {
        display: block;
    }

    .contact_con {
        border: 0;
    }

    .city_pic {
        border: 1px dashed #9fa0a0;
    }

    ._leave_block1 {
        position: absolute;
        left: 32%;
    }

    ._mobile_block {
        margin-top: 50px;
        font-size: 1.4rem;
    }

    ._leave {
        display: none;
    }

    ._city_footer {
        position: relative;
        padding: 20px 15px 40px;
    }

    ._leave_block {
        display: block;
        position: absolute;
        left: 30%;
        top: -5%
    }

    ._leave_inp {
        margin-bottom: 20px;
    }

    ._sub_btn {
        margin: 40px auto 0;
    }

    ._padding-left-30 {
        padding-left: 20px;
    }

    ._leave_paddind {
        padding: 10px;
        width: 80%;
    }

    .city_pic {
        padding: 15px 15px;
    }

    ._sub_btn {
        padding: 0 30%;
    }

    .item_tit1 {
        font-size: 1.6rem;
    }

        .item_tit1 span a {
            font-size: 1.2rem;
        }

    .tab-content {
        overflow-x: hidden;
    }

    ._details_mobe_ .p_b_5 {
        font-size: 1.3rem;
    }

        ._details_mobe_ .p_b_5 .col-xs-3 {
            padding: 0 0 0 6px;
        }

        ._details_mobe_ .p_b_5 .col-xs-9 {
            padding-left: 0;
            width: 70%;
        }

            ._details_mobe_ .p_b_5 .col-xs-9 p {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

    ._show {
        display: block;
        font-size: 1.6rem;
    }

    .subtitle_share span {
    }

    .p_r_no {
        padding-right: 0;
    }

    .subtitle_time p:first-child + p a {
        white-space: nowrap;
    }

    .subtitle {
        margin-bottom: 30px;
    }

    .subtext {
        padding: 30px 55px;
        margin-bottom: 30px;
    }

    .sub_position_left {
        width: 15px;
        height: 15px;
        top: 10%;
        left: 6%;
    }

    .sub_position_right {
        width: 15px;
        height: 15px;
        bottom: 19%;
        right: 6%;
    }

    ._m_b_20_mobeil {
        margin-bottom: 20;
    }

    .search_list_con {
        width: 65%;
    }

    .search_list_left_con img {
        max-width: 100px;
    }

    .on_news_con p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .breadcrumb {
        display: none;
    }

    ._m_b_20_mobeil {
        font-size: 1.4rem;
    }

    .x_none_p {
        padding: 0;
    }

    ._share_block {
        display: block;
    }

    ._share_text {
        display: block;
        width: 12%;
    }

    ._no_h {
        height: auto;
    }

    .swiper_btn1 {
        width: 10px;
        height: 32px;
        background: url(../image/swiper-btn.png)no-repeat;
        position: absolute;
        left: 0px;
    }

    .swiper_btn2 {
        width: 10px;
        height: 32px;
        background: url(../image/swiper-btn.png)no-repeat;
        position: absolute;
        right: 0px;
        background-position: -10px 0;
    }

    .p_l_15 {
        padding-left: 15px;
    }

    .p_l_15_2 {
        padding-left: 0;
    }

    .pc_none {
        display: block;
    }

    .pic_moblie_block {
        display: block;
    }

    ._none_mobile {
        display: none;
    }

    ._swiper_datas3 {
        display: none;
    }

    #practices-swiper .swiper-wrapper .swiper-slide ._swiper_datas2 {
        width: 25%;
        margin-left: 6%;
    }

        #practices-swiper .swiper-wrapper .swiper-slide ._swiper_datas2 ._swiper_datas_text {
            padding: 0 0 0 2px;
        }

    .g_padding_left {
        padding-left: 0;
    }

    .ipad_p_none {
        padding-left: 15px;
    }

    ._city_address p {
        font-size: 1.4rem;
        font-weight: normal;
        padding: 0 0 0 10px;
    }

    .item_tit1 {
        padding: 6px 6px 6px 10px;
    }

    .page {
        padding: 0px 34%;
    }

        .page li {
            padding: 3px 8px 3px 8px;
        }

    .page2 {
        padding: 0 30%;
    }

    .page3 {
        padding: 0 30%;
    }

    .page4 {
        padding: 0 30%;
    }

    .page5 {
        padding: 0;
        float: right;
    }

    .search_inp input {
        width: 90%;
    }

    .model_video {
        display: none;
    }

    .model_video_mobile {
        display: block;
    }

        .model_video_mobile video {
            width: 100%;
            border: 1px solid #999;
        }

    .search_inp2 {
        margin: 0 0 25px;
        padding: 5px 10px;
    }

    .search_results {
        margin-bottom: 20px;
        font-size: 1.8rem;
    }

    .search_results_title {
        font-size: 1.7rem;
        margin-bottom: 15px
    }

        .search_results_title p {
            top: 15px;
            font-size: 1.4rem;
        }

    .search_results_text {
        font-size: 1.4rem;
    }

    .page {
        margin-top: 15px
    }

    .person_list {
        margin-top: -20px;
    }

    .sub_list .news_info {
        border-bottom: 1px solid #b5b5b6;
    }

    .sm-padding-right-15 {
        padding-right: 15px;
    }

    .swiper_padding .swiper_btn1 {
        left: 5px;
    }

    .swiper_padding .swiper_btn2 {
        right: 5px;
    }

    .swiper_padding {
        padding: 0 20px
    }

    .g_padding_15 {
        padding: 0;
    }

    ._city_address ._city_address_odd {
        width: 15%;
        display: inline-block;
    }

    ._city_address ._city_address_oll {
        width: 84%;
    }

    .search_inp .search_inp_btn2 {
        margin-top: 2px
    }

    .g_padding_15_g {
        padding: 0;
    }

    ._none_mobile1 {
        display: none;
    }

    .collapse_group {
        margin-top: 0;
    }

    .panel-title > a {
        font-size: 1.6rem;
        padding: 2px 5px;
    }

    .g_padding_left .tab-pane .buttons_list {
        padding-left: 0;
    }

        .g_padding_left .tab-pane .buttons_list li {
            width: 18%;
        }

    .subtitle_time p:nth-child(1) {
        margin: 0;
    }

    .search_main .pc_margin_bottom_5 {
        margin-bottom: 5px;
    }

    .qcode {
        width: 75%;
    }

        .qcode p {
            padding: 25px 5px;
            font-size: 1.4rem;
        }
    
    .pagination {
        bottom: -35px;
    }

        .pagination li {
            display: inline-block;
            width: 22px;
            height: 30px;
            margin: 0 3px;
            cursor: pointer;
        }

            .pagination li span {
                width: 22px;
                height: 2px;
                display: block;
                background: rgba(128,128,128,0.2);
                padding: 0;
                border: 0;
            }

    .pic_con_left,
    .pic_con_right {
        padding: 0;
    }


    .left_pic {
        height: 100px;
        width: 115px;
    }

    .pic_con_logo {
        padding: 5px 0;
        margin: 0;
    }

    .nav-tabs.wow li a,
    .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        padding: 10px 0;
    }

    .left_pic_po0 {
        position: absolute;
        top: 0;
        left: 0px;
    }

    .left_pic_po1 {
        position: absolute;
        top: -48px;
        left: 85px;
    }

    .left_pic_po2 {
        position: absolute;
        top: 0;
        left: 170px;
    }

    .left_pic_po3 {
        position: absolute;
        top: -48px;
        left: 254px;
    }

    .bg_position {
        height: 200px;
        bottom: -70px;
    }

    .cen {
        width: 370px;
    }
}

@media only screen and (max-width: 410px) {
    .nav_title {
        height: 42px !important;
        line-height: 22px !important;
    }

    html {
        font-size: 9px !important;
    }

    #banner-swiper .slide_content {
        padding-top: 100px;
    }

    .person_section .person_info {
        max-width: 170px;
    }

    .buttons_list {
        padding-left: 30px;
    }

    .look_con {
        padding: 0 0 10px 0;
    }

    .look_img_con {
        height: 100px;
        margin-right: 0;
    }

    .look_text_con {
        float: right;
        padding: 0;
    }

    .look_time {
        width: 80px;
        border-bottom: 1px solid #b5b5b6;
        padding-bottom: 5px;
        margin-top: 5px;
    }

    .look_title {
        margin-top: 5px;
        margin-bottom: 10px;
    }

        .look_title span {
            display: none;
        }

    .look_bg {
        padding: 8px 25px;
        margin-top: 0;
    }

    ._mobile_block {
        display: block;
    }

    .contact_city {
        display: none;
    }

    .breadcrumb {
        display: none;
    }

    .search_list_con {
        width: 65%;
    }

    .on_news_con p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    ._show {
        font-size: 1.6rem;
    }

    .look_con {
        padding: 10px 0 20px 0;
    }

    ._share_text {
        width: 14%;
    }

    ._city_address p {
        font-size: 1.2rem;
        font-weight: normal;
    }

    .subtext {
        padding: 15px 30px;
        margin-bottom: 20px;
    }

    .sub_position_left {
        width: 14px;
        height: 14px;
        top: 9%;
        left: 2%;
    }

    .sub_position_right {
        width: 12px;
        height: 12px;
        bottom: 15%;
        right: 2%
    }

    .page {
        padding: 0px 32%;
    }

        .page li {
            padding: 3px 8px 3px 8px;
        }

    .page2 {
        padding: 0 28%;
    }

    .page3 {
        padding: 0 28%;
    }

    .page4 {
        padding: 0 28%;
    }

    .page5 {
        padding: 0;
        float: right;
    }

    ._swiper_datas_text {
        padding: 0;
    }

    ._city_address ._city_address_odd {
        width: 19%;
        display: inline-block;
    }

    ._city_address ._city_address_oll {
        width: 80%;
    }

    .qcode p {
        padding: 15px 0;
        font-size: 1.2rem;
    }

    .left_pic {
        width: 90px;
        height: 80px;
        padding: 8px 0;
    }

    .left_pic {
        width: 105px;
        height: 100px;
    }

    .left_pic_po0 {
        position: absolute;
        top: 0;
        left: 0px;
    }

    .left_pic_po1 {
        position: absolute;
        top: -48px;
        left: 78px;
    }

    .left_pic_po2 {
        position: absolute;
        top: 0;
        left: 157px;
    }

    .left_pic_po3 {
        position: absolute;
        top: -48px;
        left: 235px;
    }

    .cen {
        width: 340px;
    }

    
}

@media only screen and (max-width: 370px) {
    html {
        font-size: 8px !important;
    }

    #banner-swiper .slide_content {
        padding-top: 110px;
    }

    .person_section .person_info {
        max-width: 130px;
    }

    .buttons_list {
        padding-left: 18px;
    }

    .look_con {
        padding: 10px 0 20px 0;
    }

    .look_img_con {
        margin-right: 0;
    }

    .look_text_con {
        float: right;
        padding: 0;
    }

    .look_time {
        width: 80px;
        border-bottom: 1px solid #b5b5b6;
        padding-bottom: 5px;
        margin-top: 5px;
    }

    .look_title {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .contact_con {
        border: 0;
    }

    .contact_city {
        display: none;
        border: 0;
    }

    .city_pic {
        border: 0;
        padding: 0;
    }

    ._city_footer {
        margin-top: 30px;
        padding: 30px 12px 0;
        position: relative;
    }

    ._leave {
        display: none;
    }

    ._leave_inp {
        padding: 20px 10px 15px;
        height: 90px;
        margin-bottom: 15px;
    }

    ._padding-left-30 {
        padding-left: 10px;
    }

    ._leave_paddind {
        width: 75%;
    }

    ._sub_btn {
        margin: 40px 0 45px 0;
        padding: 0px 80px;
    }

    ._leave_block {
        display: block;
    }

    .text_info p {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }

    .subtitle {
        margin-bottom: 13px;
    }

    ._x_none_mobile-l {
        padding-left: 0;
    }

    ._m_b_20 {
        margin-bottom: 20;
    }

    .text_info {
        margin-bottom: 20px;
    }

    .search_list_con {
        width: 75%;
    }

    .x_none_p {
        padding: 0;
    }

    ._m_b_20_mobeil {
        font-size: 1.4rem;
    }

    .subtitle_time p {
        font-size: 1.4rem;
    }

    ._share_text {
        width: 16%;
    }

    #practices-swiper .swiper-wrapper .swiper-slide ._swiper_datas2 {
        width: 30%;
        margin-left: 3%;
    }

    #practices-swiper .swiper_btn1 {
        position: absolute;
        left: -1px;
    }

    #practices-swiper .swiper_btn2 {
        position: absolute;
        right: 5px;
    }

    ._swiper_datas {
        width: 30%;
        margin-left: 3%;
    }

    .page {
        padding: 0px 30%;
    }

        .page li {
            padding: 3px 8px 3px 8px;
        }

    .page2 {
        padding: 0 26%;
    }

    .page3 {
        padding: 0 26%;
    }

    .page4 {
        padding: 0 26%;
    }

    .page5 {
        padding: 0;
        float: right;
    }

    .search_inp input {
        width: 88%;
    }

    .left_pic {
        width: 90px;
        height: 86px;
    }

    .pic_con_logo {
        padding: 0 0 5px;
        height: 23px;
    }

    .left_pic_po0 {
        position: absolute;
        top: 0;
        left: 0px;
    }

    .left_pic_po1 {
        position: absolute;
        top: -38px;
        left: 65px;
    }

    .left_pic_po2 {
        position: absolute;
        top: 0;
        left: 130px;
    }

    .left_pic_po3 {
        position: absolute;
        top: -38px;
        left: 195px;
    }

    .cen {
        width: 285px;
    }
}


.portfolio {
    padding: 50px 0 100px;
    border: 1px solid #e5ebf2;
}

.portfolio-content {
    padding-top: 50px;
}

.isotope:after {
    content: '';
    display: block;
    clear: both;
}

.isotope .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}
    
    .isotope .item img {
        width: 100%;
        height: 100%;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .isotope .item:hover img {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }

    .isotope .item .item_name {
        width: 100%;
        position: absolute;
        bottom: 0;
        color: #fff;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: rgba(31,44,108,.5);
    }

    .isotope .item:hover .item_name {
        display: none
    }


.isotope-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(31,44,108,.5);
    display: flex;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
    flex-direction: row;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

    .isotope-overlay span {
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

.isotope .item:hover .isotope-overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: 0;
}


.item {
    position: relative;
    margin-bottom: 40px
}

    .item img {
        width: 100%
    }

    .item .item_name {
        width: 100%;
        position: absolute;
        bottom: 0;
        color: #fff;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: rgba(31,44,108,.5);
    }



.showAllNew {
    width: 20%;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .nav_title:hover {
        height: auto !important;
    }

    .tab_4 {
        margin-bottom: 20px !important
    }

    .leftside {
        padding-left: 15px !important;
        margin-bottom: 0 !important
    }

    .showAllNew {
        width: 100%
    }

    .honorT {
        flex-wrap: wrap;
    }

    .honorTitle {
        width: 100%;
        margin-top: 20px
    }

    .honorCon .honorConC .span_word:nth-child(2n-1) {
        line-height: 20px;
        text-align: left;
        padding: 25px
    }

    .honorCon .honorConC .span_word:nth-child(2n) {
        line-height: 20px;
        text-align: left;
        padding: 25px
    }

    .honorCon .honorConC .span_img {
        padding: 0
    }

        .honorCon .honorConC .span_img:nth-child(2n) img {
            padding-left: 10px;
            width: 100%;
            height: auto;
        }

        .honorCon .honorConC .span_img:nth-child(2n-1) img {
            padding-right: 10px;
            width: 100%;
            height: auto;
        }

    .honorC {
        width: 100%
    }

    .honor {
        width: 100%
    }

    .commonweal .commonweal_content {
        margin: 0
    }

    .customer img {
        width: 100%
    }

    .search_peoples .search_person {
        width: 100%
    }

    .gray-input {
        margin-bottom: 5px
    }

    .paging .smallBtn {
        display: block;
        margin: 10px auto
    }

    .smallBtn {
        width: 200px;
    }

    .contactTitle p {
        width: 30%
    }

    .conIcon {
        flex-wrap: wrap
    }

        .conIcon div {
            width: 50%
        }

    .chance .chanceContent {
        height: 80px;
    }

    .position .line {
        width: 75%
    }
    
    #all-news {
        width: 100% !important;
    }

    .practice_box {
        height: 500px;
        width: 350px
    }

        .practice_box .practice_areas {
            width: 125px;
            height: 110px;
        }

            .practice_box .practice_areas:hover {
                height: 110px;
                width: 125px;
            }

            .practice_box .practice_areas .p1 {
                margin-top: 36px;
                font-size: 12px;
                margin-left: 0
            }

            .practice_box .practice_areas .p2 {
                margin-top: 22px;
                font-size: 12px
            }

        .practice_box .practice_areas1 {
            left: 115px;
            top: 0px
        }

        .practice_box .practice_areas2 {
            left: 0;
            top: 70px
        }

        .practice_box .practice_areas3 {
            left: 225px;
            top: 70px
        }

        .practice_box .practice_areas4 {
            left: 115px;
            top: 140px
        }

        .practice_box .practice_areas5 {
            left: 0;
            top: 210px
        }

        .practice_box .practice_areas6 {
            left: 225px;
            top: 210px
        }

        .practice_box .practice_areas7 {
            left: 115px;
            top: 280px
        }

        .practice_box .practice_areas8 {
            left: 0px;
            top: 350px
        }

        .practice_box .practice_areas9 {
            left: 225px;
            top: 350px
        }

        .practice_box .practice_areas10 {
            left: 115px;
            top: 420px
        }
}

@media only screen and (min-width: 769px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media only screen and (max-width: 768px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media only screen and (min-width: 411px) {
    .hidden-xs-up {
        display: none !important
    }
}

@media only screen and (max-width: 410px) {
    .hidden-xs-down {
        display: none !important
    }
}

#notfound {
    position: relative;
    height: 100vh;
}

    #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.notfound {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding: 15px;
}

    .notfound .notfound-404 {
        position: relative;
        height: 220px;
    }

        .notfound .notfound-404 h1 {
            font-family: 'Kanit', sans-serif;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font-size: 186px;
            font-weight: 200;
            margin: 0px;
            background: linear-gradient(130deg,#0e3d67, #e3e3e3);
            color: transparent;
            -webkit-background-clip: text;
            background-clip: text;
            text-transform: uppercase;
        }

    .notfound h2 {
        font-family: 'Kanit', sans-serif;
        font-size: 33px;
        font-weight: 200;
        text-transform: uppercase;
        margin-top: 0px;
        margin-bottom: 25px;
        letter-spacing: 3px;
        padding: unset;
        border: none;
    }


    .notfound p {
        font-family: 'Kanit', sans-serif;
        font-size: 16px;
        font-weight: 200;
        margin-top: 0px;
        margin-bottom: 25px;
    }


    .notfound a {
        font-family: 'Kanit', sans-serif;
        color: #0e3d67;
        font-weight: 200;
        text-decoration: none;
        border-bottom: 1px dashed #0e3d67;
        border-radius: 2px;
    }

.notfound-social > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 14px;
    color: #0e3d67;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 3px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

    .notfound-social > a:hover {
        color: #fff;
        background-color: #0e3d67;
        border-color: #0e3d67;
    }

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {
        position: relative;
        height: 168px;
    }

        .notfound .notfound-404 h1 {
            font-size: 142px;
        }

    .notfound h2 {
        font-size: 22px;
    }
}