﻿.pb10 { padding-bottom: 10px !important;}
.borb0 { border-bottom: none !important;}
.text-list li .f14 { float: right; font-size: 14px; color: #bbb; margin-left: 20px;}
/* banner */
.banner { height: 400px; position: relative; z-index: 100;}
.ban-abs { position: absolute; left: 50%; top: 0; width: 1200px; margin-left: -600px; text-align: center;}	
/*ban1*/
.ban1 { background: url('/images/ban01.jpg') no-repeat center top;height: 200px; }
.ban1 .ban-abs { top: 35px;}
/*ban2*/
.ban2 { background: url('/images/ban02.jpg') no-repeat center top;}
.ban2 .ban-abs { top: 125px;}
.tiwen-bar { width: 660px; height: 54px; margin: 33px auto 0; position: relative;}
.tiwen-bar input { float: left; width: 450px; height: 54px; line-height: 54px; background-color: #fff; padding: 0 60px 0 20px; font-size: 16px;}
.tiwen-bar .btn { float: right; width: 118px; height: 52px; line-height: 52px; font-size: 16px; color: #fff; background: #000; border-color: #000;}
.tiwen-bar .i-med58 { position: absolute; top: 14px; left: 485px;}
/**/
.w830 { width: 830px;}
.w340 { width: 340px;}
/* nav-title-bline */
.nav-title-bline { height: 24px; line-height: 24px; overflow: hidden; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; position: relative;}
.nav-title-bline h2 { float: left; font-size: 20px; color: #000;}
.nav-title-bline .more, .nav-title-bline .r-k { float: right; font-size: 14px; color: #333;}
.nav-title-bline .more:hover, .nav-title-bline .r-k a:hover { color: #508274; text-decoration: underline;}
.nav-title-bline .b-line { position: absolute; left: 0; bottom: 0; width: 44px; height: 4px; background-color: #ea5f2f;}
.nav-title-bline .r-k a { float: left; color: #bbb;}
.nav-title-bline .r-k a.cur { color: #333;}
.nav-title-bline .r-k a.cur:hover { text-decoration: none;}
.nav-title-bline .r-k .line { float: left; width: 1px; height: 12px; background-color: #ddd; margin: 7px 10px 0;}
/* nav-title */
.nav-title { height: 22px; overflow: hidden; font-size: 20px; line-height: 22px; color: #000;}
.nav-title i { float: left; width: 4px; height: 18px; background-color: #ea5f2f; margin: 3px 10px 0 0;}
.nav-title .more { float: right;}
/* more */
.more { font-size: 12px; color: #508274;}
.more:hover { text-decoration: underline;}
/* tab-nav */
.tab-nav { position: relative; height: 37px; border-bottom: 1px solid #f0f0f0;}
.tab-nav span { float: left; padding: 0 5px; height: 22px; padding-bottom: 15px; font-size: 20px; color: #000; margin-right: 20px; cursor: pointer;}
.tab-nav span.current {}
.tab-nav .tab-line { position: absolute; left: 0; bottom: -1px; height: 4px; background-color: #ea5f2f;}	/* tab-f16 */
.tab-f16 .tab-nav { height: 33px; border-bottom-color: #ddd;}
.tab-f16 .tab-nav span { padding: 0; margin: 0; width: 50%; height: 18px; line-height: 18px; font-size: 16px; text-align: center; padding-bottom: 15px;}
.tab-f16 .tab-nav .tab-line { height: 2px;}
.tab-nav-bor-ce { border-bottom-color: #e0e0e0;}
.tab-nav .f14-c999 { font-size: 14px; color: #999;}

/* lr-huida-bar */
.lr-huida-bar {}
.lr-huida-bar li { padding: 30px 0 25px 56px; border-bottom: 1px dotted #eee; position: relative;}
.lr-huida-bar li .lr-photo { position: absolute; left: 0; top: 30px; width: 40px; height: 40px;}
.lr-huida-bar li .lr-photo img { display: block; width: 100%; height: 100%; border-radius: 50%;}
.lr-huida-bar li h3 { padding-top: 12px; font-size: 16px; color: #bbb; margin-bottom: 25px;}
.lr-huida-bar li h3 a { margin-right: 15px;}
.lr-huida-bar li h4 { font-size: 16px; height: 20px; overflow: hidden;}
.lr-huida-bar li p { font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; margin: 10px 0 22px;}
.lr-huida-bar li p a { margin-left: 5px;}
.lr-huida-bar li .other { overflow: hidden;}
.lr-huida-bar li .other span { float: left; color: #bbb; margin-right: 20px;}
.lr-huida-bar li .other span .ico-media { float: left; margin: 2px 5px 0 0;}
.lr-huida-bar li .other span .i-med54 { margin-top: 1px;}
/* lr-tuijian-bar */
.lr-tuijian-bar {}
.lr-tuijian-bar .tj-item { margin: 0 31px 30px 0;}
.tj-item { float: left; width: 256px; height: 245px; background: #f5f5f5; border-radius: 4px; overflow: hidden; position: relative;}
.tj-item img { display: block; width: 120px; height: 120px; border-radius: 50%; margin: 30px auto;}
.tj-item h4 { font-size: 20px; text-align: center;}
.tj-item .bg { position: absolute; left: 0; top: 100%; width: 216px; height: 185px; padding: 30px 20px; background: #000; background: rgba(0,0,0, .95); *background: #000; border-radius: 4px; transition: all .15s linear;}
.tj-item .bg h3 { font-size: 24px; line-height: 30px; color: #fff;}
.tj-item .bg p { font-size: 14px; line-height: 26px; color: #fff; opacity: .5; height: 104px; overflow: hidden; margin: 15px 0 10px;}
.tj-item .bg a { font-size: 14px; color: #ea5f2f;}
.tj-item .bg a:hover { text-decoration: underline;}
.tj-item:hover .bg { top: 0;}
/* tag-list */
.tag-list li { float: left; width: 88px; height: 38px; margin: 0 8px 20px 0;}
.tag-list li a { display: block; height: 36px; line-height: 36px; border: 1px solid #e8e8e8; font-size: 16px; color: #000; text-align: center; overflow: hidden; transition: all .25s linear;}
.tag-list li a:hover { background-color: #508274; color: #fff;}

/* hot-wz */
.hot-wz {}
.hot-wz a { display: block; width: 280px; height: 178px; position: relative;}
.hot-wz a .bg { position: absolute; left: 0; top: 0; width: 100%; height: 178px; background: linear-gradient(to bottom, rgba(0,0,0, 0) 50%, rgba(0, 0, 0, .5) 100%);}
.hot-wz a .bg h3 { position: absolute; bottom: 10px; padding: 0 20px; font-size: 16px; line-height: 24px; color: #fff;}
/* hot-tw-list */
.hot-tw-list li { max-height: 64px; margin-top: 30px; overflow: hidden;}
.hot-tw-list li .img-block { float: left; width: 100px; height: 64px; margin-right: 15px;}
.hot-tw-list li h3 { padding-top: 6px; max-height: 52px; overflow: hidden; font-size: 16px; line-height: 26px;}
/* text-list */
.text-list li { height: 34px; line-height: 34px; overflow: hidden;}
.text-list li .ico-dot { float: left; width: 5px; height: 5px; border-radius: 50%; background-color: #bbb; margin: 15px 10px 0 0;}
.text-list li a { font-size: 16px;}
.text-list li .time { float: right; color: #999; margin-left: 10px;}
/* fw-list */
.fw-list { font-size: 14px; position: relative; padding: 20px 0 0 120px;}
.fw-list dt { position: absolute; left: 0; top: 20px; line-height: 32px; color: #999;}
.fw-list dd { position: relative; padding: 0 30px 15px 0; overflow: hidden; border-bottom: 1px dotted #eee;}
.fw-list dd .i-hd1 { position: absolute; top: 13px; right: 0; cursor: pointer; transition: all .15s linear;}
.fw-list dd .h32 { height: 32px; overflow: hidden;}
.fw-list dd .s-h { overflow: hidden;}
.fw-list dd a { float: left; line-height: 32px; margin-right: 25px;}
.fw-list dd.all .i-hd1 { transform: rotate(180deg);}
/* shaixuan-list */
.shaixuan-shadow { padding: 10px 30px; background-color: #fff; box-shadow: 0 3px 8px rgba(0,0,0, .1);}
.shaixuan-list { padding: 13px 0 13px 80px; position: relative; line-height: 36px; font-size: 14px; border-bottom: 1px dotted #eee;}
.shaixuan-list .title { position: absolute; left: 0; top: 13px; color: #bbb;}
.shaixuan-list .sx-term { height: 36px; overflow: hidden; position: relative;}
.shaixuan-list .sx-term .i-med59 { position: absolute; top: 10px; right: 0; z-index: 100; cursor: pointer;}
.shaixuan-list .h-all { position: relative;}
.shaixuan-list a { float: left; margin-right: 30px; position: relative;}
.shaixuan-list a .arrow { position: absolute; left: 50%; bottom: 0; margin-left: -6px; border-bottom-style: solid; border-bottom-color: #f8f8f8; display: none;}
.shaixuan-list a.cur { color: #508274; font-weight: 600;}
.shaixuan-list a.cur .arrow { display: block;}
.yixuan-list a { padding: 0 10px; background-color: #f8f8f8; font-size: 16px; color: #000; margin-right: 15px;}
.yixuan-list a .i-med60 { float: right; margin: 14px 0 0 20px;}
.show-all .sx-term .i-med59 { transform: rotate(180deg);}
.shaixuan-list .erji-bar { position: absolute; left: 0; right: 0; z-index: 50; display: none; background-color: #f8f8f8; padding: 12px 0 12px 80px;}

/* wt-title */
.wt-title { padding-bottom: 25px; border-bottom: 1px solid #f0f0f0;}
.wt-title h1 { font-size: 18px; line-height: 24px; color: #000}
.wt-title .det-info { height: 30px; line-height: 30px; color: #999; margin-top: 30px;}
.wt-title .det-info span { float: left;}
.wt-title .det-info .line { float: left; width: 1px; height: 12px; background-color: #eaeaea; margin: 9px 20px 0;}
.wt-title .det-info .share-bar { float: right; position: relative;}
.wt-title .det-info .share-bar span { margin-right: 5px;}
.wt-title .det-info .share-bar .i-med23 { float: left; cursor: pointer;}
.wt-title .det-info .share-bar .share-pop { position: absolute; left: 50%; bottom: 45px; width: 296px; height: 40px; padding: 25px 0; background-color: #fff; box-shadow: 0 2px 20px rgba(0,0,0, .1); text-align: center; margin-left: -126px; display: none;}
.wt-title .det-info .share-bar .share-pop .ico-media { margin: 0 3px; cursor: pointer;}
.share-pop .share-qzone { background-position: 0 -30px;}
.share-pop .share-qq { background-position: -50px -30px;}
.share-pop .share-weixin { background-position: -100px -30px;}
.share-pop .share-sina { background-position: -150px -30px;}
.wt-title .det-info .share-bar .share-pop .icon-jt { position: absolute; left: 50%; bottom: -20px; font-size: 0; width: 0; height: 0; line-height: 0; display: inline-block; vertical-align: -2px; border: 0 dashed transparent; border-width: 10px; border-top-style: solid; border-top-color: #fff; margin-left: -10px;}
/* zj-da-bar */
.zj-da-bar { padding: 40px 0;}
.zj-da-bar .da-tit { height: 30px; line-height: 30px;}
.zj-da-bar .da-tit .i-med61 { float: left; margin: 1px 12px 0 0;}
.zj-da-bar .da-tit strong { float: left; font-size: 24px; color: #000;}	/**/
.fenxi-bar { margin-top: 35px;}
.fenxi-bar .tip { display: block; font-size: 18px; line-height: 24px; color: #000;}
.fenxi-bar p { font-size: 16px; line-height: 28px; color: #666; margin-top: 20px;}
.fenxi-bar cite { display: block; border-left: 4px solid #f5f5f5; padding: 5px 0 5px 30px; font-style: normal; font-size: 14px; line-height: 22px; color: #999; margin-top: 25px;}
.fenxi-bar cite b { display: block; color: #666; margin-bottom: 12px;} 	/**/
.l-jd-lr { float: left; line-height: 20px; font-size: 14px; color: #bbb; padding: 10px 0;}
.l-jd-lr .i-med62 { float: left; margin: 2px 8px 0 0;}
.l-jd-lr a { margin: 0 10px;}
.l-jd-lr a:hover { text-decoration: underline;}
.h20 .l-jd-lr { padding: 0;}	/* zan */
.zan { cursor: pointer;}
.zan .i-med22 { float: left; margin: 3px 20px 0 0;}
.zan em { font-size: 40px; line-height: 40px;}
.zan-click .i-med22 { background-position: -90px -185px;}
.zan-click em { color: #ea5f2f;}
/* hd-lawyer-bar */
.hd-lawyer-bar { background-color: #f8f8f8; padding: 25px 30px;}
.hd-lawyer-bar .lr-photo { float: left; width: 60px; height: 60px; margin-right: 20px;}
.hd-lawyer-bar .lr-photo img { display: block; width: 100%; height: 100%; border-radius: 50%;}
.hd-lawyer-bar h4 { height: 20px; padding-top: 6px;}
.hd-lawyer-bar h4 a { font-size: 16px; color: #000;}
.hd-lawyer-bar .info { color: #999; margin-top: 12px;}
.hd-lawyer-bar .info span { float: left;}
.hd-lawyer-bar .info .line { float: left; width: 1px; height: 12px; background-color: #ddd; margin: 4px 18px 0;}
/* wd-list */
.wd-list { padding: 40px 0 10px;}
.wd-list h3 { line-height: 24px; font-size: 18px; color: #000; margin-bottom: 25px;}
.wd-list h3 .ico-media { float: left; margin-right: 14px;}
.wd-list p { padding-left: 55px; font-size: 16px; line-height: 28px; color: #666;}
/* tag-dq-lawyer */
.tag-dq-lawyer {}
.tag-dq-lawyer a { float: left; padding: 0 12px; line-height: 36px; background-color: #f0f0f0; transition: all .25s linear; font-size: 14px; color: #bbb; margin: 0 10px 10px 0;}
.tag-dq-lawyer a:hover { background-color: #508274; color: #fff;}
/* lr-list */
.lr-list {}
.lr-list li { height: 80px; margin-top: 30px;}
.lr-list li .img-block { float: left; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin-right: 20px;}
.lr-list li h3 { font-size: 18px; height: 20px; overflow: hidden; padding: 5px 0 3px;}
.lr-list li p { font-size: 14px; line-height: 30px; color: #333; height: 26px; overflow: hidden;}
.lr-list li p span { color: #bbb;}
/* lr-tuijian-list */
.lr-tuijian-list {}
.lr-tuijian-list li { height: 185px; padding: 30px 0; border-bottom: 1px dotted #eee; font-size: 14px; color: #bbb;}
.lr-tuijian-list li .img-block { float: left; width: 150px; height: 185px; margin-right: 20px;}
.lr-tuijian-list li h3 { height: 30px; line-height: 30px; font-size: 24px; margin-bottom: 5px;}
.lr-tuijian-list li .info, .lr-tuijian-list li p { height: 32px; line-height: 32px; overflow: hidden;}
.lr-tuijian-list li .info span {}
.lr-tuijian-list li .info span em { color: #333;}
.lr-tuijian-list li .info .line { display: inline-block; width: 1px; height: 12px; background-color: #e8e8e8; margin: 10px 15px 0;}
.lr-tuijian-list li p em { color: #666;}
.lr-tuijian-list li .btn-bar { height: 42px; margin-top: 10px;}
.lr-tuijian-list li .btn-bar .btn { float: left; height: 40px; line-height: 40px; margin-right: 10px;}

/* popup-tel */
.popup-k { position: fixed; left: 50%; top: 50%; z-index: 1002; width: 450px; height: auto; background-color: #fff; box-shadow: 0 3px 20px rgba(0,0,0, .35); margin: -178px 0 0 -225px; text-align: center; display: none; padding-bottom: 50px;}
.popup-k .pop-close { position: absolute; top: 30px; right: 30px; cursor: pointer;}
.popup-tel strong { display: block; line-height: 40px; font-size: 30px; color: #508274; margin-bottom: 8px; padding-top: 60px;}
.popup-tel p { font-size: 14px; color: #bbb;}
.popup-tel img { margin: 25px 0 5px;}
/* 2018-04-19 */
.lawyer-anli { position: relative; width: 320px;}
.lawyer-anli-bar { position: absolute; width: 240px; line-height: 32px; overflow: hidden; left: 70px; top: 0;}
.lawyer-anli-bar p { width: 240px; height: 32px; overflow: hidden;}

/*2018-04-28  by:付加彭  给亲办案例的字体颜色要与内容的字体颜色区分开*/
.lawyer-anli-bar p a { color: #000000;}

.btn-red{top: 13px;right: 0;width: 88px;height: 32px;border-radius: 50px;background-color: #ec3b3b;border-color: #fff0;float: right;}
.btn-red:hover{border-color: #f66a6a;background-color: #f66a6a; width: 88px;height: 32px;border-radius: 50px;}
.btn-red::before{ display: none;}


/* HLX-1722 LJ 2021-08-20 */
/**/
.tj-item .bg a.btn { color: #fff; height: 26px; line-height: 28px; width: 70px; font-size: 12px; margin-top: -4px; }
.tj-item .bg a.btn:hover { text-decoration: none; }
.tj-item .bg p { margin-bottom: 20px; }
/* lr-list */
.lr-list li { position: relative; }
.lr-list .btn { position: absolute; top: 0; right: 0; width: 70px; height: 26px; line-height: 28px; font-size: 12px; }
.lr-list li .tit { max-width: 108px; }
.lr-list li .img-block { margin-right: 16px; }


/* HLX-2001 LJ 2021-09-02 */
.hd-lawyer-bar .btn { margin-top: 18px; width: 70px; height: 26px; line-height: 28px; font-size: 12px; }
