/* 公共样式 */
body, html{
  background-color:#f3f8fe; 
  font-family:'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial,'Hiragino Sans GB','\5B8B\4F53'; 
  margin:0; padding:0; font-size:14px; 
  line-height:24px; 
  color:#333;min-width:1260px; 
  overflow-x:auto;
}
button, dd, div, dl, dt, form, img, input, li, ol, p, td, th, ul{margin:0; padding:0; border:0;outline:none}
em, th, i ,b{font-style:normal; font-weight:normal;}
ul, li{list-style:none;}
img{vertical-align:top;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:500;}
input{font-size:12px; vertical-align:middle; color:#333; outline:0;}
table{border-collapse:collapse; border-spacing:0;}
a, input, textarea, select{outline:0; transition:all .1s ease; color:#333;font-family:'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial,'Hiragino Sans GB','\5B8B\4F53'; }
a:hover, a:link, a:visited{text-decoration:none;}
textarea{resize:none;}
html{_background:url(about:blank);}
a:hover{ color:#4185f5}

.fl{float:left;}
.fr{float:right;}
.red{color:#259ad6;}
img{border: 0;vertical-align: top;opacity: 1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.warp,.wrap{ width:1200px; margin:0 auto; height: 100%;}
.warp1{ width:1000px; margin:0 auto}
/*滚动条样式*/
::-webkit-scrollbar/*整体部分*/
{width: 8px;height:10px;}
::-webkit-scrollbar-track/*滑动轨道*/
{-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0);border-radius: 12px;background:#eee;}
::-webkit-scrollbar-thumb/*滑块*/
{border-radius: 3px;background:#ccc;}
::-webkit-scrollbar-thumb:hover/*滑块效果*/
{border-radius: 3px;background: #1476F9;}


input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #999;opacity:1; line-height:22px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;opacity:1; line-height:22px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f8f8f8 inset;}
.mian{ height:1175px; position:relative}
.inner{ margin-bottom:80px;}
.lawyer_details{ margin:15px auto 80px auto; overflow:hidden}

.clearfix {
  display: inline-table; 
  display: block; 
  zoom: 1;
}

.clearfix:after {
  content:''; 
  clear: both; 
  display: block; 
  height: 0; 
  visibility: hidden;
}

.clear {
  zoom: 1;
  clear: both;
}
.clear:after,
.clear:before {
  content:"";
  display:table;
}

.clear:after {
  clear:both;
  overflow:hidden;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.ellipsis2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/*nav*/
.header{ background:#fff; height:80px; width:100%; position:relative; z-index:9999; clear:both}
.header .warp{ position:relative}
.head_login a{ width:73px; height:28px; border-radius:28px; display:block; border:1px solid #259ad6; font-size:14px; text-align:center; line-height:28px; margin-left:15px; float:left;}
.head_login a:hover{ background-color:#259ad6; color:#fff}
.head_login{ float:right;width:180px; overflow:hidden; padding-top:17px;}
.head_logo { 
  /* margin-top: 18px; */
  float:left; 
  /* background: url(../image/logo.png) no-repeat; */
  /* width: 110px; */
  height: 100%;
  display: flex;
  align-items: center;
}

/* page start */
.pager{ text-align:center; line-height:34px; padding:20px 20px 0 20px;}
.pager{ overflow:hidden}
.pager li{display:inline-block;}
.pager span{ color:#999; display:inline-block; border: #ececec 1px solid; padding:0 14px; margin:0 2px; background-color:#fff; }
.pager a{display:inline-block; border: #259ad6 1px solid; padding:0 14px; margin:0 2px; cursor:pointer; background-color:#259ad6 ; color:#fff}
.pager a.disabled{display:inline-block; border: #ececec 1px solid; padding:0 14px; margin:0 2px; cursor:pointer; background-color:#fff ; color:#999}
.pager a:hover,a.p_hov,a.p_hov:hover{ color:#fff; background:#259ad6; border-color: #259ad6; cursor:default;}
/* page end */
/*底部 start delete*/
.mian_bottom{ background-color:#282d33; padding-top:60px;}
.bottom_cont{ overflow:hidden}
.bottom_fl{ float:left}
.bottom_fl h3{ font-size:20px; color:#c3c8ce;}
.bottom_fl ul.guangw_ul{ overflow:hidden; margin:15px 0 25px 5px;}
.bottom_fl ul.guangw_ul li{ float:left; color:#454a50; font-size:12px; margin-right:10px;}
.bottom_fl ul.guangw_ul li a{ color:#c3c8ce; font-size:14px; padding-right:10px;}
.bottom_fl ul.guangw_ul li a:hover{ color:#fff;}

.bottom_fl span{ font-size:14px; color:#c3c8ce; padding-top:25px; display:block; line-height:24px; width:400px;}
.bottom_fl span a{color:#b8bdc9}
.bottom_fr{ float:right; overflow:hidden; width:350px;}
.btom_titebtn{ width:200px; float:left}
.btom_titebtn a{ width:130px; height:40px; line-height:40px; display:block; text-align:center; color:#fff; font-size:18px; border-radius:5px; float:right; position:relative}
.btom_titebtn a em{ padding-left:50px;}
.btom_titebtn a em:after{ background:url(../image/4dbd9dcf_dh_t.png) no-repeat; content:""; width:21px; height:21px; display:block; position:absolute;left: 25px;top: 10px;}
.btom_titebtn b{ font-size:14px; color:#c3c8ce; text-align:right; display:block; margin:15px 0; float:right; width:200px;}
.btom_titebtn span{ display:block; font-size:24px; font-weight:bold; color:#fff; float:right}
.ewm_img{ float:right; width:121px; margin-left:25px;}
.ewm_img img{ width:121px; height:122px; display:block}
.ewm_img b{ font-size:14px; text-align:center; color:#fff; display:block; padding-top:10px;}
.bottom_cont{ overflow:hidden; padding-bottom:40px;}
.hezhb_txt{font-size:14px; color:#5a5d60;height:42px; line-height:42px;}
.hezhb_txt em{ font-size:14px; color:#5a5d60; padding-right:30px; }
.hz_btn{ height:48px; line-height:48px; background-color:#1e2126; font-size:14px; color:#8c9094; text-align:center}
.btom_15{ margin-bottom:15px;}
/* 底部end */
.datails_tit.show{ position:fixed; top:0; margin-top:0; z-index:9; border-bottom:1px solid #ddd;-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 3px rgba(0, 0, 0, .1);  box-shadow:0 2px 3px rgba(0, 0, 0, .1); }
.highlight{ display:inline-block !important;font-weight:bold;color:#ff453c;text-indent:0px !important; line-height:24px !important;}
.highlightAc{ color:#fff;background:#ff6060;}

.more{ height:42px; line-height:42px; text-align:center; width:100%;color:#999; font-size:12px; display:none}
.bdshare_dialog_box,.bdshare_dialog_bg{ display:none !important}
.lawyer_link ul{ overflow:hidden; padding-bottom:40px;}
.lawyer_link li{ float:left; color:#4a4a50; padding:0 5px; line-height:30px;}
.lawyer_link li a{ color:#c3c8ce; padding-right:10px; font-size:14px;}
.lawyer_link li a:hover{ color:#fff;}
.lawyer_link li em{ color:#c3c8ce; font-size:14px;}
.lawyer_link{ width:730px; margin-top:10px;}
.bottom_fl h3{ font-size:18px; color:#fff; margin-left:5px;}
.advert{ background:url(../image/daafac20_top_bg.png) center no-repeat; width:100%; height:64px;}
@keyframes z{
  from {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }
  to {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);

  }
}

@keyframes y{
  from {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }
  to {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);

  }
}

@media screen and (max-width: 750px){
	body, html{ width:7.5rem; overflow-x: hidden;}
	.warp{ width:7.5rem; margin:0}
	.advert{display:none; }
	.header{ width:6.9rem; height:1rem; padding:0 0.3rem}
	.side{ display:none}
	.datails_tit{ width:7.5rem; margin:0.2rem auto;}
	.datails_txt{ padding:0.3rem}
	.datails_txt h4{ width:6.9rem; font-size:0.36rem; line-height:0.56rem; padding:0.25rem 0rem}
	.tatails_case p{ height:0.8rem; line-height:0.8rem; padding:0; text-align:center; width:6.9rem; font-size:0.28rem}
	.tatails_case ul.ul_hg{ width:6.3rem; padding:0.2rem 0.3rem; height:auto;}
	.tatails_case ul.ul_hg li{ font-size:0.24rem; line-height:0.48rem;}
	.tatails_case{ margin:0.2rem}
	.tatails_list{ padding:0}
}

.reginput{ width:320px; height:470px; background-color:#fff; padding:30px 30px 0 30px; display:none}
.reginput input{ border-bottom:2px solid #eee; width:320px; height:48px; line-height:48px; font-size:16px; text-align:center; margin-top:15px}
.reginput span em{ font-size:20px; font-weight:bold; display:block; text-align:center; padding-bottom:10px;}
.reginput span b{ display:block; text-align:center; font-size:14px; color:#999;}
.reginput a.reg_btn{ height:48px; background-color:#3c86eb; width:320px; text-align:center; display:block; color:#fff; line-height:48px; border-radius:48px; margin-top:35px; font-size:16px;}
.reginput p{ font-size:12px; text-align:center; color:#999 ; padding-top:5px;}
.reginput img{ width:150px; height:150px; display:block; margin:25px auto 0 auto}

/* page region start */
.head_cont{border-bottom:1px solid #eee;overflow: hidden;padding-bottom: 30px;margin-bottom: 30px;}
.head_cont h4{ float:left; height:36px; line-height:36px; padding-right:20px; font-size:16px;}
.head_cont h4.pa_lf{ padding-left:40px;}
.head_cont .head_select{ float:left; overflow:hidden}
.head_cont .head_select input{border:1px solid #eee; height:34px; line-height:34px; width:160px; padding:0 15px; float:left}
.head_cont .head_select a{ width:65px; height:36px; line-height:36px; background-color:#4a8be3; color:#fff; text-align:center; border-radius:3px; float:left; display:block; margin-left:5px;}
.head_lsit_title{ font-size:14px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:10px; margin:0 25px 10px 25px; line-height:24px; color:#333}
.head_list_hot{ padding-top:10px;}
.head_list_hot ul { overflow:hidden}
.head_list_hot ul li{ float:left; padding:3px 25px; line-height:28px; }
.head_list_hot ul li a{color:#666}
.head_list_hot ul li a:hover{ color:#4a8be3}
.head_select select{ width:170px; height:32px;border:1px solid #e2e2e2; padding-left:5px;}
.head_select{ float:left;margin:0 5px;}
/* page region end */

/* header start */
.header_nav{ float:left; margin-left:60px;}
.header_nav>ul>li{ float:left; padding: 0 20px; line-height:78px;}
.header_nav>ul>li>a { position: relative; padding: 8px 0; font-size:16px;color: #333;}
.header_nav>ul>li>a em { 
  position: absolute;
  color: #fff;
  font-size: 12px;
  padding: 0 5px;
  line-height: 16px;
  background: #E84026;
  border-radius: 8px;
  top: -6px;
  right: -20px;
}
.header_nav>ul>li>a:hover{ color:#1476F9}
.header_nav>ul>li>a.active,
.header_nav>ul>li.current>a {
  font-weight: bold;
  color: #1476F9;
  border-bottom: #1476F9 solid 2px;
}
.head_linst_nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 56.4px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 100;
    border-top: 2px solid #f5f5f5;
}

.head_linst_nav .wrap {
    width: 1200px;
    margin: 0 auto;
}

.head_linst_nav ul {
    padding-left: 180px;
    overflow: hidden;
}

.head_linst_nav ul.ul_1 {
    margin-left: -54px;
}

.head_linst_nav ul.ul_2 {
    margin-left: 88px;
}

.head_linst_nav ul li {
    float: left;
}

.head_linst_nav ul li a {
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    color: #333;
    text-decoration: none;
}

.head_linst_nav ul li a:hover {
    color: #1476F9;
}

.head_list_hot .uis{
  color:#666;
}
.head_list_hot .uis li:hover{
  color:#4185f5;
  cursor: pointer;
}

/* footer start */
.main_bottom {
  background-color:#30343E; 
  padding-top: 48px;
  line-height: 1;
}

.main_warp {
  width: 1200px;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}

.main_bottom-bottom {
  padding: 12px 0 24px;
  width: 100%;
  background: #282C33;
}

.main_bottom-bottom p {
  margin-top: 12px;
  text-align: center;
}

.main_bottom-bottom p span {
  color: #fff;
  opacity: .4;
}

.main_bottom-bottom p a {
  color: #fff;
  opacity: .4;
}

.main_bottom-bottom p a:hover {
  opacity: .8;
}

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

.warp__top-l {
  padding-right: 42px;
  float: left;
  position: relative;
  /* width: 620px; */
  overflow: hidden;
  box-sizing: border-box;
}

.warp__top-l::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  opacity: .1;
  position: absolute;
  right: 0;
  top: 0;
}

.common__label {
  float: left;
  margin-right: 90px;
}

.common__label:last-child {
  margin-right: 0;
}

.common__label-t {
  margin-bottom: 32px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.common__label-code {
  width: 110px;
  height: 110px;
}

.common__label-p {
  color: #fff;
  opacity: .4;
  font-size: 14px;
  margin-top: 16px;
}

.common__links {
  margin-bottom: 16px;
}

.common__links:last-child {
  margin-bottom: 0;
}

.common__links a {
  color: #fff;
  font-size: 14px;
  opacity: .4;
}

.common__links a:hover {
  opacity: .8;
}

.warp__top-r {
  padding-left: 120px;
  float: left;
}

.warp__top-line {
  margin-top: -2px;
  opacity: .2;
  background-color: #fff;
  width: 136px;
  height: 1px;
}

.warp__top-date,
.warp__top-contact {
  color: #fff;
  opacity: .4;
  font-size: 14px;
  font-weight: bold;
}

.warp__top-contact {
  margin-top: 10px;
}

.warp__top-date {
  margin-top: 16px;
}

.warp__top-phone {
  margin-top: 15px;
  color: #1476F9;
  font-size: 16px;
  font-weight: bold;
}

.warp__bottom {
  width: 100%;
  overflow: hidden;
  padding-bottom: 22px;
  margin-top: 48px;
}

.warp__bottom-con {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}

.warp__bottom-label {
  float: left;
  color: #fff;
  opacity: .4;
}

.warp__bottom-con ul {
  float: left;
  width: 1106px;
}

.warp__bottom-con ul li {
  margin-bottom: 10px;
  float: left;
}

.warp__bottom-con ul li em {
  margin: 0 8px;
  color: #fff;
  opacity: .4;
}

.warp__bottom-con ul li a {
  color: #fff;
  opacity: .4;
}

.warp__bottom-con ul li a:hover {
  opacity: .8;
}


.warp__bottom-con_bum .warp__bottom-label {
  float: left;
  color: #fff;
  opacity: .2;
}


.warp__bottom .warp__bottom-con_bum  ul li em {
  margin: 0 8px;
  color: #fff;
  opacity: .2;
}
.warp__bottom .warp__bottom-con_bum  ul li a {
  margin: 0 8px;
  color: #fff;
  opacity: .2;
}
.warp__bottom .warp__bottom-con_bum  ul li a:hover {
  opacity: .8;
}

/* footer end */




/* 右侧内容区域样式 */
.left__item {
    display: none;
    position: absolute;
    left: 200px;
    top: 0;
    width: calc(100% - 200px);
    height: 100%;
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 100;
}

/* 左侧导航容器 */
.top__bar-left {
    float: left;
    width: 200px;
    position: relative;
    z-index: 2;
}

/* 导航列表 */
.left__bar-nav {
    background: #fff;
}


/* 右侧内容区域 */
.left__bar-content {
    flex: 1;
    position: relative;
    margin-left: 200px;
}

.left__item {
    display: none;
    width: 600px;
    background: #fff;
    padding: 20px;
    box-shadow: 2px 0 8px rgba(0,0,0,0.1);
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
}

/* 悬停效果 */
.left__bar-nav li:hover,
.left__bar-nav li.active {
    background: #f5f5f5;
}

.left__bar-nav li:hover i,
.left__bar-nav li:hover span,
.left__bar-nav li.active i,
.left__bar-nav li.active span {
    color: #1476F9;
}

/* 内容区域的具体样式 */
.enter__a {
    margin-bottom: 15px;
}

.enter__t {
    color: #666;
    margin-bottom: 10px;
}

.enter__links {
    margin-bottom: 20px;
}

.enter__links a {
    display: inline-block;
    margin: 5px 10px 5px 0;
    color: #666;
}

.enter__links a:hover {
    color: #1476F9;
}

/* 其他入口样式 */
.other__enter {
    margin-top: 20px;
}

.other__enter-a {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    transition: all 0.3s;
}

.other__enter-a:hover {
    background: #f5f5f5;
}

.other__enter-con {
    margin-left: 10px;
}

.enter__con-t {
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
}

.enter__con-p {
    font-size: 12px;
    color: #999;
}

/* 整个顶部区域容器 */
.top__area {
    position: relative;
    width: 100%;
}

/* 顶部栏容器 */
.top__bar {
    position: relative;
    display: flex;
}

/* 左侧导航容器 */
.top__bar-left {
    width: 200px;
    position: relative;
    z-index: 2;
}


/* 右侧内容区域 */
.left__bar-content {
    flex: 1;
    position: relative;
    margin-left: 200px;
}

.left__item {
    display: none;
    width: 600px;
    background: #fff;
    padding: 20px;
    box-shadow: 2px 0 8px rgba(0,0,0,0.1);
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.topbar_navlist {
    position: relative;
}

.topbar_navlist li {
    position: relative;
}

.topbar_navlist .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 100;
    min-width: 150px;
}

.topbar_navlist .sub-menu li {
    display: block;
    width: 100%;
}

.topbar_navlist .sub-menu a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
}

.topbar_navlist .sub-menu a:hover {
    background: #f5f5f5;
}

.nav_list {
    position: relative;
}