/* iconfont start */
@font-face {
  font-family: "iconfont"; /* Project id 1339134 */
  src: url('../font/font_1339134_ils94cbnlq.woff2') format('woff2'),
       url('../font/font_1339134_ils94cbnlq.woff') format('woff'),
       url('../font/font_1339134_ils94cbnlq.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* iconfont end  */
/* 公共样式 */
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:none; 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;}
a:hover{ color:#5177f4}
textarea{resize:none;}
html{_background:url(about:blank);}

#page0,#page1,#page2,#page3,#page4{transition:all 1s ease;}
.fl{float:left;}
.fr{float:right;}
.red{color:#ff5a67;}
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;}
.wrap,.warp{ width:1200px; margin:0 auto; height: 100%;}
.wrap1{ 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: #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:1095px; position:relative}
.lawyer_details{ margin:15px auto 80px auto; overflow:hidden}
/*头部*/
.header{ background:#fff; height:80px; width:100%; position:relative; z-index:9999;clear:both;box-shadow: 0px 4px 4px rgba(0,0,0,0.05);}
.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; }

/*通用翻页*/
.pager{ text-align:center; line-height:34px; padding:30px 0;}
.pager{ overflow:hidden; background-color:#fff; border-radius:3px;}
.pager li{display:inline-block;}
.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,.pager a.current{ color:#fff; background:#1476F9; border-color: #1476F9; border-radius:3px}
/*底部*/
.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;width:350px; overflow:hidden}
.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 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;}

.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;}
.zuc_btom{ padding-top:25px;}
.zuc_btom span{ display:block; line-height:24px; color:#999; padding-top:0;}
.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 start */
.head_city{ width:490px}
.s-n-city {width: 450px; padding: 19px;}
.s-n-citylist {
  padding: 10px;
}
.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 */


/* 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{ height:56px; line-height:56px; background-color:#fff;border-top:2px solid #f5f5f5; display:none; position:absolute; width:100%; left:0;webkit-box-shadow: 0 5px 15px rgba(36,46,117,.08);
  -moz-box-shadow: 0 5px 15px rgba(36,46,117,.08);box-shadow: 0 5px 15px rgba(36,46,117,.08);}
.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.ul_3{ margin-left:128px;}
.head_linst_nav ul.ul_4{ margin-left:370px;}
.head_linst_nav ul.ul_5{margin-left:415px;}
.head_linst_nav ul li{ float:left;}
.head_linst_nav ul li a{ height:48px; line-height:48px; padding:0 15px;}
.head_linst_nav ul li a:hover{ color:#1476F9} 
/* header end */