@font-face {
  font-family: 'DINCond';
  src: url('../font/DINCond-Medium.eot');
  src: url('../font/DINCond-Medium.eot') format('embedded-opentype'), url('../font/DINCond-Medium.woff2') format('woff2'), url('../font/DINCond-Medium.woff') format('woff'), url('../font/DINCond-Medium.ttf') format('truetype'), url('../font/DINCond-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{font-family: Arial,Microsoft yahei !important;}

/*浏览器版本判断*/
#browser_ie { BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT: 85px; COLOR: #000; FONT-SIZE: 15px; position:fixed; bottom:0; width:100%; z-index:9999;}
#browser_ie .brower_info { MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 17px}
#browser_ie .brower_info .notice_info { POSITION: relative; MARGIN-TOP: 5px; FLOAT: left}
#browser_ie .brower_info .notice_info P { margin:0; TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 360px; DISPLAY: inline-block}
#browser_ie .browser_list { POSITION: relative; FLOAT: left}
#browser_ie .browser_list IMG { WIDTH: 40px; HEIGHT: 40px}
#browser_ie .browser_list SPAN { TEXT-ALIGN: center; WIDTH: 80px; DISPLAY: inline-block}

/*返回顶部*/
#gototop{ height:1px;}
.gototop{ position:fixed; right:10px; bottom:30px; z-index:998;}
.gototop ul{ margin:0; padding:0; list-style:none; border-bottom:none;}
.gototop ul li{width: 40px; height: 40px; line-height:40px; display: block; cursor:pointer; font-size: 16px; text-align: center;  position: relative; transition: all 0.3s ease-out 0s; background-color: #00324a; transition: all .3s ease-out 0s;}
.gototop ul li:hover,.gototop ul li.goto_wechat{ background:#00324a; color:#fff;}
.gototop ul li.goto_up{ height:0; overflow:hidden;}
.gototop ul li.goto_up.show_goto_up{ height:40px;}
.gototop ul li a{ display:block; height:40px; color:#ccc;}
.gototop ul li:hover a{ color:#fff;}
.gototop ul li i{ font-size:16px;}
.gototop ul li i.fa-mobile{ font-size:20px;}

/*整站顶部*/
.top_setion{ position:relative; height:60px; position:absolute; top:0; left:0; width:100%; background: rgba(255,255,255,.6); z-index:99;}
.top_setion_black{ height:24px; line-height:24px; font-size:12px; color:#fff; background:#00324a; padding-left:30px; position: absolute; width:100%;}
.top_setion_language{float: right; padding-top: 24px; margin-right: 12px; line-height:36px;}
.top_setion_language a{ color:#666;}
.top_setion_language a:hover{ text-decoration:underline;}
.top_setion_login{ float: right; padding:0 5px; height:60px; line-height:60px; background:#00324a; color:#fff; font-size:22px;}
.top_setion_login a{ position:relative; float:left; font-size:14px; color:#fff; padding:0 10px;}
.top_setion_login a.have_line{}
.top_setion_login a.have_line:before,.top_setion_login a.have_line:after{ content:""; position:absolute; left:0; top:23px; width:0; height:14px; border-left:1px dotted rgba(255,255,255,.5);}
.top_setion_login a.have_line:after{ left:auto; right:0;}
.top_setion_login a:hover{ color:rgba(255,255,255,.8);}
.top_setion_login span{font-size: 14px; float: left; margin: 0 10px;}

.top_section{position:absolute; top:60px; left:0; width:100%; height:120px; background: rgba(255,255,255,.6); z-index:99;}

.page_top_setion{ position:relative;}
.page_top_section{position:relative; top:0;}

/*主菜单*/
.logo{ float:left; margin-left:30px; margin-top:-5px;}
.logo img{ width:460px;}
.site_nav{ float:right;}
.site_nav ul{ margin:0; margin-right:5px; padding:0; list-style:none;}
.site_nav ul li{ float:left; margin:0 15px;}
.site_nav ul li a{ font-size:18px; padding:10px; line-height:120px; color:#000;}
.site_nav ul li a:hover{ color:rgba(0,0,0,.7);}
.site_nav ul li.active a{ color:#00324a; font-weight:bold; border-bottom:2px solid #00324a;}


/* banner */
.slideBox{ width:100%; height:460px; position:relative; overflow:hidden;}
.slideBox .hd{position:absolute; left:12.5%; padding-left:5px; bottom:50px; z-index:1; }
.slideBox .hd ul{ margin:0; padding:0; list-style:none; display:inline-block; }
.slideBox .hd ul li{ display:inline-block; margin:0 3px; position:relative;  width:15px; height:15px; border-radius: 100%; border:1px solid rgba(255,255,255,0.4); cursor:pointer; transition: all .3s ease-out 0s;}
.slideBox .hd ul li:before{ content:""; position:absolute; width:7px; height:7px; border-radius: 100%; background:rgba(255,255,255,0.4); top:4px; left:4px; }
.slideBox .hd ul li.on{ border:1px solid #1c6f85;}
.slideBox .hd ul li.on:before{ background:#1c6f85;}
.slideBox .bd{ position:relative;  width:100%; height:100% !important; z-index:0;}

.slideBox .bd ul{ margin:0; padding:0; list-style:none; height:100% !important; width:100% !important;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:100%; background-position:center center; background-repeat:no-repeat;  background-size: cover;  width:100% !important; position:relative;}
.slideBox .bd li:before{ content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); top:0; left:0; display:none;}

.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:50%; margin-top: -30px; /*margin-top:35px;*/ display:block; width:30px; height:60px; text-align:center; filter:alpha(opacity=30);opacity:0.3; background:#000; z-index:4;}
.slideBox .prev i,.slideBox .next i{ font-size:30px; color:#fff; line-height:60px;}
.slideBox .next{ left:auto; right:0; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; background:#00324a; }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.banner_img{background-position:center center; background-repeat:no-repeat;  background-size: cover; height:600px; text-align:center; position: relative; z-index:1;}

.banner_word{ position:absolute; width:100%; text-align:center; color:#fff; font-size: 100px; line-height: 1.2em; padding-top: 90px; z-index:3; }

.statistics ul{ margin:60px 0; padding:0; list-style:none;}
.statistics ul li{ float:left; width:33.33%; text-align:center;}
.statistics ul li i{ color:#00324a; font-size:40px;}
.statistics ul li p{ margin:20px 0 0; font-size:48px; line-height:1em; color:#000; font-family:DINCond;}
.statistics ul li p em{ font-style:normal; font-size:14px; color:#666;}
.statistics ul li span{ display:block; color:#333; font-size:16px; margin-top:-5px;}

.index_login_btn_bg{ background:#00324a; padding:70px 50px; margin-top:-194px;}
.index_login_btn_bg_line{ margin:50px 0; height:1px; background:rgba(255,255,255,.3);}
.index_login_btn_bg a{ display:block; text-align:center; color:#fff; font-size:32px; line-height:1em; padding:20px 0; border:1px solid #fff; border-radius: 10px; background:#EC6841; transition: all .3s ease-out 0s;}
.index_login_btn_bg a.bule{ background:#003265;}
.index_login_btn_bg a:hover{ background:#000 !important; }

/* home news */
.index_news_setion{ padding:100px 0;}
.index_title{ margin:0; font-size:36px; color:#00324a; padding-top:40px; position:relative; margin-top:100px;}
.index_title:before{ content:""; position:absolute; top:0; left:0; width:36px; height:3px; background:#00324a;}
.news_content_list{ position:relative; width:600px;}
.news_content_list_img{ padding-left:50px;}
.index_news_txt{ padding:0 50px 15px;}
.index_news_txt h2{ color:#666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:16px; line-height:1.1em; margin: 30px 30px 20px 0;}
.index_news_txt p{ color:#999; font-size:13px; margin:20px 30px 20px 0; line-height:24px; height:48px; overflow:hidden;}
.index_news_bg{ position:absolute; left:-40px; width:100%; height:75%; bottom:0; background:#00324a; display:none; z-index:-1; animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;}
.index_news_content.owl-carousel .owl-item.active2 .index_news_bg{ display:block;}
.index_news_content.owl-carousel .owl-item.active2 .index_news_txt h2{ color:#fff;}
.index_news_content.owl-carousel .owl-item.active2 .index_news_txt p{ color:rgba(255,255,255,.8);}
.index_news_setion .owl-nav{ display:none;}
.index_news_setion .owl-theme .owl-controls{position: absolute; left: -33.33%; top: 240px;}
.index_news_setion .owl-theme .owl-dots .owl-dot span{ background:#00324a; margin: 5px 3px;  transition: all .3s ease-out 0s;}
.index_news_setion .owl-theme .owl-dots .owl-dot:hover span{background:#00324a;  transition: all .3s ease-out 0s;}
.index_news_setion .owl-theme .owl-dots .owl-dot.active span{background:#00324a; width:30px;  transition: all .3s ease-out 0s;}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);

        transform: translateY(50px);

        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);

        transform: translateY(50px);

        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1;
    }
}

.step{background:#00324a; margin:130px 0 0; padding:85px 0 140px;}
.step_name{ background:#00324a; color:#fff; margin-top: -155px;}
.step_name h2{ margin: 0; padding: 50px 0; text-align: center; font-size: 36px; line-height: 1em;}

.index_normal_news{ background:#fff; margin-top:-60px; padding:60px 0;}
.index_normal_news_title h2{ float:left; display:inline-block; margin: 0; font-size: 36px; line-height:1em; color: #00324a;}
.normal_news_type{ float:right;}
.normal_news_type a{ display:inline-block; padding:8px 12px; color:#fff; background:#00324a; margin-left:10px; transition: all .3s ease-out 0s;}
.normal_news_type a:hover{ background:#000;}
.normal_news_type a.active{ background:#EC6841;}

.index_normal_news_list{ margin:60px 0 80px;}
.index_normal_news_list ul{ margin:0; padding:0; list-style:none;}
.index_normal_news_list ul li{ float:left; width:50%; padding-right:15px; box-sizing: border-box;}
.index_normal_news_list ul li:nth-child(2n){ padding-left:15px; padding-right:0;}
.index_normal_news_list ul li a{ display:block; line-height:55px; border-bottom:1px #eee solid; color:#333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all .3s ease-out 0s;}
.index_normal_news_list ul li a span{ color:#999; transition: all .3s ease-out 0s;}
.index_normal_news_list ul li a:hover,.index_normal_news_list ul li a:hover span{ color:#000;}

.web_link{ margin: 45px 0 100px;}
.web_link .item a{ text-align:center}
.web_link .item a .link_img{ border:1px #eee solid; padding:10px 0;}
.web_link .item a .link_img img{ height:72px; width:auto !important; display:inline-block;}
.web_link .item a p{ color:#666; margin:0; line-height:2em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

.web_link .owl-dots{ display:none !important;}
.web_link.owl-theme .owl-controls .owl-nav{ position:relative;}
.web_link.owl-theme .owl-controls .owl-nav div{ position:absolute; left:-40px; top:-105px; width: 20px; height: 30px; box-sizing: border-box; background: #00324a; overflow: hidden; line-height: 80px;}
.web_link.owl-theme .owl-controls .owl-nav div:hover{ background:#000;}
.web_link.owl-theme .owl-controls .owl-nav div:before{ content:"\f104"; position:absolute; left:0; top:0; width:20px; height:30px; text-align:center; line-height:30px; font-family:FontAwesome; color:#fff;}
.web_link.owl-theme .owl-controls .owl-nav div.owl-prev{ left:auto; right:-40px;}
.web_link.owl-theme .owl-controls .owl-nav div.owl-prev:before{ content:"\f105";}

/* bottom */
.bottom_section{ background:#00324a; padding:65px 0;}
.bottom_logo{ width:350px;}
.bottom_link,.bottom_qrcode{ margin:0; padding:0; list-style:none;}
.bottom_link li,.bottom_qrcode li{ float:left; width:33.33%;}
.bottom_link li h3{ color:rgba(255,255,255,.6); margin:0; margin-bottom:25px; font-size:16px;}
.bottom_link li a{ display:block; color:#fff; margin-bottom:10px;  transition: all .3s ease-out 0s;}
.bottom_link li a:hover{ color:rgba(255,255,255,.6);}
.bottom_qrcode{ text-align:right;}
.bottom_qrcode img{ width:100px;}
.bottom_qrcode p{ display:inline-block; width:100px; color:rgba(255,255,255,.8); text-align:center; margin:0; line-height:3em;}

.site_bottom{ background:#000; text-align:center; padding:10px 0; font-size:12px; color:rgba(255,255,255,.6);}
.site_bottom a{ color:rgba(255,255,255,.6);}
.site_bottom a:hover{ text-decoration:underline;}

/* page_guide_bar */
.page_guide_bar{ background:#00324a; padding:10px 0; color:rgba(255,255,255,.5);}
.page_guide_bar a{ display:inline-block; color:rgba(255,255,255,.75);}
.page_guide_bar a:hover{ color:#fff; text-decoration:underline;}
.page_guide_bar font{ margin:0 10px; display:inline-block;}

.main_box{ padding:100px 0;}

/* news_content */
.news_page_title{ margin-bottom:60px;}
.news_page_title h1{ display:inline-block; margin:0; margin-bottom:10px; font-size:36px; color:#000; padding-right:25%; line-height:1.4em;}
.news_day{ color:#999;}
.news_page_title h1 span{ color:#999; display:block; font-size:14px; font-weight:normal;}

.news_content p{ margin:0; font-size:14px; color:#666; text-align:justify;}
.news_content img{ max-width:100%;}
.news_content p,.news_content span,.news_content font,.news_content section{ font-size:16px !important; line-height:2em !important; font-family: Arial,Microsoft yahei !important;}

/* 上一篇下一篇新闻 */
.news_data_list{ float:right; margin-left:40px;}
.news_data_list p{ margin:0; font-size:21px; font-family:helveticaneuethn,Arial; color:#999; margin-top:4px; margin-bottom:20px;  transition: all .3s ease-out 0s;}
.news_data_list font{ display:block; border-left:1px #e6e6e6 solid; margin-left:15px; padding-left:25px;  transition: all .3s ease-out 0s;}
.news_data_list font i{ position:relative; font-size:18px; color:#666;  transition: all .3s ease-out 0s;}
.news_data_list font i:after{ content:""; position:absolute; left:-11px; top:9px; height:1px; width:15px; background:#666;  transition: all .3s ease-out 0s;}

.news_related{ margin-top:60px; background:#f7f7f7;}
.news_related a{ padding:40px 30px; display:block;  transition: all .3s ease-out 0s;}
.news_related a:hover{ background:#00324a;}
.news_related h3{ margin:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#666; font-size:14px; font-weight:normal;  transition: all .3s ease-out 0s;}
.news_related .related_right h3{ text-align:right;}
.news_related a:hover h3{ color:#fff; }
.related_left .news_data_list{ float:left; margin-right:20px; margin-left:0;}
.related_left .news_data_list font{transform:rotate(180deg); margin-left:0;}
.related_right .news_data_list{ margin-left:20px;}
.news_related a:hover .news_data_list font{ border-color:#fff;}
.news_related a:hover .news_data_list font i{ color:#fff;}
.news_related a:hover .news_data_list font i:after{background:#fff;}

/* 相关动态 */
.page_link_list{ margin-bottom:40px;}
.page_link_list h3{ margin:0; padding-bottom:10px; border-bottom:1px #e6e6e6 solid; font-size:14px; color:#999; font-weight:normal;}

.page_right_news_list{ margin:0; padding:0; list-style:none;}
.page_right_news_list li a{display:block; line-height:36px; border-bottom:1px #eee solid; color:#333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all .3s ease-out 0s;}
.page_right_news_list li a:hover{ color:#00324a; border-bottom:1px #00324a solid;}

.page_link_list #qrcode{ text-align:center; border: 1px #e6e6e6 solid; padding: 20px; border-top: none;}

.inputselect{ display: block; width: 100%; height:33px; border-radius: 3px; padding: 6px 12px; margin:10px 0; font-size: 12px; line-height: 1.42857143; color: #555555; background-color: #ffffff; border: 1px solid #ddd; box-sizing: border-box;}
.search_btn_show{background: #00324a; width:auto; display:inline-block; color:#fff; cursor:pointer; border:none; line-height: 1.42857143; padding:10px 30px; margin:0 12px;  border-radius: 3px; transition: all 0.3s ease-out;}
.search_btn_show:hover{ background:#333;}
.search_btn_show_no{ background:none; border:1px #eee solid; color:#999; cursor: default;  line-height: 1.42857143; padding:10px 30px; margin:0 12px;  border-radius: 3px; width:auto; display:inline-block; }
.search_btn_show_no:hover{ background:none;}
.lawyer_int .search_btn_show{ margin-left:0;}
.input100{ width:100%;}
.align_right{ text-align:right;}
.search_input {margin-bottom:50px;}
.lawyer_page_content {padding: 80px 0 80px;position: relative;z-index: 2;}
.lawyer_page_img img{ width:100%; margin-bottom:60px;}
.lawyer_page_name{ border-bottom:1px solid #ddd; position:relative; padding-bottom:40px; margin-bottom:20px;}
.lawyer_page_name h1{ font-size:36px; color:#000; line-height:1.2em; margin:0; margin-bottom:10px;}
.lawyer_page_name span{ font-size:13px; color:#999;}

.tag_list{ padding:10px 0 20px;}
.tag_list a{ display:inline-block; margin-right: 4px; margin-bottom: 4px; padding: 3px 6px; border: 1px solid #E5E5E5; font-size: 12px; color: #666; border-radius: 3px; background: #fff; text-decoration: none; transition: all .3s ease-out 0s;}
.tag_list a:hover{ background:#00324a; color:#fff;}


.page_banner{background-position:center center; background-repeat:no-repeat;  background-size: cover; height:360px; padding-top:120px; box-sizing: border-box; }
.team_banner_word{ width:70%; margin:0 auto; color:#fff; max-width:900px;}
.main_team_search{ position:relative; background-color: rgba(255,255,255,.9); height:52px; padding-left:5px; box-sizing: border-box;}
.main_team_search i{ width:40px; float:left; line-height:50px; color:#666; font-size:21px; text-align:center;}
.main_team_search select{ width:80px; float:left; background:none; border:none; font-size:16px; color:#000; height:30px; border-right:1px rgba(0,0,0,.4) solid;}
.main_team_search input{ width:calc(100% - 170px); float:left; border:none; height:50px; display:inline-block; vertical-align:top; background:none; outline:none;  box-sizing: border-box;}
.main_team_search a.main_team_search_btn{ height:52px; float:left; text-align:center; line-height:52px; font-size:16px; width:130px; display:inline-block; background:#EC6841; color:#fff; vertical-align:top;  transition: all .3s ease-out 0s;}
.main_team_search a:hover{ background:#00324a;}


.office_search{ float:left; width:calc(50% - 85px); margin-right:20px;}
.office_search input{ width:calc(100% - 40px);}
.office_search_right{ width:130px; margin-right:0;}
.office_search_right .main_team_search{ padding-left:0;}

.search_tag{ padding-top:15px;}
.search_tag span{ color:rgba(255,255,255,0.9); display:inline-block; line-height:30px;}
.search_tag a{ color:#fff; margin-right:12px; display:inline-block; line-height:30px; vertical-align:top; transition: all .3s ease-out 0s;}
.search_tag a:hover{ color:#EC6841;}

.more_search{ background:#f7f7f7; padding:5px 20px; margin:60px 0 30px;}
.more_search ul{ margin:0; padding:0; list-style:none;}
.more_search ul li{ border-bottom:1px dotted rgba(0,0,0,.1); position:relative; padding:5px 0; padding-left:95px;}
.more_search ul li:last-child{ border-bottom:none;}
.more_search ul li span{ display:block; position:absolute; left:0; top:5px; color:#999; line-height:30px;}
.more_search ul li a{ color:#333; text-decoration:none; margin-right:15px; display:inline-block; line-height:30px; vertical-align:top;}
.more_search ul li a.active,.more_search ul li a:hover{ color:#EC6841;}

.search_man{ position:relative;}
.search_man .search_result{ position:absolute; right:0; top:0; font-size:12px; line-height:22px; padding:5px 10px; border:1px #00324a solid; color:#00324a; box-sizing: border-box;}
.search_man .search_result span{ display:inline-block; margin:0 6px; color:#EC6841; font-weight:bold; font-size:14px;}
.sorting{ margin:20px 0;}
.sorting span{ display:inline-block; float:left; line-height:30px;}
.office_search_result{ margin:80px 0 60px;}
.sorting h3{ margin:0; line-height:30px; color:#000;}
.sorting_list{ display:inline-block;}
.sorting_list ul{ margin:0; padding:0; list-style:none;}
.sorting_click{ float:left; padding:5px 22px 5px 10px; background:#00324a; color:#fff; margin-right:15px; line-height:20px; font-size:12px; cursor:pointer; border-radius: 5px; position:relative; z-index:1;}
.sorting_click:after{ content:"\f00d"; position:absolute; top:5px; right:8px; line-height:20px; color:#fff; font-family:'FontAwesome'; font-size:12px; }
.sorting_click i{ margin-right:5px;}
.sorting_click.active{ color:#f44455; border-bottom:1px #f44455 solid;}
.sorting_click ul{ margin:0; padding:0; list-style:none;}
.sorting_name{ position:relative; z-index:1;}
.sorting_detail{ position:absolute; width:150px; padding:10px 0; border:1px rgba(0,0,0,0.1) solid; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);  border-radius: 0 0 5px 5px; border-top:none; top:30px; left:0; display:none; background:#fff; z-index:2;}
.sorting_detail li a{ padding:0 15px; color:#555; display:block; font-size:13px;}
.sorting_detail li a:hover{ color:#f44455; transition: all .3s ease;}

.man_list{ margin:50px 0 100px;}
.man_list ul{ margin:0; padding:0; list-style:none;}
.man_list ul li{ float:left; width:25%; padding:0 15px; margin-bottom:50px; box-sizing: border-box;}
.man_list ul li a{ display:block; padding-bottom:30px; border-bottom:1px #f0f0f0 solid;}
.man_list ul li a:hover{ border-bottom:1px #f00 solid;}
.man_list ul li .man_img{ float:left; width:64px; margin-right:15px; position:relative; border-radius:100%;}
.man_list ul li .man_txt{ float:left; width:calc( 100% - 79px);}
.man_list ul li .man_txt h2{ color:#000; margin:0; font-size:16px; margin-bottom:5px;}
.man_list ul li .man_txt h2 i{ font-size:14px; margin-left:10px; width:14px; height:14px;}
.man_list ul li .man_txt h2 i.fa-bank{ color:#EC6841;}
.man_list ul li .man_txt h2 i.fa-mars{ color:#00324a;}
.man_list ul li .man_txt h2 i.fa-venus { color:#f00;}
.man_list ul li .man_txt p{ color:#000; margin:0; margin-bottom:10px; font-size:13px; line-height:22px; height:44px;}
.man_list ul li .man_txt p.yewu{ height:44px;}
.man_list ul li .man_txt p span{ margin-left:6px; font-size:16px; font-weight:bold; color:#f00;}
.man_list ul li .man_txt p font{ margin:0 6px;}
.man_list ul li .man_txt p.fayan{ margin-top:5px;}
.man_list ul li .man_txt p em{ font-style:normal; color:#999;}
.man_list ul li .man_txt p.fayan span{ color:#000; font-size:13px; font-weight:normal; margin-left:0;}
.man_list ul li .man_txt p span.blue_word{ color:#00324a; margin-left:0; margin-top:12px; display:inline-block;}
.man_level{ position:absolute; right:-5px; bottom:5px; background:#2EA7E0; font-size: 12px; line-height: 1; color:#fff; padding:2px 3px;}
.man_level.middle_level{ background:#172A88;}
.man_level.high_level{ background:#f00;}

.page_news_list{ padding-bottom:80px;}
.page_news_list ul{ margin:0; padding:0; list-style:none;}
.page_news_list ul li{ border-bottom:1px #efefef solid;}
.page_news_list ul li a{ display:block; position:relative; padding:30px 0; transition: all 0.3s ease;}
.news_img{ float:left; width:29%; transition: all 0.3s ease;}
.news_img img{ width:100%; vertical-align:middle;}
.news_txt{ float:left; width:65%;}
.news_txt h3{ margin:0 0 15px; font-size:18px; line-height:1.5em; color:#333; font-weight:bold; padding:0 100px 0 45px; transition: all 0.3s ease;}
.news_txt p{ margin:0; font-size:13px; line-height:25px; height:75px; overflow:hidden; color:#888; padding:0 100px 0 45px; transition: all 0.3s ease; }
.news_day{ position:absolute; right:20px; top:30px; font-size:16px; color:#999;  transition: all .3s ease-out 0s;}
.page_news_list ul li a .add_icon{position: absolute; bottom:20px; right:25px; z-index: 2; transition: all .3s ease-out 0s;}
.page_news_list ul li a .add_icon i{ font-size:21px; transition: all .3s ease-out 0s; color:#999;}

.page_news_list ul li a:hover{box-shadow: 0 0 40px rgba(0, 0, 0, .08); background:#00324a;}
.page_news_list ul li a:hover .news_img{ margin-left:30px;}
.page_news_list ul li a:hover .news_txt h3{ color:#fff;}
.page_news_list ul li a:hover .news_txt p{ color:#fff;}
.page_news_list ul li a:hover .news_day{ color:#fff;}
.page_news_list ul li a:hover .add_icon i{transform:rotate(180deg); color:#fff;}

.about_menu{ padding-bottom:40px;}
.about_menu ul{ margin:0; padding:0; list-style:none; display:inline-block;}
.about_menu ul li{ float:left; margin:0px 20px 20px 0; margin-bottom:20px; height:44px; line-height:44px;}
.about_menu ul li a{ display:inline-block; font-size:18px; padding:0 20px; position:relative; background:#00324a; color:rgba(255,255,255,.75); transition: all .3s ease;}
.about_menu ul li a:hover{color:#fff;}
.about_menu ul li a.active{color:#fff; background: #00324a;}
.about_menu ul li a.active:after{content: '';width: 0px;height: 0px;border-style: solid;border-width: 7px 9px 0 9px; border-color: #00324a transparent transparent transparent;position: absolute;bottom: -7px;left: 50%; margin-left: -9px;}

.news_box ul{ margin:0; padding:0; list-style:none; margin-bottom: 60px;}
.news_box ul li{ border-bottom:1px #ddd solid; }
.news_box ul li.link_padding{padding:10px 0 30px; margin-bottom:20px;}
.news_box ul li a,.news_box ul li .nolink{ display:block;color:#666; font-size:15px; padding:30px 0; transition: all 0.3s ease;}
.news_box ul li a:hover{ background:rgba(0,0,0,.05);}
.news_box ul li a span,.news_box ul li .nolink span{ float:left; width:20%;}
.news_box ul li a font,.news_box ul li .nolink font{ float:left; width:80%; font-weight: bold; color: #000;}
.news_box ul li a.small_padding{ padding:5px 0;}
.news_box ul li a.small_padding p{ margin:0; padding-left:12px; position:relative; font-size:16px; line-height:2em; color:#333;}
.news_box ul li a.small_padding p:before{ content:""; position:absolute; left:0; top:8px; width:6px; height:6px; background:#666; border-radius: 100%;}
.news_box ul li a.small_padding p em{ display:inline-block; margin-left:12px; font-size:12px; color:#999; font-style:normal;}
.news_box ul li a.small_padding:hover{ background:none; text-decoration:underline;}
.guide_important{ font-weight:bold;}

.about_link_img{background-position: center center; background-repeat: no-repeat; box-sizing: border-box; background-size: cover; height:140px; text-align:center; line-height:140px; margin-bottom:40px;}
.about_link_img a{ display:block; color:#fff; font-size:24px; position:relative;}
.about_link_img a:before{content:""; background:rgba(0,0,0,.1); width:100%; height:100%; position:absolute; left:0; top:0; transition: 0.4s;}
.about_link_img a:after{ content:"\f105"; font: normal normal normal 14px/1 FontAwesome; color:#fff; background:#00324a; position:absolute; right:0; bottom:0; padding:10px 20px; transition: 0.4s;}
.about_link_img a span{ display:block; position:relative; z-index:2;}
.about_link_img a:hover:before{background:rgba(0,0,0,.3);}

.timeline{ border-left:1px #ccc solid;}
.timeline ul{ margin:0; padding:0; list-style:none; margin-top:20px;}
.timeline ul li{ margin-bottom:30px; position: relative; }
.timeline ul li .timeline_time{ float:left; width:25%; color:#00324a; font-size:22px; font-weight:bold; box-sizing: border-box; margin-top:5px; padding-left:15px; position:relative;}
.timeline ul li .timeline_time:before{ content:""; position:absolute; left:-7px; top:4px; width:13px; height:13px; border-radius: 100%; background:#BB1B21;}
.timeline ul li .timeline_word{ float:left; width:75%; padding-bottom:20px; border-bottom: 1px solid #eee; font-size:16px; line-height:2em;}
.timeline ul li .timeline_point{ float:left; width:5%; height:16px; padding-left:8px;  background:url(http://www.bnrmediation.com/images/timeline_point.jpg) no-repeat right top; +width:32px; position: absolute; left: 50%; margin-left: -45px; top: 50%; margin-top: -8px;}

.team_main_search h3{ font-size:16px; line-height: 1.8; font-weight:normal; color:#333; margin:0; margin-bottom:10px;}
.form_note{ margin-top: -30px; margin-bottom:30px; color:#f00; font-size:15px; text-align:center;}
.form_note i{ color:#00324a; font-size:14px; margin-right:5px;}

.page_link_list_p{ font-size:16px; color:#000; margin: 20px 0}
.page_link_list_p i{ display:inline-block; width:18px; margin-right:12px;}
.page_link_list_p a{ color:#000; transition: all .3s ease-out 0s;}
.page_link_list_p a:hover{ text-decoration:underline;}
.page_link_list_p font{ display:block; font-size:16px; color:#f00; margin:10px 0 30px;}
.page_link_list_p a.change_btn{display: block; border: 1px #00324a solid; padding: 15px 0; text-align: center; color: #00324a; border-radius: 5px;}
.page_link_list_p a.change_btn i.fa-mobile{ font-size:22px;}
.page_link_list_p a.change_btn:hover{ background:#00324a; color:#fff; text-decoration:none;}

.page_guide{font-size:13px; color:#999; padding-bottom:80px; margin-bottom:30px; border-bottom:1px rgba(0,0,0,1) solid;  position:relative;}
.page_guide .padding15{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.page_guide h2{ font-size:48px; color:#00324a; margin:0; margin-bottom:10px; line-height:1.3em;}
.page_guide span{ display:inline-block; font-size:16px; line-height:20px; vertical-align: middle; margin-right:20px; color:#666;}
.page_guide a{ color:#666;}
.page_guide a:hover{ text-decoration:underline;}
.page_guide font{ margin:0 8px;}

.lawyer_btn{ position:absolute; top:25px; right:0; text-align:right;}
.lawyer_btn a{ display:block; height:100%;}
.lawyer_btn span{ display:inline-block; width:36px; height:36px; overflow:hidden; border-radius:36px; border:1px solid #00324a; margin-right:0; margin-left:12px;  transition: all .3s ease-out 0s;}
.lawyer_btn span i{width:36px; height:36px; text-align:center; line-height:36px; font-size:18px; float:left; color:#00324a;}
.lawyer_btn span font{ float:left; line-height:36px; font-size:12px; margin:0; color:#00324a;}
.lawyer_btn span.dr:hover{ width:105px;} 
.lawyer_btn span.dv:hover{ width:110px;} 
.lawyer_btn span.dc:hover{ width:90px;} 

.lawyer_pic{ width:100%;}
.lawyer_yewu{ margin:10px 0;}
.lawyer_yewu span{ font-size:16px; color:#666;}
.lawyer_yewu font{ font-size:16px; color:#333; margin-right:20px;}

.mediator_int{ margin-top:60px;}

.lawyer_int{ margin-top:20px; padding-bottom:25px;}
.lawyer_int h2{ margin:0; font-size:18px; color:#333; line-height:1.1em;}
.lawyer_int p{ margin:20px 0; color:#777; font-size:15px; text-align:justify; line-height:1.8em;}
.lawyer_int ul{ margin:20px 0; padding:0; list-style:none;}
.lawyer_int ul li{ margin-bottom:5px; color:#777; font-size:15px; line-height:1.8em; text-align:justify; position:relative;}
.lawyer_int ul li a{color:#777; padding-bottom:5px; border-bottom:1px dotted #ccc; position:relative; padding-left:20px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.lawyer_int ul li a:before{ content: "\f105"; font-family:FontAwesome; position:absolute; left:0; top:0;}
.lawyer_int ul li a:hover{ color:#1c6f85;}
.lawyer_int ul li b{ color:#555;}

.login_img{ position:relative;}
.login_box{ position:absolute; width:66.66%; right:-50%; top:50%; margin-top:-245px; background:#00324a; border-bottom:16px solid #00324a; padding:50px; box-sizing: border-box;}
.login_box h1{ color:#fff; font-size:28px; margin:0; margin-bottom: 30px; line-height: 1.2em;}
.login_box p{ color:#fff;}
.login_box .search_btn_show{background:#EC6841; padding: 12px 40px; font-size: 15px;  transition: all .3s ease-out 0s;}
.login_box .search_btn_show:hover{ background:#000;}

.login_img{background-position:center center; background-repeat:no-repeat;  background-size: cover; height:650px;}

.normal_h{ margin-top:15px; margin-bottom:30px; color:#00324a; font-size:18px; font-weight:bold;}
.normal_h_padding{ background: #f0f0f0; padding:10px 12px;}
.team_main_search h2{margin:40px 0 25px; color: #000; font-size: 24px; line-height: 1em;}

.change_btn{ text-align:center;}
.change_btn a{ display:inline-block; background:#00324a; color:#fff; padding:12px 60px; font-size: 15px; transition: all .3s ease-out 0s;}
.change_btn a:hover{ background:#EC6841;}

.step_list{ margin-bottom:60px;}
.step_list ul{ margin:0; padding:0; list-style:none;}
.step_list ul li{ float:left; width:33.33%; text-align:center; position:relative;}
.step_list ul li:before, .step_list ul li:after { content: ''; display: block; position: absolute; top: 17px; width: 50%; height: 2px; background-color: #f5f5f5; z-index: 1;}
.step_list ul li:before{ left:0;}
.step_list ul li:after{ right:0;}
.step_list ul li:first-child:before,.step_list ul li:nth-child(3):after { content: none}
.step_list ul li a{ display:block; position:relative; z-index:2;}
.step_list ul li a i{ display:inline-block; width:40px; height:40px; line-height: 40px; border-radius: 50%; border: 2px solid #eee; background-color: #fff; color: #ccc; font-size: 24px; font-style:normal;}
.step_list ul li a p{ margin:20px 0 0; color:#888; font-size: 18px;}

.step_list ul li.active a i,.step_list ul li.active_2 a i{ color:#00324a; border: 2px solid #00324a; }
.step_list ul li.active a p,.step_list ul li.active_2 a p{ color:#00324a;}
.step_list ul li.active:before, .step_list ul li.active:after,.step_list ul li.active_2:before { background-color:#00324a;}

.checkbox_label{ text-align:center; margin-top:80px;}
.checkbox_label input{ width:20px; height:20px; vertical-align:middle; margin-right:6px;}
.checkbox_label span{ font-size:18px;}

.step_btn{ margin-top:80px; text-align:center;}
.team_main_search label{ display: inline-block; height:33px; margin-bottom:25px;}
.team_main_search label span{ margin-right:20px; font-size: 16px;}
.team_main_search .inputselect{ margin-bottom:25px;}
.team_main_search .reg_txt{ display:block; padding-top:38px; height:33px; line-height:33px; margin-bottom:25px; font-style:normal;}
.team_main_search .reg_txt a{ display:inline-block; padding:0 12px; background:#00324a; color:#fff;}
.team_main_search .reg_txt a:hover{ background:#000;}

.my_list ul{ margin:0; padding:0; list-style:none; margin-bottom:80px;}
.my_list ul li{ float:left; width:22.75%; margin-right:3%; text-align:center; border:1px #eee solid; box-sizing: border-box;}
.my_list ul li:nth-child(4){ margin-right:0;}
.five_list ul li{width: 18.75%; margin-right: 1.5625%;}
.five_list ul li:nth-child(4){ margin-right: 1.5625%;}
.five_list ul li:nth-child(5){ margin-right: 0;}
.my_list ul li a{ display:block; padding:25px 0;}
.my_list ul li a i{ font-size:46px; color:#00324a; line-height:50px; font-style:normal;}
.my_list ul li a i.fa-unlock-alt,.my_list ul li a i.fa-tasks{ color:#f00;}
.my_list ul li a i.fa-unlock-alt,.my_list ul li a i.fa-tags{ color:#f00;}
.my_list ul li a i.fa-mobile{ color:#00A0E9; font-size: 54px;}
.my_list ul li a i.fa-gavel{ color:#EC6841;}
.my_list ul li a i.fa-language,.my_list ul li a i.fa-pencil-square{ color:#00A0E9;}
.my_list ul li a i.fa-calculator{ color:#2f6088;}
.my_list ul li a p{ margin:0; margin-top:5px; color:#000; font-size: 18px; margin-top: 15px;}
.my_list ul li.active{ background:#00324a; border:1px #00324a solid;}
.my_list ul li.active a i,.my_list ul li.active a p{ color:#fff !important;}

.accordion { width: 100%; margin: 30px auto 20px; padding:0; list-style:none; }
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 20px 15px 20px 0;
	color: #4D4D4D;
	font-size: 15px;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion .link font{ display:inline-block; width:60%; font-weight:bold;}
.accordion .link em{ display:inline-block; width:15%; font-style:normal; color:#999;}
.accordion .link span{ display:inline-block; width:25%; color:#999;}
.accordion li:last-child .link { border-bottom: 0;}
.accordion .link:hover font,.accordion .link:hover em,.accordion .link:hover span{ color:#00324a;}
.accordion li i {
	position: absolute;
	top: 24px;
	left: 12px;
	font-size: 14px;
	color: #999;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 14px;
}

.accordion li.open .link {
	color: #00324a;
}

.accordion li.open i {
	color: #00324a;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.submenu { display: none; background: #f7f7f7; font-size: 14px; padding:50px 40px 10px 65px; }

.case_line{ border-left:2px #eee solid; margin-left: 30px; margin-top: 40px;} 
.case_line ul{ margin:0; padding:0; list-style:none;}
.case_line ul li{ position:relative; padding-left:55px; margin-bottom:50px;}
.case_line ul li .user_img{ position:absolute; left:-25px; top:0; width:50px; height:50px; border-radius: 100%; overflow: hidden;}
.case_line ul li .user_img img{ width:100%;}
.case_line ul li .case_pro{ color:#000; font-size:16px;}
.case_line ul li .case_pro span{ display:block; color:#666; font-size:13px; margin-bottom:5px;}
.user_bg{ height:50px; background:#00324a; color:#fff; text-align:center; line-height:50px; font-size:28px;}
.person_bg{ height:50px; background:gray; color:#fff; text-align:center; line-height:50px; font-size:28px;}
.employee_bg{ height:50px; background:#6A5ACD; color:#fff; text-align:center; line-height:50px; font-size:28px;}

a.accordion_action{ color:#f00;}
a.accordion_action:hover{ text-decoration:underline;}

.team_main_search h2 span{ font-size:15px; display:inline-block; margin-left:6px;}
.team_main_search h2 span font{ display:inline-block; font-size:18px; color:#f00;}

.have_search{ position:relative;}
.have_search h2{ line-height:28px;}
.have_search h3{ font-size:21px; margin-top:60px;}
.search_case{ right:0; top:0; position:absolute;}
.search_case input{ padding: 6px 12px; font-size: 12px; line-height: 1.2; color: #555555; background-color: #ffffff; border: 1px solid #ddd; box-sizing: border-box; width:180px;}
.search_case i{ position:absolute; right:0; top:0; text-align:center; line-height:28px; width:30px; height:28px; cursor:pointer;}

.view_table,.view_table td{border-collapse:collapse; border:1px solid #eee;}
.table_title{ background:#f0f0f0; text-align:center; font-weight:bold; color:#000;}
.view_table td{ padding: 15px 5px; font-size: 16px; box-sizing: border-box;}
.view_table tr:nth-child(2n+1){ background:#f7f7f7;}
.view_table a{ color:#00324a; margin:0 5px;}
.view_table a:hover{ text-decoration:underline;}

.item_action{}
.item_action a{ display:inline-block; padding:10px 35px; background:#00324a; color:rgba(255,255,255,0.7); margin-right:10px; font-size: 18px;}
.item_action a.active{ position:relative; color:#fff; }
.item_action a.active:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 14px 0 14px; border-color: #00324a transparent transparent transparent; position: absolute; bottom: -7px; left: 50%; margin-left: -14px; }
.item_action a:hover{ color:#fff;}

.case_detail h3{ color:#999;}
.case_detail h3 span{ color:#000;}

.calculator .team_main_search h2{ margin-top:0;}
.calculator .step_btn{ margin-top:43px; text-align:center;}
.calculator .step_btn .search_btn_show{ padding:0; margin:0; width:80%; height:33px; line-height:33px;}
.input_read{ background:#f0f0f0;}

.video_list{ margin:0; padding:0; list-style:none;}
.video_list li{ margin-top:40px;}
.video_list li a{ display:block;}
.video_list li a img{ width: 250px; float: left; margin-right: 25px; transition: all 0.4s ease;}
.video_list li a h2{ font-size:18px; margin: 0; margin-bottom:10px; color:#000; margin-right:15px;}
.video_list li a span{ display:block; font-size:14px; color:#999;}
.video_list li a:hover img{ margin-left:15px; }
.video_list li a:hover h2{ margin-right:0;}

.small_input{height: 33px;
    border-radius: 3px;
    padding: 6px 12px;
    margin: 10px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #ddd;
    box-sizing: border-box; width:60px;}
	
.site_bottom br{ display:none;}

.map_txt { padding-left:60px;}
.map_txt h3 {
    font-size: 24px;
    color: #000;
    margin: 60px 0 30px;
}
    .map_txt ul li { font-size:16px; color:#666; line-height:1.6em; margin:12px 0;
    }

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


.map_img {
    width: 830px;
    margin-top: 60px;
}

map area {
    outline: none;
}

.for_1280 {
    display: none;
}

.for_1024 {
    display: none;
}

.for_450 {
    display: none;
}

@media screen and (max-width: 1280px) {
    .for_normal {
        display: none;
    }

    .for_1280 {
        display: block;
    }

    .map_img {
        width: 760px;
    }
}

@media screen and (max-width: 1024px) {
    .for_1280 {
        display: none;
    }

    .for_1024 {
        display: block;
    }

    .map_img {
        width: 590px;
    }
}

@media screen and (max-width: 768px) {
    .map_area .width8, .map_area .width4 {
        width: 100%;
    }

    .map_txt {
        padding-left: 30px;
    }
}

@media screen and (max-width: 450px) {
    .for_1024 {
        display: none;
    }

    .for_450 {
        display: block;
        text-align: center;
    }

    .map_img {
        width: 350px;
    }

    .map_txt {
        padding-left: 0px;
    }
}

.layui-layer-title{padding: 0 20px 0 20px !important;}

.man_img img{border-radius: 100%;}