@charset "utf-8";
/*about zyr
 * 内容：法律首页改版
 * 2017-7-12
 */
/*页面公用 end*/
.animated {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.tt-box{
	width:1185px;
	margin: 0 auto 20px;
	padding:60px 0 10px 15px;
	border-bottom:1px solid #666 ;
	overflow: hidden;
	position: relative;
}
.tt-box span{
	font-size:26px;
	color: #f4284a;
	line-height: 32px;
	font-weight: bold;
}
.tt-box font{
	width: 4px;
	height: 26px;
	background:#f4284a;
	position: absolute;
	left: 0;
	bottom: 11px;
}
.more-text{
	position: absolute;
	font-size: 16px;
	line-height:18px;
	color: #666;
	right: 0;
	bottom: 10px;
}
.more-text:hover{
	text-decoration: underline;
}
.tt-box .corlorfff{*color: #fff;}
.tt-box font.corlorfff{*background: #fff;}
.backgoundf5{background: #f5f5f5;}
/*页面公用 end*/
/*服务领域 start*/
.serve-box{
	position: relative;
	overflow: hidden;
}
.serve-list{
	width:100%;
	overflow: hidden;
	margin-top: 20px;
	border-top: 2px solid #2a6ac2;
	background: #fff;
}
.serve-list li{
	width: 300px;
	height:199px ;
	text-align: center;
	float: left;
	background: #fff;
	border-bottom :1px solid #ededed;
	border-left: 1px solid #ededed;
	position: relative;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden;
}
.serve-list li a{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1; 
	width: 100%;	
	height: 200px;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
}
.serve-icon{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1; 
	width: 65px;
	height: 65px;
	background: url(../images/serve-icon_03.png) no-repeat;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	-ms-transition: all 1s linear;
	transition: all 1s linear;
}
.serve-icon.serve-icon2{background-position: -65px 0;}
.serve-icon.serve-icon3{background-position: -130px 0;}
.serve-icon.serve-icon4{background-position: -195px 0;}
.serve-icon.serve-icon5{background-position: -260px 0;}
.serve-icon.serve-icon6{background-position: -325px 0;}
.serve-icon.serve-icon7{background-position: -390px 0;}
.serve-icon.serve-icon8{background-position: -455px 0;}
.serve-icon.serve-icon9{background-position: -520px 0;}
.serve-icon.serve-icon10{background-position: -585px 0;}
.serve-list li i{
	margin: 50px 0 11px;
}
.serve-list li p{
	font-size: 16px;
	line-height: 18px;
	color: #333;
}
.serve-list li .top-a{background-color: #fff;}
.serve-list li .bottom-a{
	background-color: #2a6ac2;
	filter:alpha(opacity=0);       /* IE */
	-moz-opacity:0;              /* 老版Mozilla */
	-khtml-opacity:0;              /* 老版Safari */
	opacity: 0;
}
.serve-list li .bottom-a i{
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1)
}
.serve-list li .bottom-a .serve-icon.serve-icon1{background-position: 0 -65px;width: 57px;}
.serve-list li .bottom-a .serve-icon.serve-icon2{background-position: -65px -65px;height: 62px;}
.serve-list li .bottom-a .serve-icon.serve-icon3{background-position: -127px -65px;}
.serve-list li .bottom-a .serve-icon.serve-icon4{background-position: -195px -65px;}
.serve-list li .bottom-a .serve-icon.serve-icon5{background-position: -263px -65px;width: 60px;}
.serve-list li .bottom-a .serve-icon.serve-icon6{background-position: -325px -65px;}
.serve-list li .bottom-a .serve-icon.serve-icon7{background-position: -390px -65px;}
.serve-list li .bottom-a .serve-icon.serve-icon8{background-position: -455px -65px;}
.serve-list li .bottom-a .serve-icon.serve-icon9{background-position: -520px -65px;}
.serve-list li .bottom-a .serve-icon.serve-icon10{background-position: -585px -65px;}
.serve-list li .bottom-a p{
	color: #fff;
}
.serve-list .active-li a.bottom-a i{
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.serve-list li:hover .bottom-a i{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
}
.serve-list li:hover .top-a i{
	transform: scale(3);
	-webkit-transform: scale(3);
	-o-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
}
.serve-list li.active-li .top-a{z-index: 0;}
.serve-list li.active-li .bottom-a{
	z-index: 1;
	filter:alpha(opacity=1);       /* IE */
	-moz-opacity:1;              /* 老版Mozilla */
	-khtml-opacity:1;              /* 老版Safari */
	opacity: 1;
}
.telrefer-box{
	width: 358px;
	height:382px;
	text-align: center;
	background: #2a6ac2;
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 40px;
	z-index: 5;
}
.telrefer-box i{
	width: 29px;
	height: 25px;
}
.telrefer-box p{
	font-size:26px;
	color: #fff;
	line-height:28px;
	text-align: center;
}
.serve-icon.serve-icon11{
	background-position: -60px -130px;    
	position: absolute;
	width: 20px;
    height: 20px;
    top: 1px;
    left: -19px;
    z-index: -1;
}
.serve-icon.serve-icon12{
	background-position: 0 -130px;    
	position:absolute;
	width: 22px;
	height: 22px;
    top: 11px;
    left: 15px;
}
.serve-icon.serve-icon13{
	background-position: -45px -130px;    
	position:absolute;
	width:15px;
	height:26px;
    top: 11px;
    left: 18px;
}
.serve-icon.serve-icon15{
	background-position: -23px -130px;    
	position:absolute;
	width:22px;
	height:25px;
    top: 13px;
    left:15px;
}
.telrefer-box span{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1; 
	font-size: 12px;
	color: #fff;
	line-height: 14px;
	padding: 14px 0 ;
}
.form-input{
	position: relative;
	width:300px ;
	margin: 0 auto;
	border-radius: 4px;
	background: #fff;
	margin-bottom: 10px;
	color: #d1a172;
}
.form-input textarea,
.form-input input{
	width: 230px;
	font-size: 14px;
	/*color: #d1a172;*/
	text-align: left;
	border: none;
	padding:0 20px 0 50px;
	overflow: hidden;
}
.form-input textarea{
	height: 90px;
	line-height: 19px;
	max-height:90px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.form-input input{
	height: 50px;
	line-height: 50px;
}
.telrefer-box button{
	position: relative;
	width:300px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	background: #fab615;
	border-radius:4px;
	color: #fff;
}
.telrefer-box button:hover{
	filter:alpha(opacity=80);       /* IE */
	-moz-opacity:0.8;              /* 老版Mozilla */
	-khtml-opacity:0.8;              /* 老版Safari */
	opacity: 0.8;
}
/*服务领域 end*/
/*标准化服务流程 start*/
.flow-list{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0 0 0;
	background: url(../images/flow-bg.png) no-repeat center 66px;
}
.flow-list li{
	width: 134px;
	float: left;
	text-align: center;
	margin-left: 107px;
}
.flow-list li:first-child{margin-left: 0 !important;}
.flow-list li i{
	width: 130px;
	height: 120px;
	background-position: 0 -252px;
	margin: 0 0 23px;
}
.flow-icon2,.flow-icon1,.flow-icon3,.flow-icon4{
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-moz-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}
	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	60% {
		-webkit-transform: rotate(15deg);
		transform: rotate(-5deg)
	}
}
@-ms-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}
	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	60% {
		-webkit-transform: rotate(15deg);
		transform: rotate(-5deg)
	}
}
@-o-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}
	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	60% {
		-webkit-transform: rotate(15deg);
		transform: rotate(-5deg)
	}
}
@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}
	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	60% {
		-webkit-transform: rotate(15deg);
		transform: rotate(-5deg)
	}
}
@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}
	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	60% {
		-webkit-transform: rotate(15deg);
		transform: rotate(-5deg)
	}
}
.flow-list li .flow-icon2{background-position: -131px -252px;}
.flow-list li .flow-icon3{background-position: -262px -252px;}
.flow-list li .flow-icon4{background-position: -393px -252px;}
.flow-list li .flow-icon5{background-position: -524px -252px;}
.flow-list li span{
	font-size: 20px;
	color: #333;
	line-height: 22px;
}
.flow-list li p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding-top: 10px;
}
/*标准化服务流程 end*/
/*顶泰案例 start*/
.bg-box.bg-box2{
	background: url(../images/case-bg_02.jpg) center bottom no-repeat #f5f5f5;
}
.tt-bg{
	width: 134px;
	height: 168px;
	background: #a87628;
	position: absolute;
	top: 0;
	z-index: 0;
}
.tt-H3.corlorfff{
	padding-left: 58px;
}
.case-list{
	width: 1200px;
	margin: 67px auto 70px;
	overflow: hidden;
	height: 295px;
}
.case-list a{
	display: block;
	width: 460px;	
	height: 58px;
	line-height: 58px;
	text-align: left;
	float: left;
	margin:0 68px;
	text-overflow: ellipsis;
	white-space: nowrap; 
	overflow: hidden; 
	border-bottom: 1px dashed #fff;
	color: #fff;
	font-size: 16px;
}
.case-list a span{
	font-size: 20px;
	color: #fefefe;
	margin-right:7px;
}
.case-list a:hover span{
	filter:alpha(opacity=80);       /* IE */
	-moz-opacity:0.8;              /* 老版Mozilla */
	-khtml-opacity:0.8;              /* 老版Safari */
	opacity: 0.8;	
}
/*顶泰案例 end*/

