/* 公共样式 */
body, html{background-color:#f5f5f5; 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:#1476F9}

.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}
.warp1{ width:1000px; margin:0 auto}
/* 字体图标 */
/* 字体图标 */


.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
/*滚动条样式*/
::-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: #2da3df;}


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;
}

/*头部*/
.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 { 
  float:left; 
  height: 100%;
  display: flex;
  align-items: center;
}
.advert{ width:100%; height:64px; position:relative}
.advert a.advert_btn{ width:100%; height:64px; display:block; }

.advert{ width:100%; height:64px; position:relative}
.advert a.advert_btn{ width:100%; height:64px; display:block;}


/*通用翻页*/
.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{color: #999;display: inline-block;border: #ececec 1px solid;padding: 0 14px;margin: 0 2px;background-color: #fff;border-radius: 3px;}
.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!important;background: #5177f4;border-color: #5177f4;cursor:pointer;}
/*底部*/
.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:45px;}
.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;}


.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;}
@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}
	.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}
}

.lawyer_read {
  overflow: hidden;
}

.lawyer_read .consult__h3 {
  margin-bottom: 20px;
}

.lawyer_read .consult__h3 a {
  float: right;
  color: #62a4fd;
  font-size: 12px;
  font-weight: normal;
}

.consult__item {
  display: block;
  width: 290px;
  margin-bottom: 20px;
  height: auto;
  line-height: 1;
  overflow: hidden;
}

.consult__item-img {
  float: left;
  width: 60px;
  height: 60px;
  margin-top: 4px;
}

.consult__item-right {
  float: right;
  width: 220px;
}

.consult__item-title {
  color: #333;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.consult__item-con {
  margin-top: 6px;
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.search__entrance {
  display: block;
  text-align: center;
  line-height: 30px;
  margin-top: 24px;
  width: 96px;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #D9D9D9;
}

.search__entrance i {
  color: #999;
  font-size: 14px;
  margin-right: 4px;
}

.search__entrance span {
  color: #333;
  font-size: 14px;
}

.ts__page {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
}

.page__number a,
.page__pre a,
.page__next a,
.page__first a,
.page__last a {
  display: inline-block;
  text-align: center;
  margin: 0 2px;
  min-width: 36px;
  line-height: 36px;
  height: 36px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #EEEEEE;
  color: #666;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: border-box;
}

.page__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  line-height: 36px;
  color: #999;
}

.page__number a:hover,
.page__pre a:hover,
.page__next a:hover,
.page__first a:hover,
.page__last a:hover {
  color: #1476F9;
}

.page__pre a:hover i,
.page__next a:hover i,
.page__first a:hover i,
.page__last a:hover i {
  color: #1476F9;
}

.page__first a,
.page__last a {
  width: 84px;
}

.page__number.active a {
  background-color: #1476F9;
  color:#fff;
  border-color: #1476F9;
}

.page__next .iconfont,
.page__pre .iconfont {
  color: #999;
}

.page__last .iconfont,
.page__first .iconfont {
  display: inline-block;
  color: #999;
  font-size: 12px;
}

.page__first .iconfont {
  margin-right: 6px;
  transform: rotate(180deg);
}

.page__last .iconfont {
  margin-left: 6px;
}
/* header start */
.s-n-citylist {
  padding: 10px;
}
.head_city{ width:490px}
.s-n-city {width: 450px; padding: 19px;}
.s-n-tab {height: 25px;border-bottom: 1px solid #ddd;}
.s-n-tab a {float: left;padding: 2px 10px 0;line-height: 23px;transition: all .0s ease;}
.s-n-tab a.current {padding: 0 9px 0;border-top: 2px solid #4a8be3;border-bottom: 1px solid #fff;border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.s-n-citylist p {position: relative;display: block;padding-left: 40px;line-height: 22px;padding-top: 5px;}
.s-n-citylist span {position: absolute;left: 0; top: 5px;color: #999;}
.s-n-citylist a { float: left;padding: 0 7px 0 6px;white-space: nowrap; font-size:12px;}
.s-n-citylist a:hover{ color:#3c92eb}
.s-n-hover .nav-im {padding: 0 9px;border-left: 1px solid #eee;border-right: 1px solid #eee;background-color: #fff;color: #333;}
.s-n-hover .nav-im:hover { color: #333;}
.s-n-hover .nav-im-pl { padding-left: 24px;}
.s-n-hover .nav-im.pr { padding-right: 19px;}
.s-n-hover .nav-im.pr .i-jt  {right: 7px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.s-n-hover .nav-im-pl .i-area { left: 6px;}

.header_nav{ float:left; margin-left:60px;}
.header_nav>ul>li{ float:left; padding: 0 20px; line-height:78px;}
.header_nav>ul>li>a { padding: 8px 0; font-size:16px;color: #333;}
.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;
}
/* header end */

/* 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 */