﻿.w800 { width: 800px; }
.w310 { width: 310px; }

/* icon */
.ico-ts { 
	display: inline-block; vertical-align: middle; margin-top: -3px;
	background: url('/images/ico-ts.png') no-repeat;
}
.i-ts21 { width: 12px; height: 12px; background-position: -150px -110px; }


/* speciality-banner */
.speciality-banner { height: 353px; position: relative; z-index: 100; }
.speciality-banner .ban-img { height: 353px; overflow: hidden; position: relative; }
.speciality-banner .ban-img img { position: absolute; left: 50%; top: 0; margin-left: -960px; }

/* ban-type */
.ban-type { 
	position: absolute; top: 208px; left: 50%; margin-left: -600px; 
	width: 1200px; height: 115px; background-color: #fff; background: rgba(255,255,255, .75); border-radius: 2px;
}
	/**/
.ban-type .type-one { padding: 25px 0 5px; }
.ban-type .type-one li { float: left; width: 10%; line-height: 22px; margin-bottom: 20px; position: relative; }
.ban-type .type-one li:after { position: absolute; top: 4px; right: 0; width: 1px; height: 14px; background-color: #bbb; content: ''; }
.ban-type .type-one li.br0:after { background: transparent; }
.ban-type .type-one li span { display: block; text-align: center; border-radius: 11px; line-height: 22px; margin: 0 15px; cursor: pointer; }
	/**/
.ban-type .type-two { position: absolute; left: 0; top: 100%; width: 1200px; background-color: #fff; box-shadow: 0 2px 20px 0 rgba(0,0,0, .06); }
.ban-type .type-two ul { padding: 20px 15px; overflow: hidden; }
.ban-type .type-two a { float: left; color: #999; line-height: 32px; margin: 0 15px; }
.ban-type .type-two a:hover { color: #0057ff; }
	/**/
.ban-type .type-one li.cur span, .ban-type .type-one li span:hover { background-color: #0057ff; color: #fff; }


/* nav-f24 */
.nav-f24 { font-size: 24px; line-height: 30px; height: 30px; padding: 35px 0 25px; }
.nav-f24 .mlr10 { margin: 0 10px; }


/* lr-show */
.lr-show .name { height: 30px; line-height: 30px; overflow: hidden; }
.lr-show .name a { font-size: 24px; margin-right: 15px; }
.lr-show .name span { color: #bbb; margin-right: 30px; }
.lr-show .help { color: #666; height: 20px; overflow: hidden; }
.lr-show .info { color: #999; line-height: 24px; height: 48px; overflow: hidden; }
.lr-show .tel { font-size: 24px; }
.lr-show .site { font-size: 12px; color: #bbb; }
.lr-show .btn { 
	position: absolute; right: 30px; bottom: 60px; 
	width: 76px; height: 24px; line-height: 24px; visibility: hidden; opacity: 0; 
}
.lr-show:hover { box-shadow: 0 2px 20px 0 rgba(0,0,0, .06); }
.lr-show:hover .btn { visibility: visible; opacity: 1; }
	/*lr-show-w580*/
.lr-show-w580 { 
	float: left; width: 580px; height: 500px; background-color: #fff; border-radius: 2px; 
	margin-right: 40px; margin-bottom: 40px; position: relative;
}
.lr-show-w580 img { display: block; width: 100%; height: 243px; }
.lr-show-w580 .pad { padding: 25px 30px; }
.lr-show-w580 .help { margin-top: 12px; }
.lr-show-w580 .info { margin: 10px 0 22px; }
.lr-show-w580 .tel { font-size: 24px; }
.lr-show-w580 .site { margin-top: 15px; }
	/* lr-show-h180 */
.lr-show-h180 { height: 130px; padding: 25px 340px 25px 180px; background-color: #fff; border-radius: 2px; margin-bottom: 20px; position: relative; }
.lr-show-h180 .img-block { position: absolute; left: 30px; top: 30px; width: 120px; height: 120px; }
.lr-show-h180 .help { margin: 12px 0 10px; }
.lr-show-h180 .site { position: absolute; top: 18px; right: 30px; }
.lr-show-h180 .tel { position: absolute; top: 80px; right: 30px; }
.lr-show-h180 .btn { position: absolute; bottom: 30px; right: 30px; }


/* hot-tag-bar */
.hot-tag-bar {}
.hot-tag-bar .un-ovh { height: 116px; overflow: hidden; }
.hot-tag-bar .un-nr {}
.hot-tag-bar .un-nr a { 
	float: left; line-height: 48px; padding: 0 20px; background-color: #fff; border-radius: 2px;
	font-size: 16px; color: #666; margin: 0 10px 10px 0;
}
.hot-tag-bar .un-nr a:hover { color: #0057ff; box-shadow: 0 2px 20px 0 rgba(0,0,0, .06); }


/* lawyer-huifu */
.lawyer-huifu .hf-list { padding: 27px 0 30px; }
.lawyer-huifu h3 { font-size: 20px; line-height: 24px; height: 24px; overflow: hidden; }
.lawyer-huifu p { color: #999; line-height: 24px; height: 48px; overflow: hidden; margin: 11px 0 24px; }
.lawyer-huifu .hf-lr { height: 40px; line-height: 40px; overflow: hidden; }
.lawyer-huifu .hf-lr .photo { float: left; margin-right: 15px; }
.lawyer-huifu .hf-lr .photo img { float: left; width: 40px; height: 40px; border-radius: 50%; position: relative; }
.lawyer-huifu .hf-lr .photo .z3 { z-index: 3; }
.lawyer-huifu .hf-lr .photo .z2 { z-index: 2; margin-left: -10px; }
.lawyer-huifu .hf-lr .photo .z1 { z-index: 1; margin-left: -10px; }
.lawyer-huifu .hf-lr span { font-size: 12px; color: #999; }


/* zhishi-list */
.zhishi-list { margin-top: 8px; }
.zhishi-list dt { height: 64px; margin-bottom: 18px; }
.zhishi-list dt .img-block { float: left; width: 96px; height: 60px; margin: 4px 20px 0 0; }
.zhishi-list dt .tit { display: block; font-size: 16px; height: 40px; overflow: hidden; }
.zhishi-list dt .info { height: 20px; overflow: hidden; margin-top: 2px; }
.zhishi-list dt .info span { float: left; font-size: 12px; color: #bbb; }
.zhishi-list dt .info span .i-ts21 { margin-right: 5px; }
.zhishi-list dd { line-height: 36px; height: 36px; overflow: hidden; }


/* fuwu-tab */
.fuwu-tab {}
.fuwu-tab .tab-tit {}
.fuwu-tab .tab-tit .nv-tag { 
	float: left; font-size: 18px; margin-right: 35px;
	padding-bottom: 10px; border-bottom: 4px solid transparent; }
.fuwu-tab .tab-tit .nv-tag:hover { color: #333; }
.fuwu-tab .tab-tit .cur { font-weight: 600; border-bottom-color: #0057ff; }
	/**/
.fuwu-tab .un-pr { position: relative; height: 72px; margin-top: 8px; }
.fuwu-tab .unfold-bar { position: absolute; padding-right: 50px; }
.fuwu-tab .un-ovh { height: 72px; overflow: hidden; } 
.fuwu-tab .un-ovh .un-nr { overflow: hidden; }
.fuwu-tab .un-ovh a { 
	float: left; color: #bbb; line-height: 36px; white-space: nowrap; margin-right: 20px; 
	-webkit-transition: all .2s linear; transition: all .2s linear; 
}
.fuwu-tab .un-btn { position: absolute; top: 6px; right: 0; color: #999; line-height: 24px; cursor: pointer; }
.fuwu-tab .un-btn .i-top3 { margin: -2px 0 0 10px; }
.fuwu-tab .show .un-btn .i-top3 { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.fuwu-tab .hidden { opacity: 0; }

/*2018-05-25 定位样式*/
.type-one li.show span { background-color: #0057ff;  color: #fff;}
.type-two li a.show { color: #0057ff; }