@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;padding: 0;
}
/*fieldset组合表单中的相关元素*/
fieldset, img, input, button { border: none;padding: 0;margin: 0;outline-style: none;}
/*清除列表风格*/
ul, ol {list-style: none;}
input {padding-top: 0; padding-bottom: 0;font-family: "SimSun", "宋体";}
select, input {vertical-align: middle;}
select, input, textarea { font-size: 12px;margin: 0;}
/*防止多行文本框拖动*/
textarea { resize: none;}
/*  去掉图片低测默认的3像素空白缝隙*/
img {border: 0;vertical-align: middle;}
/*合并外边线*/
table {border-collapse: collapse;}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1; /*IE/7/6*/}

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #C81623;
}

h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

s, i, em {
    font-style: normal;
    text-decoration: none;
}
/*888888888888888888888888882018年1月25日17:18:40*/
.h400{
	height:400px;
}
.bg-a{
	background: url(./img/law-ban-1.png) no-repeat center;
}
.bg-b{
	background: url(./img/law-ban-2.png) no-repeat center;
}
.bg-c{
	background: url(./img/law-ban-3.png) no-repeat center;
}
.box .title{
	font:800 36px/36px Arial, Verdana, "\5b8b\4f53";
	text-align: center;
}

.box .title .t1{
	font: 14px/34px Arial, Verdana, "\5b8b\4f53";
	text-align: center;
	color: #111111;
}
.title .button{
	font-size:12px;color: #666666;
	float: right;padding:2px 10px;
	cursor:pointer
}
.box:nth-child(2){
	padding-top: 100px;
	padding-bottom: 64px;
}
.box .row-p{
	height:160px;
	text-align: center;
    margin: 20px;
	font-size: 0;
}
.row-p .people{
	display: inline-block;
	width:590px;height:100%;
	position: relative;
	margin:0 10px;
}

.row-p .people:hover{
	border: 1px solid #002b60;
}

.people .photo{
	position: absolute;
	left:0;
	width:156px;height:100%;
}
.people .brief{
	position: absolute;
	right:0;
	width:434px;height:100%;
}
.people .photo img{
	position: absolute;
	left: 20px;
	top:20px
}



.people .brief .title{
	text-align: left;
	padding-top:10px;
	padding-left:16px;
}

.brief .title .a{
	font:800 18px/34px "微软雅黑";
	color:#111;
}
.brief .title .b{
	font:14px/14px "微软雅黑";
	color: #7d7d7d;
}
.brief .title .c{
	position: absolute;
	right: 20px;
	width:71px;
	height:10px;
	top:25px;
}
.brief .title .c1{
	background:url(./img/people-star.png) no-repeat -60px 0;
}
.brief .title .c2{
	background:url(./img/people-star.png) no-repeat -45px 0;
}
.brief .title .c3{
	background:url(./img/people-star.png) no-repeat -30px 0;
}
.brief .title .c4{
	background:url(./img/people-star.png) no-repeat -15px 0;
}
.brief .title .c5{
	background:url(./img/people-star.png) no-repeat 0 0;
}
.brief .describe{
	text-align: left;
	font:14px/17px "微软雅黑";
	color: #111111;
	box-sizing: border-box;
	padding-left:20px;
	padding-right:20px;
	padding-top:6px;
	height:76px;overflow: hidden;
}


.brief .flag{
	text-align: left;
	font-size: 0;
}
.brief .flag span{
	position:relative;
	font:12px/12px "微软雅黑";
	;color: #7d7d7d;
	border-radius:10px;
	border: 1px solid #DCDCDC;
	top:4px;
	left:10px;
	margin: 0 7px;
	padding: 0 10px;
}

.box .pro{
	font-size: 0;
	text-align: center
}
.pro .item{
	display: inline-block;
	width:278px;height:220px;
	margin:0 11px;
	overflow: hidden;
	text-align: center;
	color:#111111;
}
.pro .item:hover{
	-moz-box-shadow:1px 1px 10px #B9B9B9; -webkit-box-shadow:1px 1px 10px #B9B9B9; box-shadow:1px 1px 10px #B9B9B9;
}

.pro .item .t1{
	font: 20px/28px "微软雅黑";
	padding-top:130px;
}
.pro .item .t2{
	font: 16px/20px "微软雅黑";
}

.pro .item:nth-child(1){
	background: url(img/law-pro-1-v2.png) no-repeat center 52px #F2F2F2;
}
.pro .item:nth-child(2){
	background: url(img/law-pro-2-v2.png) no-repeat center 52px #F2F2F2;
}
.pro .item:nth-child(3){
	background: url(img/law-pro-3-v2.png) no-repeat center 52px #F2F2F2;
}
.pro .item:nth-child(4){
	background: url(img/law-pro-4-v2.png) no-repeat center 52px #F2F2F2;
}



.slider-main-img .head{
	 position: absolute;
	 left:95px;
	 top:50%;
	 margin-top:-80px;
}
.slider-main-img .head-n1{
    position: absolute;
    width: 160px;
    text-align: center;
    top: 154px;
    left: 106px;
    font: 800 22px/22px 微软雅黑;
    color: white;
}
.slider-main-img .head-n2{
position: absolute;
    width: 200px;
    top: 193px;
    left: 86px;
    text-align: center;
    font: 600 14px/14px 微软雅黑;
    color: white;
}

