/* CSS Document */
@charset "utf-8";
/* CSS Document */
/***************** 法律问题免费咨询 consult-area *******************/
.consult-area{
	width: 100%;
	line-height: 1;
}
.consult-area .module-title{
	padding-top: 80px;
	padding-bottom: 30px;
}
.consult-area .con-wrap{
	padding-bottom: 80px;
}
.consult-area .list{
	width: 100%;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
}
.consult-area .list .item{
	flex: auto;
	margin-left: 50px;
}
.consult-area .list .item:nth-of-type(1){
	margin-left: 0;
}
.consult-area .list .item .line-box{
	display: block;
}
.consult-area .list .item .pic-box{
	width: 100%;
}
.consult-area .list .item .pic-box img{
	width:100%;
	filter: grayscale(1);
	filter: gray;
}
.consult-area .list .item .txt-box{
	width: 100%;
	text-align: center;
}
.consult-area .list .item .txt-box .title{
	font-size:28px;
	color:#333;
	padding-top:16px;
}
.consult-area .list .item .txt-box p{
	font-size:14px;
	color:#666;
	padding: 8px 0 15px;
}
.consult-area .list .item .txt-box .btn{
	width:100%;
	height:50px;
	line-height:50px;
	background: #F5F5F5;
	font-size:18px;
	color:#666;
	font-weight:500;
}
.consult-area .list .item.active .pic-box{
	background: url(../images/index_zx_bj.png) no-repeat center top;
}
.consult-area .list .item.active .pic-box img{
	filter: none;
}
.consult-area .list .item.active .txt-box .title{
	color: #061f44;
}
.consult-area .list .item.active .txt-box p{
	color: #061f44;
}
.consult-area .list .item.active .txt-box .btn{
	color: #fff;
	background: -moz-linear-gradient(right, #a98442 0%, #c8a973 100%); /* firefox */
	background: -webkit-linear-gradient(left, #a98442 0%,#c8a973 100%); /* chrome */
	background: -o-linear-gradient(right, #a98442 0%,#c8a973 100%); /* opera */
	background: -ms-linear-gradient(right, #a98442 0%,#c8a973 100%); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98442', endColorstr='#c8a973',GradientType=1)"; /* 兼容IE8~IE9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a98442', endColorstr='#c8a973',GradientType=1 );
	background: linear-gradient(to right, #a98442, #c8a973);
}

/***************** 首页律师团队 index-lawyer *******************/
.index-lawyer{
	width:100%;
	height:728px;
	position: relative;
	line-height: 1;
}
.index-lawyer .bj-box{
	width:100%;
	height:100%;
	overflow: hidden;
}
.index-lawyer .bj-box>*{
	width:50%;
	height:100%;
	float: left;
	background-color: #f5f5f5;
}
.index-lawyer .bj-box .right{
	background-color: #be9d6d;
}
.index-lawyer .cover-box{
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
}
.index-lawyer .cover-box .content{
	width: 1200px;
	height: 100%;
	position: relative;
}
.index-lawyer .cover-box .content::after{
	content: "";
	display: block;
	clear: both;
}
.index-lawyer .cover-box .content .left{
	width: 815px;
	height: 100%;
	background-color: #F5F5F5;
	float:left;
	padding-left: 30px;
}
.index-lawyer .cover-box .content .left .top_box{
	width: 272px;
	height: 160px;
	border: 4px solid #e7e7e7;
	position: relative;
	margin-top: 55px;
}
.index-lawyer .content .left .top_box .title{
	width: 100%;
	position: absolute;
	left: -30px;
	top: 38px;
	background: #F5F5F5;
}
.index-lawyer .content .left .top_box .title p{
	font-size: 30px;
	color: #c8a973;
	font-family: arial;
	margin-bottom: 15px;
}
.index-lawyer .content .left .top_box .title h5{
	font-size: 40px;
	color: #000;
	font-weight: inherit;
}
.index-lawyer .content .left .down{
	width: 100%;
}
.index-lawyer .content .left .down .intro{
	width: 100%;
}
.index-lawyer .content .left .down .intro h6{
	width: 100%;
	height: 36px;
	margin-top: 25px;
	font-size: 16px;
	color: #061f44;
	overflow: hidden;
	font-weight: normal;
	line-height: 36px;
}
.index-lawyer .content .left .down .intro h6 span{
	font-size: 16px;
	color: #061f44;
	padding: 3px 18px;
	border: 1px solid #061f44;
	border-radius: 18px;
	margin-right: 20px;
}
.index-lawyer .content .left .down .intro p{
	width: 653px;
	margin-top: 20px;
	font-size: 14px;
	color: #333333;
	max-height: 150px;
	overflow: hidden;
	line-height: 30px;
}
.index-lawyer .content .left .down .intro p strong{
	font-size: 16px;
	color: #061f44;
	font-weight: normal;
}
.index-lawyer .content .left .down .list{
	width: 100%;
	height: 190px;
	margin-top: 45px;
}
.index-lawyer .content .left .down .list ul{
	width: 100%;
}
.index-lawyer .content .left .down .list ul::after{
	content: "";
	display: block;
	clear: both;
}
.index-lawyer .content .left .down .list ul li{
	width: 140px;
	margin-left: 26px;
	float: left;
	cursor: pointer;
}
.index-lawyer .content .left .down .list ul li:nth-of-type(1){
	margin-left: 0;
}
.index-lawyer .content .left .down .list ul li .pic{
	width: 100%;
	height: 140px;
	overflow: hidden;
}
.index-lawyer .content .left .down .list ul li:hover .pic{
	box-sizing: border-box;
	padding: 2px;
	box-shadow: 0 0 15px 0 #333;
}
.index-lawyer .content .left .down .list ul li .pic img{
	width: 100%;
	height: 100%;
}
.index-lawyer .content .left .down .list ul li p{
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 20px;
	color: #000;
}
.index-lawyer .content .left .down .list ul li p span{
	font-size: 14px;
	color: #000;
}
.index-lawyer .content .right{
	width: 385px;
	float: right;
	position: relative;
	right: 30px;
}
.index-lawyer .content .right .num{
	width: 100%;
	text-align: right;
	font-size: 40px;
	color: #fff;
	font-family:'Constantia';
	padding: 60px 0 30px;
}
.index-lawyer .content .right .num span{
	font-size: 30px;
	color: #fff;
	font-family:'Constantia';
}
.index-lawyer .content .right .big-pic{
	width: 425px;
	position: relative;
	right: 40px;
}
.index-lawyer .content .right .big-pic .lawyer_photo{
	width: 100%;
}
.index-lawyer .content .right .big-pic .text-box{
	width: 100%;
	height: 68px;
	overflow: hidden;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	bottom: 0;
}
.index-lawyer .content .right .big-pic .text-box .text{
	width: 100%;
	height: 100%;
	line-height: 68px;
}
.index-lawyer .content .right .big-pic .text-box .text::after{
	content: "";
	display: block;
	clear: both;
}
.index-lawyer .content .right .big-pic .text-box .text .span1{
	display: inline-block;
	font-size: 24px;
	color: #fff;
	padding-left: 30px;
	float: left;
}
.index-lawyer .content .right .big-pic .text-box .text .span2{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	padding-right: 30px;
	float: right;
}
.index-lawyer .content .right .big-pic .more-btn{
	display: block;
	width: 90px;
	position: absolute;
	left: -90px;
	top: 0;
	cursor: pointer;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	background-color: #be9d6d;
	text-align: center;
}
.index-lawyer .content .right .big-pic .more-btn img{
	width: 100%;
}
.index-lawyer .content .right .big-pic .line-box{
	width: 86px;
	border-top: 2px solid #fff;
	position: absolute;
	right: -40px;
	top: 45px;
	z-index: 9;
}
.index-lawyer .content .right .lb-dian{
	width: 100%;
	height: 54px;
	text-align: right;
	line-height: 54px;
}
.index-lawyer .content .right .lb-dian span{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: rgba(255,255,255,0.5);
	margin-left: 13px;
	cursor: pointer;
}
.index-lawyer .content .right .lb-dian span.active{
	background: #fff;
}
.index-lawyer .content .right p{
	text-align: right;
	font-size: 16px;
	color: #fff;
	letter-spacing: 6px;
}
.index-lawyer .content .lb-btn{
	width: 42px;
	position: absolute;
	top: 300px;
	cursor: pointer;
}
.index-lawyer .content .lb-btn img{
	width: 100%;
}
.index-lawyer .content .lb-left-btn{
	left: -42px;
}
.index-lawyer .content .lb-right-btn{
	right: -42px;
}


/***************** 首页业务领域 index-business *******************/
.index-business{
	width: 100%;
	line-height: 1;
	padding-bottom: 120px;
}
.index-business .list{
	width: 100%;
}
.index-business .list::after{
	content: "";
	display: block;
	clear: both;
}
.index-business .list .item{
	width: 276px;
	height: 174px;
	float: left;
	margin: 50px 0;
	margin-right: 30px;
	box-sizing: border-box;
	border: 1px solid #c5c3c3;
	position: relative;
	padding-bottom: 30px;
}
.index-business .list .item.nomarginr{
	margin-right: 0;
}
.index-business .list .item .line-box{
	display: block;
	width: 100%
}
.index-business .list .item h6{
	width: 100%;
	text-align: right;
	font-size: 31px;
	color: #d1d1d1;
	box-sizing: border-box;
	padding-right: 20px;
	line-height: 50px;
}
.index-business .list .item p{
	width: 100%;
	box-sizing: border-box;
	padding-left: 22px;
	font-size: 20px;
	color: #333;
	margin-top: 6px;
	font-weight: 600;
}
.index-business .list .item p span{
	font-size: 14px;
	color: #333;
	margin-left: 5px;
	font-weight: 200;
}
.index-business .list .item .text{
	width: 100%;
	box-sizing: border-box;
	padding-left: 22px;
	overflow: hidden;
	margin-top: 10px;
}
.index-business .list .item .text span{
	display: inline-block;
	width: 120px;
	font-size: 15px;
	color: #666;
	line-height: 30px;
}
.index-business .list .item .tubiao{
	width: 110px;
	height: 80px;
	background: #FFFFFF;
	text-align: center;
	position: absolute;
	left: 22px;
	top: -40px;
	border-radius: 5px;
	overflow: hidden;
}
.index-business .list .item .tubiao img{
	width: 100%;
	height: 100%;
}
.index-business .list .item .more-btn{
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	position: absolute;
	left: 22px;
	bottom: -20px;
	border-radius: 5px;
	background: -moz-linear-gradient(right, #a98442 0%, #c7a872 100%); /* firefox */
	background: -webkit-linear-gradient(left, #a98442 0%,#c7a872 100%); /* chrome */
	background: -o-linear-gradient(right, #a98442 0%,#c7a872 100%); /* opera */
	background: -ms-linear-gradient(right, #a98442 0%,#c7a872 100%); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98442', endColorstr='#c7a872',GradientType=1)"; /* 兼容IE8~IE9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a98442', endColorstr='#c7a872',GradientType=1 );
	background: linear-gradient(to right, #a98442, #c7a872);
}

.index-business .list .item.active{
	box-shadow: 0 0 30px 0 #d2cbcb;
	border: none;
}
.index-business .list .item.active p{
	color: #c8a973;
}
.index-business .list .item.active a p span{
	color: #c8a973;
}
.index-business .list .item.active .tubiao{
	background: -moz-linear-gradient(bottom, #d9ba85 0%, #aa8644 100%); /* firefox */
	background: -webkit-linear-gradient(top, #d9ba85 0%,#aa8644 100%); /* chrome */
	background: -o-linear-gradient(bottom, #d9ba85 0%,#aa8644 100%); /* opera */
	background: -ms-linear-gradient(bottom, #d9ba85 0%,#aa8644 100%); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ba85', endColorstr='#aa8644',GradientType=0)"; /* 兼容IE8~IE9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ba85', endColorstr='#aa8644',GradientType=0 );
	background: linear-gradient(to bottom, #d9ba85, #aa8644);
	box-shadow: 0 0 15px 0 #d2cbcb;
}


.index-business .list .item:hover{
	box-shadow: 0 0 30px 0 #d2cbcb;
	border: none;
}
.index-business .list .item:hover p{
	color: #c8a973;
}
.index-business .list .item:hover p span{
	color: #c8a973;
}
.index-business .list .item:hover .tubiao{
	background: -moz-linear-gradient(bottom, #d9ba85 0%, #aa8644 100%); /* firefox */
	background: -webkit-linear-gradient(top, #d9ba85 0%,#aa8644 100%); /* chrome */
	background: -o-linear-gradient(bottom, #d9ba85 0%,#aa8644 100%); /* opera */
	background: -ms-linear-gradient(bottom, #d9ba85 0%,#aa8644 100%); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ba85', endColorstr='#aa8644',GradientType=0)"; /* 兼容IE8~IE9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ba85', endColorstr='#aa8644',GradientType=0 );
	background: linear-gradient(to bottom, #d9ba85, #aa8644);
	box-shadow: 0 0 15px 0 #d2cbcb;
}

/***************** 首页横幅 index-middle-banner *******************/
.index-middle-banner{
	width: 100%;
	height: 158px;
	display: flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.index-middle-banner .bbg{
	width: 100%;
	height: 288px;
	background:url(../images/index-m-banner.png) no-repeat center bottom;
}


/***************** 首页热门案例&问答 hot-area *******************/
.hot-area{
	width:100%;
	padding-bottom: 50px;
}
.hot-area .content::after{
	content: "";
	display: block;
	clear: both;
}
.hot-area .content>* .title{
	width: 100%;
	padding-top: 50px;
}
.hot-area .content>* .title::after{
	content: "";
	display: block;
	clear: both;
}
.hot-area .content>* .title span{
	font-size: 30px;
	color: #061f44;
	float: left;
}
.hot-area .content>* .title a{
	display: inline-block;
	width: 120px;
	height: 30px;
	background: #c8a973;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	float: right;
	border-radius: 15px;
	margin-top: 7px;
}

.hot-area .content .hot-case{
	width: 720px;
	float: left;
}
.hot-area .content .hot-case .list .item .line-box{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 35px 0 30px;
	border-bottom: 1px solid #ccc;
}
.hot-area .content .hot-case .list .item:nth-of-type(3) .line-box{
	border: none;
	padding: 35px 0 0;
}
.hot-area .content .hot-case .list .item .line-box::after{
	content: "";
	display: block;
	clear: both;
}
.hot-area .content .hot-case .list .item .left{
	width: 233px;
	height: 150px;
	float: left;
}
.hot-area .content .hot-case .list .item .left .pic-box{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.hot-area .content .hot-case .list .item .left img{
	min-width: 100%;
	min-height: 100%;
}
.hot-area .content .hot-case .list .item .right{
	width: 474px;
	float: right;
}
.hot-area .content .hot-case .list .item .right h5{
	width: 100%;
	font-size:20px;
	color:#000;
}
.hot-area .content .hot-case .list .item .right .msg{
	width: 100%;
	margin-top: 15px;
}
.hot-area .content .hot-case .list .item .right .msg span{
	font-size:12px; 
	color:#333;
	margin-right:30px;
}
.hot-area .content .hot-case .list .item .right p{
	width: 100%;
	max-height: 75px;
	overflow: hidden;
	font-size:14px; 
	color:#333; 
	line-height:25px;
	margin-top: 10px;
}
.hot-area .content .hot-case .list .item:hover .right h5{
	color: #c8a973;
	font-weight: 600;
}
.hot-area .content .hot-case .list .item:hover .left{
	padding: 3px;
	box-shadow: 0 0 15px 0 #666;
}

.hot-area .content .hot-answer{
	width: 415px;
	float: right;
}
.hot-area .content .hot-answer .list-wrap{
	width: 100%;
	height: 592px;
	margin-top: 35px;
	overflow: hidden;
}
.hot-area .content .hot-answer .list-wrap .list{
	width: 100%;
	position: relative;
}
.hot-area .content .hot-answer .list-wrap .list .item{
	width: 100%;
	height: 176px;
	margin-bottom: 28px;
	box-sizing: border-box;
	padding: 4px;
	background: #e6e8ec;
}
.hot-area .content .hot-answer .list-wrap .list .item .line-box{
	display: block;
	width: 100%;
	height: 100%;
}
.hot-area .content .hot-answer .list-wrap .list .item .line-box::after{
	content: "";
	display: block;
	clear: both;
}
.hot-area .content .hot-answer .list-wrap .list .item .left{
	width: 107px;
	float: left;
	padding-top: 22px;
}
.hot-area .content .hot-answer .list-wrap .list .item .left .pic{
	width: 66px;
	height: 66px;
	border: 2px solid #afb4d0;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.hot-area .content .hot-answer .list-wrap .list .item .left .pic img{
	width: 100%;
	height: 100%;
}
.hot-area .content .hot-answer .list-wrap .list .item .left h5{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #000;
	line-height: 32px;
	font-weight: 600;
}
.hot-area .content .hot-answer .list-wrap .list .item .left p{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #000;
}
.hot-area .content .hot-answer .list-wrap .list .item .right{
	width: 300px;
	float: left;
}
.hot-area .content .hot-answer .list-wrap .list .item .right .top{
	padding-top: 20px;
}
.hot-area .content .hot-answer .list-wrap .list .item .right .top img{
	width: 21px;
}
.hot-area .content .hot-answer .list-wrap .list .item .right .text-box{
	margin-top: 5px;
}
.hot-area .content .hot-answer .list-wrap .list .item .right .text-box::after{
	content: "";
	display: block;
	clear: both;
}
.hot-area .content .hot-answer .list-wrap .list .item .right .text-box h6{
	float: left;
	font-size: 14px;
	color: #000;
	line-height: 25px;
	font-weight: 600;
}
.hot-area .content .hot-answer .list-wrap .list .item .right .text-box p{
	width: 246px;
	float: left;
	font-size: 14px;
	color: #111;
	line-height: 25px;
}
.hot-area .content .hot-answer .list-wrap .list .item .right .a_text p{
	max-height: 80px;
	overflow: hidden;
}
.hot-area .content .hot-answer .list-wrap .list .item:hover .line-box{
	background: #fff;
}
.hot-area .content .hot-answer .list-wrap .list .item:hover .left h5{
	color: #c8a973;
}
.hot-area .content .hot-answer .list-wrap .list .item:hover .right .q_text h6{
	color: #c8a973;
}
.hot-area .content .hot-answer .list-wrap .list .item:hover .right .q_text p{
	color: #c8a973;
	font-weight: 600;
}