/*法律常识 start*/
.cs-list{
	width:1210px;
	overflow: hidden;
}
.cs-list li{
	width: 18.8%;
	float: left;
	text-align: left;
	background: #fff;
	margin: 0 10px 10px 0;
	height: 169px;
	border: 2px solid transparent;
	position: relative;
	overflow: hidden;
	box-shadow: inset 0 0 0 0px transparent;
	 -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;
    z-index: 5;
}
.cs-list li:hover{
	border: 2px solid #a77629;
}
.cs-list li:after {
	content: '';
	display: block;
	position: absolute;
}	
.cs-list li:before {
	content: '';
	display: block;
	position: absolute;
}
.cs-list li:after,
.cs-list li:before {
	box-sizing: border-box;
	border: 1px solid transparent;
	width: 0;
	height: 0;
	z-index: -1;
}
.cs-list li:after {
	top: 0;
	left: 0;
	-webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
	transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}

.cs-list li:before {
	bottom: 0;
	right: 0;
	-webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}

.cs-list li:hover:after,
.cs-list li:hover:before {
	width: 100%;
	height: 100%;
}
.cs-list li:hover:after {
	border-top-color: #a77629;
	border-right-color: #a77629;
	-webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
	transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}
.cs-list li:hover:before {
	border-bottom-color: #a77629;
	border-left-color: #a77629;
	-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}	