.slider-main-img .tab{
	 position: absolute;
	 background: url(img/law-ply-bg.png);
	 width:864px;height:190px;
	 top:50%;
	 margin-top:-80px;
	 left: 275px;
	 overflow: hidden;
	 box-sizing: border-box;
	 font:18px/20px "微软雅黑";
	 color:rgb(255,255,255);
	 padding-top:48px;
	 padding-right: 32px;
	 padding-left: 66px;
}

.box .lawvs{
	font:16px "微软雅黑";
	text-align: center;
	line-height:40px;
}
.box .lawvs .v1 div:first-child{
	font-weight:800;
}
.box .lawvs span{
	color:red;
}
.lawvs .fl:nth-child(odd){
	width:370px;
}
.lawvs .fl:nth-child(2){
	width:150px;
}
.box .lawvs .vs{
	    background: url(img/law-vs.png) no-repeat center;
    height: 250px;
}
.box .lawvs .v1 div{
	background: white;
	cursor: pointer;
}
.box .lawvs .v1 div:nth-child(odd){
	background: #F2F2F2;
}
.box .lawvs .v1 div:first-child{
	background: #002b60;
	color: white;
	line-height:50px;
}
.box .lawvs .v1 div:hover:not(:first-child){
	background: #e5e5e5;
}
.bd-radio-blr{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}




.c-case{
	position: relative;
}

.box .case{
	float: left;
	width:380px;
	margin:10px;
	background: white;
	font: 14/16px "微软雅黑";
}
.case .top{
	position: relative;
	background: blueviolet;
}
.case .top .text{
	position: absolute;
	top:132px;
	width: 100%;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	text-align: center;
}
.case .top .text .sub1{
	font:800 18px/18px "微软雅黑";
	padding-top:8px;
	padding-bottom: 4px;
}
.case .top .text .sub2{
	font:14px/14px "微软雅黑";
	padding-bottom: 4px;
	margin: 0;
}
.case .middle{
	position:relative;
	padding:20px 10px 0 10px;
}
.case .middle .text{
	text-align: left;
	font:14px/18px "微软雅黑";
	color: #111;
	position: relative;
	
}
.case .middle .text .blue{
	color:#008cd6;
}
.case .middle .text .ico{
	position: absolute;
	width:24px;
	height:14px;
	left: 0;
}
	
.case .middle .ico1{
	background: url(img/law-ico-ico1.png) no-repeat 11px 0;
	
}
.case .middle .ico2{
		background: url(img/law-ico-ico2.png) no-repeat 11px 0;
	
}
.case .middle .ico3{
		background: url(img/law-ico-ico3.png) no-repeat 11px 0;
	
}

.box .law-c-me img{
	width:100%;
	box-sizing: border-box;
	overflow: hidden;
}
	
.p-l-24{
	padding-left:36px;
}
.p-nl-12{
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 8px;
}
.p-nlt-12{
	padding-right: 12px;
	padding-bottom: 12px;
}
.line-16{
	margin:0;padding:0;
	border-bottom: 1px dashed #dcdcdc;
}

.color-14-111{
	color: #111;
	font-size:14px;
}









/*88888888888888888888888888*/

.bg-f2{background-color: #F2F2F2;}
.content{color: #111111;}
.p20{padding:20px;}
.bg-w{background-color: #FFFFFF;}
.fl{float:left;}

.c-white{color: white;}

.b-dc{border:1px solid #DCDCDC;}
.h550{height:550px;border:none;margin:0;}
.h100{height:100px;border:none;margin:0;}
.h70{height:70px;border:none;margin:0;}
.h60{height:60px;border:none;margin:0;}
.h20{height:20px;}
.h14{height:14px;}


.button{padding:0 1.5rem;display:inline-block;height:26px;font:14px/26px "微软雅黑";color:#FFFFFF;background-color: #008cd6;}


.content .table .row .col{
	float: left;
}

.content .table .title{
	font-size:20px;
	height:50px;
	line-height: 50px;
}
.content .table .title .row{
	background-color:#002b60;
	color:white;
	font:18px/48px Helvetica Neue",Helvetica,Arial,"Microsoft Yahei";
}

.check{
		background: url(../img/check.png) no-repeat center ;
}
.checked{
		background: url(../img/checked.png) no-repeat center ;
}
.content .table .col:nth-child(1){
	/*50/500*/
	width:8%;
}
.content .table .col:nth-child(2){
	width:15%;
}
.content .table  .col:nth-child(3){
	width:50%;
}
.content .table .col:nth-child(4){
	width:27%;
}

.content .table .body .row{
	font:400 14px/18px "微软雅黑";
	padding:10px 0;
	text-align: left;
}
.content .table .body .row:nth-child(even){
	background-color: #F3F4F8;
}
.content .table .body .col:nth-child(2){
	/*50/500*/
	font-weight: 800;
}
.content .table .body .col:nth-child(3){
	/*50/500*/
	box-sizing: border-box;
	padding-right: 2rem;
}

.bd-radio-lr{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.h-1-line{
	maring:0;
	padding:0;
	border:none;
	height:1rem;
}