@charset "utf-8";

/*about zyr

 * 法律-顶泰案例

 * 2017/7/12

  */

 /*页面公用 end*/

.case-box{

	min-width: 1200px;

	overflow: hidden;

}

/*页面公用 start*/

/*当前位置 start*/

.box1{background: #f3f3f3;}

.current-address {

	font-size: 14px;

	color: #999;

	line-height:40px;

	overflow: hidden;

}

.main-icon{

	width: 12px;

	height: 14px;

	background: url(/templets/default/images/main-icon.png) no-repeat;

	position: relative;

	top:1px;

	margin: 0 5px;

}

.current-address>a:hover {color: #a77629;}

.current-address>.line {margin: 0 3px;}

.current-address>.now {color: #a77629;}

/*当前位置 end*/

/*类型tab start*/

.casetab-nav{

	width: 100%;

	padding: 20px 0;

	text-align: left;

	overflow: hidden;

	border-bottom: 1px solid #e5e5e5;

}

.casetab-nav span{

	float: left;

	font-size: 14px;

	color: #666;

	line-height: 30px;

}

.casetab-list{

	overflow: hidden;

	float: left;

}

.casetab-list li{

	float: left;

	margin-left: 20px;

}

.casetab-list li a{

	 /*display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	width: 70px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	color: #666;

}

.casetab-list .case-active a{

	background: #d19331;

	color: #fff;

}

.casetab-list li a:hover{

	background: #d19331;

	color: #fff;

}

/*类型tab end*/

/*列表 start*/

.case-list,.case-list li{

	width: 100%;

}

.case-list li a{

	overflow: hidden;

	width: 100%;

	padding: 20px 0;

	border-bottom:1px solid #e5e5e5 ;

	 -webkit-transition: all 0.6s ease-in;

    -moz-transition: all 0.6s ease-in;

    -ms-transition: all 0.6s ease-in;

    -o-transition: all 0.6s ease-in;

    transition: all 0.6s ease-in;

    position: relative;

}

.case-list li:last-child a{border-bottom: none !important;}

.line-case{

	width: 0;

	height: 2px;

	background: #a77629;

	position: absolute;

	left: 0;

	bottom: 0;

	-webkit-transition: width .7s ease-in-out;

	-moz-transition: width .7s ease-in-out;

	-ms-transition: width .7s ease-in-out;

	-o-transition: width .7s ease-in-out;

	transition: width .7s ease-in-out;

}

.case-list li:hover .line-case{

	width: 100%;

}

.case-list li:hover a{border-color: transparent;}

.case-img{

	width: 260px;

	height: 140px;

	overflow: hidden;

	margin-right: 20px;

	background: #f6f3f3;

}

.case-img img{

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	width: 100%;

	-webkit-transition: all .7s;

	-moz-transition: all .7s;

	-ms-transition: all .7s;

	-o-transition: all .7s;

	transition: all .7s;

}

.case-text{

	width: 675px;

	text-align: left;

}

.case-text h3{

	font-size: 18px;

	color: #333;

	line-height: 46px;

	text-overflow: ellipsis; 

	white-space: nowrap; 

	overflow: hidden; 

}

.case-text p{

	font-size: 14px;

	color: #666;

	line-height:24px;

	margin: 3px 0 11px;

	height: 48px;

	overflow:hidden; 

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2; 

	word-break:break-all; /*支持IE，chrome，FF不支持*/

	word-wrap:break-word;/*支持IE，chrome，FF*/

}

.case-text p font{

	color: #333;

}

.case-text span{

	font-size: 16px;

	color: #adadad;

	line-height:18px;

}

.look-btn{

	width: 98px;

	text-align: center;

	height: 34px;

	line-height: 34px;

	border-radius: 2px;

	border: 1px solid #a77629;

	color: #a77629;

	font-size: 14px;

	margin-top: 50px;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

}

.look-btn:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #a77629;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

.case-list li:hover .look-btn:before{

	-webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.case-list li a:hover >span{color: #fff;}

.case-list li:hover img{

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-ms-transform: scale(1.15);

	-o-transform: scale(1.15);

	transform: scale(1.15);

}

.case-list li:hover h3{color: #a77629;}

/*列表 end*/

/*分页 start*/

.page-box{

	width: 640px;

	margin: 25px auto 50px;

	overflow: hidden;

}

.page-box a,

.page-box input{

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	text-align: center;

	height: 34px;

	

	font-size: 14px;



	

	-webkit-transition: all .3s linear;

	-moz-transition: all .3s linear;

	-o-transition: all .3s linear;

	-ms-transition: all .3s linear;

	transition: all .3s linear;

}

.page-box .prev-page,

.page-box .next-page{

	color: #ccc;

	width: 68px;

}

.prev-page.end-page{

	width: 50px;

	margin-right: 6px;

}

.page-box .prev-page:hover,

.page-box .next-page:hover{

	border-color: #d19331;

	color: #d19331;

}

.page-box i{

	width: 6px;

	height: 9px;

	background-position: 0 -31px;

}

.main-icon.main-icon3{

	background-position:0 -40px ;

}

.page-box>a:hover i{

	background-position:-6px -40px ;

}

.page-box>a:hover .main-icon.main-icon3{

	background-position:-6px -31px ;

}

.page-box span{

	float: left;

	margin: 0 2px 0 5px;

	overflow: hidden;

}

.page-box span>a{

	border-left: none;

	width: 35px;

	color: #333;

}

.page-box span .cur{

	background: #d19331;

	color: #fff;

	border:1px solid #d19331;

}

.page-box span a:hover{

	background: #d19331;

	color: #fff;

	border-color: #d19331;

}

.page-box span>a:first-child{

	border-left: 1px solid #ccc;

}

.page-box font{

	font-size: 12px;

	color: #aaa;

	line-height: 34px;

	padding:0 7px;

	float: left;

}

.page-box input{

	width: 35px;

	color: #333;

}

.page-box .page-btn{

	width: 58px;

	color: #333;

}

.page-box .page-btn:hover{

	background: #d9a42d;

	color: #fff;

	border-color: #d9a42d;

}

/*分页 end*/

/*列表 详情 start*/

.detail-box{

	width: 100%;

	text-align: center;

	overflow: hidden;

	padding-bottom: 25px;

}

.detail-bd{

	padding: 0 70px;

	width: 1060px;

}

.detail-bd h4{

	font-size: 24px;

	color: #000;

	padding: 29px 0 14px;

	line-height: 26px;

}

.source-text span{

	font-size: 14px;

	line-height: 16px;

	color: #666;

	padding: 0 25px;

}

.source-text span font{

	color: #a77629;

}

.detail-text{

	width: 100%;

	text-align: left;

	padding-top: 9px;

}

.detail-text p{

	font-size: 14px;

	color: #666;

	line-height: 24px;

	padding-bottom: 10px;

}

.detail-text p span{

	font-size: 20px;

	color: #666;

	-color: #a77629;

}

.detail-text p b{

	font-size: 18px;

	color: #333;

	font-weight: normal;

}

.detail-text p font{

	font-size: 16px;

	color: #666;

}

.law-img{

	padding: 20px 0;

	width: 100%;

	text-align: center;

}

.law-img img{

	display: inline-block;

	width: 100%;

	vertical-align: middle;

}

.turn-text a{

	font-size: 14px;

	line-height: 24px;

	color: #333;

}

.turn-text a:hover{

	text-decoration: underline;

	color: #d19331;

}

.bdsharebuttonbox{

	margin-top: 5px;

}

/*列表 详情 end*/

/*律师团队列表 start*/

.team-box2{

	padding:23px 0 40px;

	background: #fff;

	margin-bottom: 30px;

}

.team-list{

	padding:0 10px 0 30px;

	width: 1160px;

	overflow: hidden;

}

.team-list li{

	width: 265px;

	float: left;

	margin:0 24px 20px 0;

	text-align: left;

	overflow: hidden;

	-webkit-transition: all .6s;

	-moz-transition: all .6s ;

	-o-transition: all .6s ;

	-ms-transition: all .6s;

	transition: all .6s ;

}

.team-img{

	width: 265px;

	height: 265px;

	overflow: hidden;

}

.team-img img{

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	width: 100%;

	-webkit-transition: all .6s;

	-moz-transition: all .6s ;

	-o-transition: all .6s ;

	-ms-transition: all .6s;

	transition: all .6s ;

}

.team-text{

	width: 227px;

	padding: 0 18px;

	border: 1px solid #dcdcdc;

	height: 161px;

	border-top: none;

	overflow: hidden;

	-webkit-transition: all .3s;

	-moz-transition: all .3s ;

	-o-transition: all .3s ;

	-ms-transition: all .3s;

	transition: all .3s ;

}

.name-text{

	font-size: 18px;

	overflow: hidden;

	line-height: 34px;

	padding-top: 11px;

	border-bottom: 1px solid #e9e9e9;

}

.name-text span{

	float: left;

	font-weight: bold;

}

.name-text font{

	float: right;

	font-size: 16px;

}

.js-text{

	text-align: left;

	font-size: 14px;

	line-height: 20px; 

	height: 40px;

	margin: 6px 0 15px;

	overflow:hidden; 

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2; 

	word-break:break-all;

	word-wrap:break-word;

}

.move-box p{

	color: #232323;

	width: 100%;

}

.team-list li:hover{

	box-shadow: 0 0 15px rgba(0,0,0,0.25);

}

.team-list li:hover img{

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

	

}

.team-list li:hover .team-text{

	background: #d9a42d;

}

.team-list li:hover .team-text p,

.team-list li:hover .team-text a{

	color: #fff;

}

.team-list li:hover .team-text p{

	border-color:#e6c375 ;

}

/*按钮 start*/

.zx-btn{

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	text-align: center;

	width: 98px;

	height: 31px;

	line-height: 31px;

	border-radius: 3px;

	border: 1px solid #d9a42d;

	background:transparent;

	font-size: 14px;

	color: #d9a42d;

	-webkit-transition: all .4s;

	-moz-transition: all .4s ;

	-o-transition: all .4s ;

	-ms-transition: all .4s;

	transition: all .4s;

}

/*按钮 end*/

.team-list li:hover .team-text a{

	border-color:#f1deb3 ;

}

.team-list li .team-text a:hover{

	background: #755815;

	border:1px solid  #755815;

	color: #fff;

}

/*律师团队列表 start*/ 

/*律师详情 start*/

.lawyer-box{

	padding: 28px 30px;

	width: 1120px;

	overflow: hidden;

	margin: 0 auto;

}

.lawyer-img{

	width: 360px;

	margin-right: 35px;

}

.lawyer-img img{

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	width: 360px;

	height:360px;	

	max-width: 360px;

	max-height:360px;

	margin-bottom: 8px;

}

.lawyer-input{

	width:358px ;

	border: 1px solid #d9a42d;

	overflow: hidden;

}

.lawyer-input input{

	width: 226px;

	padding-left: 10px;

	text-align: left;

	height:41px ;

	line-height: 41px;

	border: none;

}

.lawyer-input button{

	width: 122px;

	height: 41px;

	line-height: 41px;

	text-align: center;

	font-size: 14px;

	font-size: 14px;

	color: #1e1d26;

	background: #d9a42d;

}

.lawyer-input button:hover{

	filter:alpha(opacity=90);       /* IE */

	-moz-opacity:0.9;              /* 老版Mozilla */

	-khtml-opacity:0.9;              /* 老版Safari */

	opacity: 0.9;

}

.lawyer-text{

	width: 725px;

	text-align: left;

	padding-top: 35px;

}

.lawyer-text b{

	display: block;

	font-size: 24px;

	color: #a87628;

	line-height: 26px;

	padding-bottom: 24px;

}

.lawyer-text b span{

	margin-right: 44px;

}

.lawyer-text p{

	text-align: left;

	font-size: 14px;

	color: #232323;

	overflow: hidden;

	padding-bottom:30px;

	font-weight: bold;

}

.lawyer-text p font,

.lawyer-text p span{float: left;}

.lawyer-text p span{

	font-weight: normal;

	width: 630px;

	max-width: 630px;

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	line-height:24px;

}

/*律师详情 end*/

/*相关文章 start*/

.correlation-box{

	width: 100%;

	padding-bottom: 20px;

}

.correlation-box h4{

	font-size: 18px;

	color: #333;

	line-height: 20px;

	border-left: 3px solid #004b92;

	padding-left: 10px;

	margin-bottom: 10px;

}

.correlation-text{

	width: 100%;

	overflow: hidden;

}

.correlation-text a{

	display: block;

	float: left;

	width:500px ;

	font-size: 14px;

	color: #666;

	line-height: 35px;

	height: 35px;

	margin-right: 100px;

	text-align: left;

	text-overflow: ellipsis; 

	white-space: nowrap; 

	overflow: hidden; 

}

.correlation-text a:hover{color: #d19331;text-decoration: underline;}

/*相关文章  end*/