.cs-list li:last-child:hover:after {
	border-top-color: #a77629;
	border-right-color: #a77629;
	-webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
	transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}
.cs-list li:last-child:hover:before {
	border-bottom-color: #a77629;
	border-left-color: #a77629;
	-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}
.cs-list li em{
	width: 26px;
	height: 24px;
	position: absolute;
	background-position: -82px -128px;
	right: 10px;
	top: 10px;
	opacity: 0;
	filter:alpha(opacity=0);       /* IE */
	-moz-opacity:0;              /* 老版Mozilla */
	-khtml-opacity:0; 
}
.cs-list li:hover em{
	opacity: 100;
	filter:alpha(opacity=1);       /* IE */
	-moz-opacity:1;              /* 老版Mozilla */
	-khtml-opacity:1;  
	animation: hot 0.6s linear ;
    -o-animation: hot 0.6s linear ;
    -webkit-animation: hot 0.6s linear ;
    -moz-animation: hot 0.6s linear ;
    -ms-animation: hot 0.6s linear ;
}
@-webkit-keyframes hot{
  from{
    transform: scale(1.5);
    opacity: 0;    
  }
  to{
    transform:  scale(1);
    opacity: 1;  
  }
}
@-moz-keyframes hot{
  from{
    transform: scale(1.5);    
    opacity: 0;  
  }
  to{
     transform:  scale(1);
     opacity: 1;  
  }
}
@-ms-keyframes hot{
  from{
    transform: scale(1.5);    
    opacity: 0;  
  }
  to{
     transform:  scale(1);
     opacity: 1;  
  }
}
@-o-keyframes hot{
  from{
    transform: scale(1.5);    
    opacity: 0;  
  }
  to{
     transform:  scale(1);
     opacity: 1;  
  }
}
@keyframes hot{
  from{
    transform: scale(1.5);
    opacity: 0;  
  }
  to{
    transform:  scale(1);
    opacity: 1;  
  }
}
.cs-tt{
	padding: 26px 0 10px 20px;
	overflow: hidden;
}
.cs-tt i{
	width: 40px;
	height: 45px;
	background-position: 0 -161px;
	margin: 0 15px 0 0;    
	transition: all .5s linear;
}
.cs-tt .cs-icon2{background-position: -40px -161px;}
.cs-tt .cs-icon3{background-position: -80px -161px;}
.cs-tt .cs-icon4{background-position: -120px -161px;}
.cs-tt .cs-icon5{background-position: -160px -161px;}
.cs-tt .cs-icon6{background-position: -200px -161px;}
.cs-tt .cs-icon7{background-position: -240px -161px;}
.cs-tt .cs-icon8{background-position: -280px -161px;}
.cs-tt .cs-icon9{background-position: -320px -161px;}
.cs-tt .cs-icon10{background-position: -360px -161px;}
.cs-tt p{
	font-size: 20px;
	color: #333;
	padding-right: 20px;
	line-height: 38px ;
	border-bottom: 1px solid #333;
	position: relative;
	-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;
}
.cs-list li:hover p{
	color: #a77629;
	border-color: #a77629;
}
.cs-list li:hover i{background-position: 0 -206px;}
.cs-list li:hover .cs-tt .cs-icon2{background-position: -40px -206px;}
.cs-list li:hover .cs-tt .cs-icon3{background-position: -80px -206px;}
.cs-list li:hover .cs-tt .cs-icon4{background-position: -120px -206px;}
.cs-list li:hover .cs-tt .cs-icon5{background-position: -160px -206px;}
.cs-list li:hover .cs-tt .cs-icon6{background-position: -200px -206px;}
.cs-list li:hover .cs-tt .cs-icon7{background-position: -240px -206px;}
.cs-list li:hover .cs-tt .cs-icon8{background-position: -280px -206px;}
.cs-list li:hover .cs-tt .cs-icon9{background-position: -320px -206px;}
.cs-list li:hover .cs-tt .cs-icon10{background-position: -360px -206px;}
.cs-bd{
	padding:0 10px 0 20px;
	width:88%;
	text-align: left;
}
.cs-bd a{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1; 
	width: 100%;
	font-size: 14px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap; 
	overflow: hidden; 
}
.cs-bd a font{
	font-size: 12px;
	margin-right: 8px;
}
.cs-bd a:hover span{text-decoration: underline;}
/*法律常识 end*/

