* { box-sizing: border-box; }
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; width: 100%; overflow-x: hidden; }
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; }
.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; }
.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; }
.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; }
.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) {
  .warp { width: 7.5rem; margin: 0; }
  .advert { display: none; }
  .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; }
.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; }
.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; }
.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; 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; }
.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; }
.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__bar-content .wrap { height: 100%; }
.mobile-nav-close { display: none; }
.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; }