/*法律文库 start*/
.bg-box3{background:url(../images/wk_02.jpg) center top no-repeat ;}
.bg-box3 .tt-box{border-color: #666;}
.wk-list{
	width: 1210px;
	overflow: hidden;
	padding-bottom: 40px;
}
.wk-list>a{
	width: 590px;
	height: 155px;
	float: left;
	margin: 0 10px 10px 0;
	padding:0 25px 0 20px;
	background: url(../images/webd-bg.png) repeat;
	text-align: left;
	background: #f5f5f5;
    opacity: 4.8;
}
.wk-list>a h4{
	width: 100%;
	font-size: 17px;
	color: #f4284a;
	line-height: 22px;
	text-overflow: ellipsis;
	 white-space: nowrap; 
	 overflow: hidden;
	 padding: 22px 0 15px;
}
.wk-list>a p{
	width: 100%;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	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*/
}
.wk-list>a h4:hover {text-decoration: underline;}
/*法律文库 end*/

/*专业律师团队 start*/
.bg-box4{
	background: url(../images/team-bg_02.jpg) center top repeat-x;
}
.more-icon5{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1; 
	width: 27px;
	height: 40px;
	background: url(../images/public/more.png) no-repeat;
	background-position: -60px 0;
	left: 0;
	position: relative;
	top:12px;
	margin-right: 10px;
}
.picScroll-left{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: 15px;
}
.picScroll-left .bd{
	height:285px;
	width: 100%;
	overflow: hidden;
}
.jp-list{
	width: 100%;
	overflow: hidden;
	/*margin-left: -20px;*/
}
.jp-list li{
	float: left;
	width: 285px;
	height:305px;
	margin-right: 20px;
	cursor: pointer;
}
.jp-list li a{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1; 
	width: 285px;	
	height: 100%;
	overflow: hidden;
	position: relative;
}
.jp-list li img{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1; 
	width: 285px;
	height: 305px;
	max-width:285px;
	max-height:305px ;
	-webkit-transition: all .9s ;
	-moz-transition: all .9s ;
	-o-transition: all .9s ;
	-ms-transition: all .9s ;
	transition: all .9s;
}
.jp-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);
}
.ink{
    display: block;
  	position: absolute;
  	z-index: 999;
  	top: 0;
  	left: 0;
  	background:rgba(0, 0, 0, 0.15);
  	border-radius: 100%;
  	-webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.animate{
	-webkit-animation:ripple 0.85s 200ms linear;
	-moz-animation:ripple 0.85s 200ms linear;
	-ms-animation:ripple 0.85s 200ms linear;
	 -o-animation:ripple 0.85s 200ms linear;
    animation:ripple 0.85s 200ms linear;
}
@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}
/*.jp-list li:first-child{margin-left: 0 !important;}*/
.move-box{
	width: 245px;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: -240px;
	background: url(../images/move-bg_03.png) repeat-x;
	padding:15px 20px 15px  20px;
	text-align: left;
	-webkit-transition: all .6s ;
	-moz-transition: all .6s ;
	-o-transition: all .6s ;
	-ms-transition: all .6s ;
	transition: all .6s;
}
.move-name{
	font-size: 20px;
	overflow: hidden;
	line-height: 22px;
}
.move-name span{
	float: left;
}
.move-name font{
	float: right;
	font-size: 16px;
}
.move-text{
	text-align: left;
	font-size: 14px;
	line-height: 24px; 
	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*/
}
.move-box p{
	color: #fff;
	width: 100%;
}
.move-box .line{
	width: 100%;
	height: 1px;
	background-color: #bfbfbf;
	filter:alpha(opacity=23);       /* IE */
	-moz-opacity:0.23;              /* 老版Mozilla */
	-khtml-opacity:0.23;              /* 老版Safari */
	opacity: 0.23;	
	margin: 5px 0 6px;
}
.jp-list li:hover a .move-box{
	bottom: 0;
}
.picScroll-left .hd{
	width: 100%;
	text-align: center;
	position: relative;
	padding: 35px 0 12px;
}
.picScroll-left .hd ul{
	overflow:hidden ;
	width: 89px;
	margin: 0 auto
}
.picScroll-left .hd ul li{
	width: 9px;
	height: 9px;
	margin-left: 11px;
	float: left;
	border-radius: 50%;
	background: #b5b5b5;
	cursor: pointer;
	font-size: 0;
}
.picScroll-left .hd ul li.on{
	background: #a87628;
}
.picScroll-left .hd ul li:first-child{margin-left: 0 !important;}
/*专业律师团队 end*/
/*走进 start*/
.dt-box{
	position: relative;
}
.dt-box .tt-box{
	padding-top: 40px;
	margin-bottom: 0;
}
.imgListMod01{position: relative;height:540px;}
.imgListMod01 li a{transition: all 0.5s ease 0s; cursor: default;}
.imgListMod01 li .none{ display:none;}
.imgListMod01 img{max-width: none;vertical-align: inherit;}
.imgListMod01 .img, 
.imgListMod01 .img1, 
.imgListMod01 .img2, 
.imgListMod01 .img3, 
.imgListMod01 .img4, 
.imgListMod01 .img5, 
.imgListMod01 .img6, 
.imgListMod01 .img7,
.imgListMod01 .img8, 
.imgListMod01 .img9{
	border-radius: 0px;
	overflow: hidden;
	position: absolute;
}
.imgListMod01 img{
	left: 50%;
	margin: -234px 0 0 -277px;
	position: absolute;
	top: 50%;
}
.slide-Modbox{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.slide-Modbox>.bd{
	overflow: hidden;
	width: 1200px;
	z-index: 0; 
	margin-left:-10px;
}
.slide-Modbox>.bd .imgListMod01{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.imgListMod01 .p1{margin: -295px 0 0 -310px ;}
.imgListMod01 .p2{margin: -260px 0 0 -375px ;}
.imgListMod01 .p3{margin: -188px 0 0 -328px ;}
.imgListMod01 .p4{margin: -230px 0 0 -182px ;}
.imgListMod01 .p5{margin: -225px 0 0 -285px ;}
.imgListMod01 .p6{margin: -340px 0 0 -355px ;}
.imgListMod01 .p7{margin: -292px 0 0 -295px ;}
.imgListMod01 .p8{margin: -320px 0 0 -290px ;}
.imgListMod01 .p9{margin: -318px 0 0 -294px ;}
.imgListMod01 .img{
	width: 165px;
	background: url(../images/team/zw-1.jpg) no-repeat;
	background-size:100% ;
}
.imgListMod01 .img:hover{background: url(../images//team/zw-2.jpg) no-repeat;}
/*走进 end*/




#liuyan{float: left; font-size: 0; margin-top: 25px;}
#liuyan .hang{ float: left; height: 40px; line-height: 40px; margin-right: 30px;}

#liuyan input[type=text]{ width: 180px; height: 38px; border:1px solid #fff;
	 line-height: 38px; text-indent: 12px; font-size: 14px; color: #666;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
#liuyan label{ display: inline-block; width: 50px; font-size: 18px;}
#liuyan textarea{ padding: 10px; height: 140px; border:1px solid #ddd; resize:none;
	vertical-align: top; width: 618px; line-height: 28px; font-size: 14px;}
#liuyan input[type=text]:focus,#liuyan textarea:focus{ border-color: #7f0119; outline: none;}
#liuyan input[type=text],#liuyan textarea{ transition: 0.3s; -moz-transition: 0.3s;
	-ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}

#liuyan i.v{ vertical-align: top; height: 100%;}
#liuyan input[type=text].yzm{ width: 120px; height: 48px; line-height: 48px;}


#liuyan input#tj{ float: left; width: 140px; height: 40px; font-size: 14px; line-height: 40px;
	background-color: #e1b20d; color: #333; padding: 0; cursor: pointer; border: 0 none;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
#liuyan input#tj:hover{ color: #fff;}

.rexian{ float: right; font-size: 18px; line-height: 40px; height: 40px; margin-top: 25px;}
.rexian span{ font-size: 30px; font-weight: bold; vertical-align: middle;    font-style: italic;}
@media screen and (max-width:1200px) {
	.mtop{ padding: 0 20px;}
	.mfooter1 .cer2{ padding: 30px 20px;}
	.mfooter .cer2{ width: auto; padding: 0 20px;}

	.fget .cer2{ width: auto; padding: 0 20px;}
	.rexian{ display: none;}
}
@media screen and (max-width:1100px) {
	.footewm{ display: none;}
	.xiala{ width: 180px; background-position: 150px;}

	.fabone>.f{ width: 100%; float: none;}
	.fabone>.r{ width: 100%; float: none;}
	.jieshao{ padding: 0 30px}
	.jieshao h3{ margin-left: 0;}
	.jieshao .con{ height: auto;}
	.jieshao .con .wz{ height: auto; min-height: 168px;}
	.shipin{ padding: 0 30px; margin-top: 30px;}
}
@media screen and (max-width:1000px) {
	.mtop{display: none;}
	.gotop{ border-bottom: 1px solid #550010;}
	.mfooter1 .cer2{ padding: 15px 20px;}

	.mfooter{ text-align: center; height: auto; line-height: 24px; padding: 10px;}
	.mfooter .f{ float: none;}
	.mfooter .r{ float: none;}

	.shoplist{ text-align: center;}
	.shoplist li{ float: none; display: inline-block; width: 40%;}

	.cailist li{ width: 50%;}
	.cailist .txt .con{ padding: 0 10px;}
	
	.jmlist{ text-align: center;}
	.jmlist li{ float: none; display: inline-block; width: 33%;}

	.balist1{ left:10px;}
	.balist2{ right:10px;}
	.balist1 li:hover{ left: 0;}
	.balist2 li:hover{ right: 0;}

	.fcaselist{ text-align: center;}
	.fcaselist li{ float: none; display: inline-block; width: 305px;}
	
	.fnewslist{ }
	.fnewslist li{ float: none; width: auto; margin: 40px 30px 20px;}

	.xiala{ display: none;}
	.mfooter1 ul{ text-align: center; float: none; margin: 0 auto;}
	.mfooter1 ul li{ float: none; display: inline-block; padding-right: 0;}
}
.cer2{ max-width:1200px;margin:0 auto;margin-left: 37%;}