@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢ÈíÑźÚ"; min-width:1230px;font-weight:unset;}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢ÈíÑźÚ", SimSun, "ËÎÌå", STXihei, "»ªÎÄϸºÚ", Heiti, "ºÚÌå", sans-serif;}
button {overflow:visible}
img{border:none;}
.hidden{display:none;}
a{color:#333;text-decoration:none; outline:none; border:0}
a:hover{color:#0075c2;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}
.fl{ float:left;}
.fr{ float:right;}
.mr10{margin-right:10px;}
.header{ border-bottom:#eee 1px solid;position:relative;}
.ding{ background:#888888;width:100%;height:40px;}
.top0{ width:1230px; margin:0 auto; line-height:40px;}
.xx1{ float:left; font-size:14px; color:#f6a548;}
.xx1 i{ padding-right:5px; color:rgba(255,255,255,0.5);}
.xx1 em{color:rgba(255,255,255,0.5); font-style:normal }
.xx1 em a{color:rgba(255,255,255,0.5);}
.xx1 em a:hover{color:#f6a548}
.xx2{ float:left; font-size:16px;font-weight:bold; color:rgba(255,255,255,0.5); margin-left:110px;}
.xx3{ float:right; font-size:14px;}
.xx3 a{ color:rgba(255,255,255,0.5);}
.xx3 a:hover{ color:#fff; text-decoration:underline}
.top1{width:1230px;margin:10px auto;display: flex;justify-content: space-between;align-items: center;}
.logo img{ height:63px; width:auto;}
.top-region{position:relative;}
.top-region-pop {
	width: 520px;
	min-height: 220px;
	border: 1px solid #cccccc;
	position: absolute;
	left: 0;
	top: 40px;
	background-color: #fff;
	z-index: 99;
	display: none;
}
.top-region-pop-top {
    padding: 13px 15px;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
}
.top-region-pop-top span a{font-weight:600;margin-left:2px;}
.top-region-pop-top h3 {
    font-size: 14px;
    color: #999999;
    margin-bottom: 10px;
}

.top-region-pop-top h3 span {
    color: #1e429b;
}

.top-region-pop-top p,
.top-dh-pop-top p {
    font-size: 14px;
    color: #1e429b;
    line-height: 20px;
    display: block;
    float: none;

}
.top-dh-pop-top p span a{font-weight:600;margin-left:2px;}
.top-region-pop-top p span,
.top-dh-pop-top p span {
    font-size: 14px;
    color: #333333;
    margin: 0 13px;
}
.top-region-pop-top p span .cur,
.top-dh-pop-top p span .cur{color:#0057ff;}
.top-region-pop-top small,
.top-dh-pop-top small {
    display: inline-block !important;
    margin-right: 30px !important;
    margin-left: 0 !important;
    font-size: 14px;
	cursor:pointer;
}
.top-region-pop-item ul {
    overflow: hidden;
    padding: 0 15px;
}

.top-region-pop-item ul li {
    width: 12%;
    float: left;
    text-align: left;
    line-height: 30px;
}

.top-region-pop-item ul li a {
    font-size: 14px;
    color: #333333;
    display:block;
    height:30px;
    overflow:hidden;
}

.top-region-pop-item ul li a:hover {color: #4784f3;}
.top-region-pop-item { padding: 8px 0;}
.top-login img{width:34px;height:34px;border-radius:50%;margin-right:5px;vertical-align:middle;}
.top-login span { display: inline-block;margin: 0 3px;}
.top-dh p span {font-size: 14px;color: #666;}

.nav {text-align: center;}
.nav ul ul {display: none;}
	.nav ul li:hover > ul {
		display: block;
	}


.nav ul {

	list-style: none;
	position: relative;
	display: inline-table;
	width:100%
}
	.nav ul:after {
		content: ""; clear: both; display: block;
	}

	.nav ul li {
		float: left; position:relative; margin:0 30px
	}
		


			.nav ul li:hover>a {
				color:#0075c2;
			}
			
			.nav ul li a:after{ content:""; width:0; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:#0075c2; height:3px; transition:all 0.6s; opacity:0}
			.nav ul li:hover>a:after{ content:""; width:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:#0075c2; height:3px; transition:all 0.6s; opacity:1}	
		.nav ul li a.on{color:#0075c2;}
		.nav ul li a.on:after{ content:""; width:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:#0075c2; height:3px; transition:all 0.6s; opacity:1}	
		
		.nav ul li a {
			display: block; padding: 0px;
			color: #333; text-decoration: none; font-size:18px; line-height:60px; position:relative
		}
			
		
	.nav ul ul {
		background: #fff; border-radius: 0px; padding:10px 0;
		position: absolute; top: 100%; z-index:999; min-width:100%; border-radius:0 0 10px 10px;box-shadow: 0px 0px 10px rgba(195,195,195,0.55);
	}
		.nav ul ul li {
			float: none; 
			
			 position: relative;
			 width:100%
		}
			.nav ul ul li a {
				padding: 0 10px;
				color: #333;
				line-height:40px;
				font-weight:normal;
				font-size:14px
			}	
	
			.nav ul ul li a:hover{ background:#f8f8f8}	
	
.nav ul ul li:hover>a:after{ content:none;}






.banner {
        width: 100%;
    	height:500px;
		overflow:hidden;
		position:relative;
		box-sizing:border-box
	
        
    }
    .banner  .swiper-slide {
		width:100%; height:500px;position:relative; overflow:hidden
	
	
		
    }

	
.banner  .swiper-slide  img{ position:absolute; height:100%; top:0; left:50%; transform:translateX(-50%)}
.banner   .swiper-pagination-bullet{ width:35px; height:3px; background:rgba(255,255,255,0.2); opacity:1; border-radius:0; }
.banner  .swiper-pagination-bullet-active{ background:#fff}

.hui{ background:#f4f4f4; padding:40px 0; overflow:hidden}
.contain{ width:1230px; margin:0 auto;  display: flex;   justify-content: space-between;  }


.sy1{ background:#ffffff; width:835px; float:left; height:540px;position:relative; padding:30px; padding-top:20px; box-sizing:border-box}
.twan{ position:absolute; right:30px; top:15px; z-index:2}
.twan a{ display:block; background:#0075c2; width:112px; line-height:34px; text-align:center; font-size:14px; color:#fff}
.twan a img{ vertical-align:middle; padding-right:5px}


.gallery-topp { width:100%; height:auto; padding-bottom:50px}
.gallery-topp .swiper-slide{ background:#fff}
.gallery-thumbs {box-sizing: border-box;}
.gallery-thumbs .swiper-slide {height: 100%; font-size:14px; color:#666; border-bottom:#fff 2px solid; line-height:40px; cursor:pointer }
.gallery-thumbs .swiper-slide-thumb-active { font-size:18px; color:#222;border-bottom:#0075c2 2px solid;line-height:40px;cursor:pointer }




.sy1 .swiper-pagination{ cursor:pointer}
.sy1 .swiper-pagination-bullet{ width:30px; height:5px; border-radius:3px; background:#edeeef; opacity:1}
.sy1 .swiper-pagination-bullet-active{ background:#6d7278;opacity:1}

.lawyer-tabs .swiper-pagination{ cursor:pointer;}
.lawyer-tabs .swiper-pagination-bullet{ width:30px; height:5px; border-radius:3px; background:#edeeef; opacity:1;}
.lawyer-tabs .swiper-pagination-bullet-active{ background:#6d7278;opacity:1;}
.sywd{ margin-top:10px}
.sywd ul li{ border-bottom:#f3f3f3 1px solid; padding:15px 0}
.sywd ul li h3{ display:block; font-size:16px; color:#343434; font-weight:normal; margin-bottom:15px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.sywd ul li h3 a{color:#343434;}
.sywd ul li h3 a:hover{color:#1456b9;}
.sywd ul li p{ display:inline-block; background:#e5f1f9; position:relative; width:auto; line-height:30px; color:#0075c2; font-size:12px; padding:0 15px}

.sywd ul li span{ display:inline-block; margin-left:20px; font-size:12px; color:#a7a7a7 }

.sywd ul li span a{color:#a7a7a7}



.sy2{ background:#fff; width:360px}
.bt1{ margin:20px; font-size:18px; color:#222; }
.wtfl{ margin:0 20px;}
.wtfl ul{display: flex;   justify-content: space-between;  flex-wrap:wrap}

.wtfl ul li{ width:70px; text-align:center; margin-bottom:10px; transition:all 0.6s}
.wtfl ul li p{ display:block; font-size:14px; color:#333333; line-height:25px;}

.wtfl ul li:hover{ transform:translateY(-5px); transition:all 0.6s}

.biaoqian{margin:0 20px; text-align:center}
.biaoqian a{ font-size:14px; line-height:35px; color:#888888; padding:0 20px;}
.biaoqian a:hover{ color:#0075c2; }

.sy3{ width:1230px; margin:40px auto;}
.sy3 h1{ font-size:20px; color:#333; float:left; font-weight:normal; line-height:50px}
.sy3 h2{ font-size:20px; color:#333; float:right; font-weight:normal;line-height:50px}

.yylc{ background:#0075c2; overflow:hidden; padding:30px 0}

.yylc ul{ margin:0 auto; max-width:960px;  display: flex;   justify-content: space-between;   align-items: center; }

.yylc ul li img{ width:70px; height:auto; margin-bottom:15px}
.yylc ul li{ text-align:center; font-size:20px; color:#fff; position:relative}
.yylc ul li:after{ content:""; position:absolute; width:124px; height:1px; background:#3391ce; left:110px; top:37px}
.yylc ul li:last-child:after{ content:none;}


.yylc2{   display: flex;   justify-content: space-between;   align-items: center; margin-top:40px;}
.shuliang { width:610px;}

.shuliang ul {display: flex;   justify-content: space-between; }
.shuliang ul li{ width:33.33%; position:relative; text-align:center}
.shuliang ul li:after{content:""; position:absolute; width:1px; height:48px; background:#dadada; right:0; top:50%; transform:translateY(-50%)}
.shuliang ul li h3 em{ display:inline-block; background:url(/Content/template/1/images/sbg.png) center no-repeat; width:34px; line-height:40px; font-style:normal; color:#fff; font-size:25px; margin:0 2px}
.shuliang ul li p{ font-size:14px; color:#333; padding-top:10px}

.list_lh{ width:268px;height:52px;overflow:hidden;}
.list_lh li{padding:0px; font-size:14px; line-height:26px;}


.zx_bm{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999; display:none;}
.zx_bm .bm_bj{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.7);}
.zx_bm .b_m{width:946px;  background-color:#fff;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display: flex;   justify-content: space-between;   align-items: center;  }

.yyan{ background:#0075c2; width:270px; line-height:48px; position:relative; margin-right:15px}
.yyan a{ display:block; text-align:center; color:#fff; font-size:14px; cursor:pointer}

.yyan img{ position:absolute; right:-15px; top:-15px;}


 .info {
   
    width: 356px;
     background: #fff;
}
.form-login {
    width: 312px;
    padding: 8px 0 18px;
    margin: 0 auto;
}


.flex-title {
    margin-top: 40px;
    font-size: 20px;
	font-weight: 700;
    color: #1f223d;
    text-align: center;
	line-height:38px;
	font-style:normal
}
.flex-title img{ height:21px; width:auto; padding:0 5px}

 .subtitle {
    margin-bottom: 30px;
    color: #888;
    text-align: center;
}
 .subtitle span{ color:#f67d1b}

.form-login .form-group {
    position: relative;
    padding: 0;
    margin: 18px auto 0;
	line-height:40px;
}

.form-login .form-control {
    border-color: #d0d0d0;
    background: #fff;
}


.form .form-control {
    padding: 0 18px;
    border: 1px solid #d0d0d0;
    line-height: 40px;
    background: #fff;
	width:100%;
	box-sizing:border-box;
	outline:none;
}

.form-login .form-verify {
    padding-right: 136px;
}
.form-login .btn-verify {
    position: absolute;
    top: 11px;
    right: 28px;
    padding: 0 10px;
	border:0;
	background:none;
    border-left: 1px solid #cfcfcf;
    line-height: 20px;
    color: #9d9d9d;
	
	
}
.form-login .btn-solid {
    width: 100%;
    height: 40px;
    margin: 20px 0;
    line-height: 40px;
    background: #0075c2;
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px
}
 .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: #bababa;
 
}
 .btn-close i{ display:block; text-align:center; width:38px; line-height:38px; color:#fff; font-size:20px}



.bt2{ width:1230px; background:url(/Content/template/1/images/nbt2bg.png) center no-repeat; margin:0 auto; margin-bottom:40px; text-align:center; }
.bt2 h3{ display:inline-block; position:relative; width:auto; background:#f6f6f6; padding:0 15px; font-size:32px; color:#373737}
.bt2 em{ display:block; width:50px; height:4px; background:#0075c2; margin:0 auto; margin-top:10px}
.anli{ width:1230px; margin:0 auto}
.anli ul{ display: flex;   justify-content: space-between;flex-wrap:wrap }
.anli ul li{ background:#fff; width:600px; margin-bottom:30px; padding:20px; box-sizing:border-box}
.anli ul li a{display: flex;   justify-content: space-between;}

.anli ul li i{ display:block; width:244px; height:163px; overflow:hidden;}
.anli ul li i img{ width:100%; height:100%; transition:all 0.6s}
.anli ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.anli ul li .alzi{ width:290px}

.anli ul li .alzi h3{ display:block; font-size:20px; color:#333; line-height:32px; max-height:64px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}

.anli ul li .alzi p{ display:block; margin:15px 0; font-size:14px; line-height:25px; color:#666666; max-height:50px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}

.anli ul li .alzi span { display:block; float:left; font-size:14px; color:#373737; line-height:20px}
.anli ul li .alzi em{ display:block; float:right;line-height:20px; color:#999; font-size:12px}
.anli ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
.anli ul li:hover .alzi h3{ color:#0075c2}

.more a{ display:block; width:160px; line-height:44px; text-align:center; border:#0075c2 1px solid; color:#0075c2; transition:all 0.6s; margin:0 auto; font-size:14px}
.more a:hover{ background:#0075c2; color:#fff; transition:all 0.6s}


.syls{  width:1230px; margin:0 auto;margin-top:40px;}
.syls .bai{ width:100%; background:#fff; position:relative; padding:50px 140px; box-sizing:border-box}

 .lvshi {
      width: 100%;
      height: 100%;
    }
    .lvshi  .swiper-slide {
      text-align: center;
  
      background: #fff;


	  transform: scale(0.8);
    }
	 .lvshi .swiper-slide-active, .lvshi .swiper-slide-duplicate-active{
      transform: scale(1);
	}

  .lvshi .swiper-slide i{ display:block; width:100%; height:auto; margin-bottom:15px;transition:all 0.6s}
  .lvshi .swiper-slide i img{ width:100%; height:auto}
  .lvshi .swiper-slide  h3{ display:block; font-size:20px; color:#0075c2; font-weight:normal}
  .lvshi .swiper-slide  p{ font-size:16px; color:#969696}
  .lvshi .swiper-slide:hover i{ transform:translateY(-10px); transition:all 0.6s }


.syls .bai .swiper-button-next{ background:#d9d9d9 url(/Content/template/1/images/right.png) center no-repeat; width:43px; height:43px; right:60px; border-radius:50px; background-size:30px auto; outline:none;}
.syls .bai .swiper-button-prev{ background:#d9d9d9 url(/Content/template/1/images/left.png) center no-repeat; width:43px; height:43px; left:60px; border-radius:50px; background-size:30px auto; outline:none;}
.syls .bai .swiper-button-next:hover{ background:#0075c2 url(/Content/template/1/images/right.png) center no-repeat;background-size:30px auto; }
.syls .bai .swiper-button-prev:hover{ background:#0075c2 url(/Content/template/1/images/left.png) center no-repeat;background-size:30px auto; }





.footer{background:#888888; padding:30px 0}

#lib_Tab1{width:1230px;margin:0px  auto;padding:0px; border-bottom:#a0a0a0 1px solid; padding-bottom:15px; margin-bottom:15px;}

.lib_Menubox {height:32px;position:relative;}

.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:0px; left:0; height:32px;text-align:center;}
.lib_Menubox li{float:left;display:inline-block;cursor:pointer;width:80px;color:#333333; margin-right:10px;height:32px;line-height:32px; background:rgba(255,255,255,0.2)}
.lib_Menubox li.hover{padding:0px;background:#0075c2;width:80px;color:#fff;height:32px;line-height:32px;}
.lib_Contentbox{clear:both;margin-top:0px; border-top:none; height:auto; padding-top:15px; }
.link a{ color:rgba(255,255,255,0.7); padding-right:20px}
.link a:hover{ color:#fff; text-decoration:underline}

.foot2{ width:1230px; margin:0 auto; display: flex;   justify-content: space-between; }


.dmenu { margin:20px 0}
.dmenu a{ font-size:14px; color:#eaeaea; padding-right:30px;}
.dmenu a:hover{ color:#fff; text-decoration:underline}
.banquan{ color:#e0e0e0; font-size:12px; line-height:25px}
.banquan a{ color:#eaeaea;margin-left:8px;}
.banquan a:hover{ color:#fff; text-decoration:underline}
.dwx ul li{ float:left; margin-left:20px; text-align:center}
.dwx ul li img{ width:100px; height:auto}
.dwx ul li p{color:#e0e0e0; font-size:12px; padding-top:5px}

/*ÓҲม¶¯*/
.side{position:fixed;width:60px;right:0;top:50%;margin-top:-200px;z-index:100;background:#0075c2;border-bottom:0}
.side ul li{width:60px;height:60px;position:relative;border-bottom:1px solid #e0e0e0;text-align:center;transition:all .3s;cursor:pointer; padding-top:8px; box-sizing:border-box; color:#fff; font-size:12px;s}
.side ul li a{ color:#fff}
.side ul li:last-child {border-bottom:0 none;}
.side ul li:hover{background:#f7931e;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li h1{ font-weight:normal}
.side ul li h1 img{ display:block; margin:0 auto}



.side ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{color:#fff}

.side ul li.sideewm .ewBox.son{width:200px; height:200px;display:none;text-align:center;position:absolute;left:-200px;top:0; background:#f7931e; color:#fff;border-right:#fff 1px solid; padding-top:10px; line-height:35px }
.side ul li.sideewm .ewBox.son img{ width:140px; height:auto}
.side ul li.sideetel .telBox.son{width:200px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-200px;top:0;background:#f7931e; border-right:#fff 1px solid; padding:20px; box-sizing:border-box}
.side ul li.sideetel .telBox  span{display:block;overflow:hidden; font-size:14px; line-height:25px}


.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}



/*·¨ÂÉÎÊ´ðÁбí*/

.shaixuan{ width:1230px; margin:40px auto;overflow:hidden;border:#eee 1px solid; box-sizing:border-box}
.shaixuan .index-one-content{ padding:5px 15px; box-sizing:border-box; border-bottom:#eee 1px solid;}
.shaixuan .index-one-content ul{ display: flex; flex-wrap:wrap}
.shaixuan .index-one-content ul li{    position: relative; border:0; padding:0;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center; width:6%; font-size:14px; margin-top:0}
.shaixuan .sm-categorylist ul li{width:auto;min-width:8%;max-width:13%;}

.shaixuan .index-one-content ul li:hover{ border:0}
.shaixuan .index-one-content ul li:not(:last-child):after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    width: 2px;
    height: 15px;
    background-color: #c8c7c7;
}


.nmain{ width:1230px; margin:40px auto; }

.main-left{ float:left; width:860px;  box-sizing:border-box}

.title { overflow:hidden; margin-bottom:20px; border-bottom:#eee 1px solid;}
.title ul li{ float:left; margin-right:30px}
.title ul li a{ display:block; font-size:20px; color:#666; line-height:38px;border-bottom:#fff 2px solid;}
.title ul li a:hover{ color:#0075c2; border-bottom:#0075c2 2px solid; line-height:38px;}
.title ul li a.active{color:#0075c2; border-bottom:#0075c2 2px solid;}


 .list-box ul li { width: 100%; padding: 20px 0px; box-sizing:border-box; display: flex;   justify-content: space-between;border-bottom:#ddd 1px dashed; transition:all 0.6s}
 .list-box ul li:hover {
    box-sizing:border-box; background:#f8f8f8; padding:20px; transition:all 0.6s
}
.list-box ul li .zi01 h3 {
    margin-bottom: 14px;
    font-size: 16px;
    color: #333;

}
.list-box ul li .zi01{ width:680px}
.list-box ul li .zi02{ width:120px; text-align:center; color:#999}

.list-box ul li .zi01 h3 a{

    color: #333;
	
}
.list-box ul li .zi01 h3 a:hover{

    color: #0075c2;
	
}



.list-box ul li .zi01 p {
 
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin:10px 0
}
 

 
.list-box ul li .zi02 img {
    width: 40px;
	display:block;
    height: 40px;
    border-radius: 50%;
	margin:0 auto;
	margin-bottom:10px
}
 
 .list-box ul li .zi02  p span{ margin: 0 4px;
    color: #0075c2;}
 
.list-box ul li .zi01 h1 {
   
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
	font-weight:normal;
	display:inline-block;
	padding-right:10px
	
}
 
 .list-box ul li .zi01 h1 span {
    margin: 0 4px;
    color: #0075c2;
}
 
 
 
 
 
 
 
 
 
 
 .lawyer-rec{ margin:30px 0}

  .lawyer-rec .item-box ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
 
 .lawyer-rec .item-box ul li {
    width: 32%; position:relative; overflow:hidden
}

.lawyer-rec .item-box ul li .img-left img {
    width: 100%;
    height: 276px;
}
.lawyer-rec .item-box ul li a .txt-right{ position:absolute; bottom:0; background:rgba(0,0,0,0.7); padding:10px; box-sizing:border-box; width:100%; left:0; bottom:-90px;transition:all 0.6s}
.lawyer-rec .item-box ul li:hover .txt-right{  bottom:0px; transition:all 0.6s}


.lawyer-rec .item-box ul li a .txt-right .title{ border:0}
.lawyer-rec .item-box ul li a .txt-right .title .name {
    margin-right: 6px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.lawyer-rec .item-box ul li a .txt-right .title span{ color:#999}

.lawyer-rec .item-box ul li a .txt-right p {
    font-size: 12px;
    color: #999;
	line-height:20px;
	margin:10px 0;
	max-height:40px;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;


}

 
 .lawyer-rec .item-box ul li a .txt-right .tel {
    padding-left: 15px;
    font-size: 16px;
    color: #f7931e;
	position:relative;
	font-weight:bold;
	margin:0
}


 .lawyer-rec .item-box ul li a .txt-right .tel:before{ content: "\f10b"; position:absolute; left:0;  font-family: 'FontAwesome'; font-size:20px; color:#999; font-style:normal; font-weight:normal}




.look-search{ margin:40px 0}
.look-search .img-box ul {
    display: flex;
    justify-content: space-between;
}
.look-search .img-box ul li {
    width: 24%;  padding-bottom:10px; position:relative; border-bottom:#eee 1px solid; box-sizing:border-box
}

.look-search .img-box ul li a {
    position: relative;
    display: block;
    width: 100%;
    /* height: 200px; */
}
.look-search .img-box ul li a img {
    width: 100%;
    height: 208px;
}


.look-search .img-box ul li a .txt-right {
    width: 100%;
 
	box-sizing:border-box
}


.look-search .img-box ul li a .txt-right .title{ margin:5px 0; border:0; font-size:12px; line-height:20px; color:#999 }
.look-search .img-box ul li a .txt-right .title .name {
    margin-right: 10px;
    font-size: 16px;
	font-weight:bold;
	color:#333
   }
	
.look-search .img-box ul li a .txt-right  p{font-size:12px; line-height:20px; color:#999 }	
.look-search .img-box ul li:after{ content:""; position:absolute; width:0; bottom:0; left:0;  height:2px; background:#0075c2; opacity:0; transition:all 0.6s}	
.look-search .img-box ul li:hover:after{ content:""; position:absolute; width:100%; bottom:0; left:0; height:2px; background:#0075c2; opacity:1; transition:all 0.6s}



.pager {
	display: inline-flex;
	padding-left: 0;
	margin: 20px 0;
	list-style: none;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.pager > li {
  display: inline;
  }
.pager > li > a,
.pager > li > span {
  position: relative;
  float: left;
  padding: 5px 12px;
  margin-left: -1px;
  line-height: 1.53846154;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  }
.pager > li:first-child > a,
.pager > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  }
.pager > li:last-child > a,
.pager > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  }
.pager > li > a:hover,
.pager > li > span:hover,
.pager > li > a:focus,
.pager > li > span:focus {
  z-index: 2;
  background-color: #e5e5e5;
  }
.pager > li.active > a,
.pager > li.active > span,
.pager > li.active > a:hover,
.pager > li.active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #0075c2;
  border-color: #0075c2;
  }
.pager > li.disabled > span,
.pager > li.disabled > span:hover,
.pager > li.disabled > span:focus,
.pager > li.disabled > a,
.pager > li.disabled > a:hover,
.pager > li.disabled > a:focus {
  color: #ddd;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
  }
  
  
  .main-right{ float:right; width:330px; }
 .nbt1{ margin-bottom:15px; overflow:hidden}
.nbt1 h3{ display:block; font-size:24px; border-left:#0075c2 5px solid; color:#333; padding-left:10px; font-weight:normal; float:left; overflow:hidden; }
.nbt1 span{ display:block; float:right; font-size:14px; color:#999; font-weight:normal;line-height:30px;  overflow:hidden}
.nbt1 span a{ color:#666;line-height:30px}
.nbt1 span a:hover{ text-decoration:underline}


 .nbt3{ margin-bottom:15px; overflow:hidden; background:#f8f8f8; }
.nbt3 h3{ display:block; font-size:20px; background:#0075c2; color:#fff; font-weight:normal; float:left; overflow:hidden; position:relative; width:auto; padding:0 15px;line-height:45px; }
.nbt3 span{ display:block; float:right; font-size:14px; color:#999; font-weight:normal; line-height:45px; overflow:hidden; padding-right:5px}
.nbt3 span a{ color:#666;}
.nbt3 span a:hover{ text-decoration:underline}




.right-itembox {
    width: 100%;
	margin:0px auto;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(/Content/template/1/images/n1.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    font-size: 16px;
	
    
}

.right-itembox h3 {
    position: relative;
    height: 50px;
    margin: 20px 0;
    font-size: 30px;
    font-weight: bold;
}

.right-itembox h3::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 250px;
    height: 1px;
    background-color: #fff;
}
 
 


.index-one-content ul li {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
 	padding:10px;
	box-sizing:border-box;
	border:#eee 1px solid;
	margin-top:20px;
	padding-bottom:0;
	transition:all 0.6s
	
}
.index-one-content ul li:hover { border:#0075c2 1px solid; transition:all 0.6s}

.index-one-content ul li  .rx01 {
	text-align:center; position:relative; top:-20px

}
.index-one-content ul li  .rx01 img {
    width: 80px;
    height: 80px;
	border-radius:50px;
}
.index-one-content ul li  .rx02  {
	width:calc(100% - 110px) 
    
    
}


.index-one-content ul li  .rx01 h3 {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
	margin:10px 0
   
}

.index-one-content ul li  .rx01  p {
    display: inline-block;
    font-size: 12px;
    color: #666666;

}

.index-one-content ul li  .rx02  p {
    font-size: 14px;
    color: #666666;
    line-height: 23px;
    height: 46px;
    margin: 15px 0 10px 0;
	overflow:hidden
}



.index-one-list:hover {
    background: #fff !important;
     box-shadow: 0 0 10px rgba(0, 117, 194, .35);
}
.index-one-content ul li  .rx02  span{
    width: 80px;
    height: 25px;
    background-color: #f7931e;
    color: #fff;
    text-shadow: none;
	display:block;
	text-align:center; line-height:25px; border-radius:5px
}

.index-one-content ul li  .rx02  span a{ color:#fff; font-size:14px}






.lawyer-show {
    width: 100%;
    background-color: #f9f9f9;
	box-sizing:border-box;
	margin:20px 0
}
.nbt2 {
    font-size: 20px;
    color: #fff;
	font-weight:normal;
	padding:10px 0;
	background:#0075c2;
	padding-left:15px;
	margin-bottom:20px



}

.lawyer-show  ul li {
    position: relative;  display: flex;
    justify-content: space-between;
	margin:0 20px;
	border-bottom:#ccc 1px solid;
	padding:15px 0;
}
.lawyer-show  ul li:last-child {border-bottom:0 none;}

.lawyer-show  ul li > p {
    font-size: 12px;
    color:#0075c2;

	position:absolute; right:0; top:15px
}



.index-three-lshfdt-box {
    width:100%; 
}

.index-three-lshfdt-img {
    display: inline-block;
    width: 50px;
    height: 50px;
}
.index-three-lshfdt-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.index-three-lshfdt-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
	box-sizing:border-box
}
.index-three-lshfdt-text h3{ display:block; font-size:16px; color:#333; display:inline-block; padding:0; font-weight:normal}
.index-three-lshfdt-text span {
    font-size: 14px;
    color: #999999;
    margin-left: 8px;
	
	}
.index-three-lshfdt-text p{font-size: 14px;    color: #999999;}

.p1, .p2 {
    font-size: 12px;
    color: rgb(51, 51, 51);
    margin-top: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 .p2  span{ color:#999}

.lvdt a{ display: flex;   justify-content: space-between; }

.pj-box {
    width: 100%;
	box-sizing:border-box;
	margin:20px 0;
	border:#eee 1px solid; box-sizing:border-box
}

.pj-box ul li {
    padding: 20px; padding-top:0;
	margin-bottom:20px;
	box-sizing:border-box;
	border-bottom:#eee 1px dashed
}
.pj-box ul li:last-child {border-bottom:0 none;}

.pj-box ul li p {
    margin-bottom: 18px;
    font-size: 16px;
    color: #0075c2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pj-box ul li .child1 {
    color: #999;
    font-size: 14px;
}
.pj-box ul li .child2 {
    margin-top: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.pj-box ul li .child1 span:nth-child(2) {
    margin: 0 20px;
}

.pj-box ul li .child2 img {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    border-radius: 50%;
}

.pj-box ul li .child2 span:nth-child(2) {
    margin-right: 10px;
    color: #333;
    font-size: 16px;
}
.pj-box ul li .child2 span:nth-child(3) {
    color: #999;
    font-size: 14px;
}


.index-four {
    width: 100%;
	overflow:hidden;
	background:#f9f9f9
	

}

.index-four-content {
	width:1230px; margin:40px auto

}

.index-four-content ul { display: flex;   justify-content: space-between; }

.index-four-content ul li {
    width: 23%;
    float: left;
	text-align:center

}

.index-four-text {
    padding: 15px 30px;
    display:block;
}

.index-four-text  .title{ display:flex;align-items: center;justify-content:center; border:0}

.index-four-text h3 {
    margin-right: 10px;
    font-weight: bold;
	font-size:24px;
	color:#fff
}

.index-four-text span {
    font-size: 14px;
    color: #888;
}

.index-four-text p {
    font-size: 14px;
    color: #999;
    line-height: 18px;
    height: 36px;
    margin: 15px 0;
}

.index-four-text .tel{    
font-size: 20px;
    color: #fff;
    display: inline-block;

	font-style:normal;
	background:#f7931e;
	padding:0 20px; border-radius:30px
}


.index-four-list {
    display: block;
    overflow: hidden;
  
    border-bottom: 5px solid transparent;
}


.index-four-img {  overflow: hidden;}
.index-four-img  img{ width:240px;height:240px; border-radius:200px; display:block; margin:0 auto; transition:all 0.6s}
.index-four-content ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}



.txt-box .txt-box-top {
    position: relative;
    font-size: 18px;
    color: #343434;
	line-height:30px
}


.txt-box .txt-box-top .time-address {
    display: inline-block;
    width: 100%;
 
}


 .txt-box .txt-box-top .time-address span {
    margin-right: 25px;
    font-size: 14px;
    color: #999;
}

.txt-box .txt-box-bottom {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.txt-box .txt-box-bottom .btn-box {
    display: flex;
    align-items: center;
}

 .txt-box .txt-box-bottom .btn-box span {
    font-size: 14px;
    color: #999;
}
.txt-box .txt-box-bottom .btn-box .btn {
    width: 150px;
    height: 45px;
    margin-left: 10px;
    background-color: #0075c2;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    border: 0;
	text-align:center;
	line-height:45px;
}

 .txt-box .txt-box-bottom .fx-box i {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(/Content/template/1/images/fx-icon.png) no-repeat center center;
  vertical-align: middle;
}
 .txt-box .txt-box-bottom .fx-box span {
  font-size: 14px;
  color: #0075c2;
  vertical-align: middle;
  cursor: pointer;
}
.txt-box .txt-box-bottom .fx-box .fx-img-box {
  display: none !important;
  position: absolute;
  top: -30px;
  left: -100px;
  width: 160px;
  height: 35px;
  padding: 5px 13px 0;
  background: url(/Content/template/1/images/fx-border.png) no-repeat center center;
  background-size: 100% 100%;
  box-sizing:border-box
}
.txt-box .txt-box-bottom .fx-box .fx-img-box span {
  display: inline-block;
  width: 19px;
  height: 19px;
}
.fx-box .fx-img-box span:not(:last-child) {
  margin-right: 15px;
}
.txt-box .txt-box-bottom .fx-box .fx-img-box span:nth-child(1) {
  background: url(/Content/template/1/images/weibo.png) no-repeat center center;
}
 .txt-box .txt-box-bottom .fx-box .fx-img-box span:nth-child(2) {
  background: url(/Content/template/1/images/weixin.png) no-repeat center center;
}
.txt-box .txt-box-bottom .fx-box .fx-img-box span:nth-child(3) {
  background: url(/Content/template/1/images/QQkongjian.png) no-repeat center center;
}
 .txt-box .txt-box-bottom .fx-box .fx-img-box span:nth-child(4) {
  background: url(/Content/template/1/images/QQ.png) no-repeat center center;
}
 .txt-box .txt-box-bottom .fx-box {
    position: relative;
}
 .txt-box .txt-box-bottom .fx-box:hover .fx-img-box {
  display: block !important;
}


.lvhd-box {
    position: relative;
    margin-top: 50px;

    
}
 .lvhd-box .pos-box {

    width: 100%;
  
    display: flex;
    justify-content: space-between;
    align-items: center;
}

 .lvhd-box .pos-box .pos-title {
    width: 228px;
    height: 50px;
	
	text-align:center;
    line-height: 50px;
	font-size:24px; color:#fff;
	background:#0075c2;
	border-radius:10px;
	margin-bottom:20px;
}

 .lvhd-box .info-box {
    position: relative;
    display: flex;
	background:#f8f8f8;
	padding:25px; box-sizing:border-box;
    margin-bottom: 18px;
}
 .lvhd-box .info-box .ljzx-btn {
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 120px;
    height: 30px;
    background-color: #f7931e;
    font-size: 14px;
    border-radius: 5px;
    color: #fff;
    border: 0;
    line-height: 30px;
    text-align: center;
}
.lvhd-box .info-box .left-box img {
    width: 50px;
    height: 50px;
    max-width: unset;
    border-radius: 50%;
}

.lvhd-box .info-box .right-box {
    margin-left: 20px;
    width: calc(100% - 90px) ;
}
 .lvhd-box .info-box .right-box .info-box1{ float:left; margin-bottom:10px}
 

 .lvhd-box .info-box .right-box .info-box1 h4 {
    display: inline-block;
    font-size: 18px;
    color: #333;
}
 .lvhd-box .info-box .right-box .info-box1 span {
    margin-left: 5px;
    color: #999;
    font-size: 14px;
}
 .lvhd-box .info-box .right-box .info-box3 {
    margin-bottom: 14px;
    font-size: 14px;
    color: #666;
}
 .lvhd-box .info-box .right-box .info-box4 {

    font-size: 14px;
    color: #999;
}
 .lvhd-box .info-box .right-box .info-box5 { float:right}
 .lvhd-box .info-box .right-box .info-box5 .zan {
    position: relative;
  
    margin-right: 60px;
    font-size: 16px;
    color: #0075c2;
    cursor: pointer;
}
 .lvhd-box .info-box .right-box .info-box5 .zan:before{ padding-right:5px}


 .lvhd-box .info-box .right-box .info-box5 span {
    font-size: 14px;
    color: #999;
}

 .lvhd-box .bottom-btn {
    border-radius: 5px;
    color: #666;
    border: 0;
    width: 100%;
    font-size: 14px;
	display:flex;
	line-height:30px;
	
}

 .lvhd-box .bottom-btn a{ background:#0075c2; color:#fff; padding:0 5px; border-radius:5px;}
 .lvhd-box .bottom-btn:hover{ opacity:0.8}
 
 .xgzx-box {

    margin-top: 40px;
 
}

.xgzx-box .content-box {
    padding: 20px;
    border: 1px solid	 #eee;
	box-sizing:border-box;
	margin-bottom:20px;
}


 .xgzx-box .content-box h4 {
    margin-bottom: 16px;
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	
}

 .xgzx-box .content-box h4 i{ color:#0075c2; font-size:23px; padding-right:5px}


 .xgzx-box .content-box  .neirong p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
 .xgzx-box .content-box  .neirong p span {
    color: #999999;
}


 .xgzs-box{ margin:30px 0}

 .xgzs-box .content-box2 {

    margin-bottom: 20px;
    cursor: pointer; transition:all 0.6s;
	background:#f9f9f9; 
	padding:20px; box-sizing:border-box;
	position:relative
}

 .xgzs-box .content-box2:hover {
      box-sizing:border-box; transition:all 0.6s
}

 .xgzs-box .content-box2  em{ display:inline-block; font-style:normal; width:80px; line-height:25px; text-align:center; position:absolute; right:20px; top:20px;}
  .xgzs-box .content-box2  em a{ display:block; background:#e5f1f9; color:#0075c2; font-size:14px; border-radius:5px;}
  
   .xgzs-box .content-box2  em a:hover{ background:#0075c2; color:#fff}
  
 .xgzs-box .content-box2 h3{

    font-size: 18px;
    color: #333;

}

 .xgzs-box .content-box2 p {
    color: #666;
    font-size: 14px;
	margin:10px 0
	
}

 .xgzs-box .content-box2 span{ font-size:14px; color:#999; display:block; }
 .xgzs-box .content-box2 span i{ padding-right:5px;}


#lib_Tab2{width:100%;margin:0px;padding:0px; background:#fff; box-sizing:border-box; background:#f9f9f9}

#lib_Tab2 .lib_Menubox {height:40px;position:relative;}

#lib_Tab2 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; width:100%; top:0px; left:0; height:40px;text-align:center;}
#lib_Tab2 .lib_Menubox li{float:left;cursor:pointer;width:50%; height:40px;line-height:40px; margin:0; color:#333; font-size:20px; background:#fff}
#lib_Tab2 .lib_Menubox li.hover{padding:0px;width:50%; color:#fff; background:none;height:40px;line-height:40px; background:#0075c2}
#lib_Tab2 .lib_Contentbox{clear:both;margin-top:0px; padding:20px; border-top:none;height:auto; text-align:center}
-->

.index-nine-list {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
   
}
.index-nine-list-l {
    display: flex;
    align-items: center;
}



.index-nine-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-nine-box-ul li{ margin-bottom:20px; position:relative}

.index-nine-box-ul li:nth-child(1) .index-nine-sequence {
	background:#F00;

}

.index-nine-box-ul li:nth-child(2) .index-nine-sequence {
   	background:#f7931e;
}

.index-nine-box-ul li:nth-child(3) .index-nine-sequence {
   	background:#0075c2
}
.index-nine-sequence {
    width: 24px;
    height: 24px;

    text-align: center;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
	position:absolute; left:-10px; top:-5px;
	background:#888; border-radius:20px;
}

.index-nine-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.index-nine-name span:nth-child(1) {
    font-size: 14px;
    color: #323232;
    display: inline-block;
    margin-right: 5px;
}
.index-nine-name span:nth-child(2) {
    font-size: 14px;
    color: #999999;
}
.index-nine-list-r span {
    font-size: 12px;
    color: #999999;
    line-height: 30px;
}
.index-nine-list-r a {
    border: 1px solid ##f7931e;
    font-size: 12px;
    color: #f7931e;
    line-height: 30px !important;
    display: none;
    padding: 0 10px;
}

.index-nine-list .up {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/Content/template/1/images/up.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 2px;
}

.index-nine-list .down {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/Content/template/1/images/down.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 2px;
}
.index-nine-list:hover .index-nine-list-r a {
    display: inline-block;
}
.index-nine-list-r a:hover {
    background-color: #f7931e;
    color: #fff;
}

.index-nine-list:hover .index-nine-list-r a {
    display: inline-block;
}
.index-nine-list:hover .index-nine-list-r span {
    display: none;
}
.hot-tj{ width:1230px; margin:0px auto}

.hot-tj dl {
  padding: 0;
  background:#fff;
  padding:15px; box-sizing:border-box;
  border-bottom:#eee 1px solid;
}
.hot-tj dl dt {
  margin-bottom: 14px;
  font-size: 16px;
  font-weight:bold;
  color:#333
}
.hot-tj dl dd {
  position: relative;
  display: inline;
  color: #666;
  font-size: 16px;
  line-height:30px
}
.hot-tj dl dd:not(:first-child) {
  margin-right: 42px;
}
.hot-tj dl dd:not(:first-child)::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -23px;
  width: 1px;
  height: 16px;
  background-color: #B3B3B3;
}
.hot-tj dl a {
  font-size: 16px;
  /*color: #012A90;*/
}
.hot-tj dl .txt1 {
  margin-right: 10px;
  color: #666;
  font-size: 16px;
}

.wzxq{ border:#eee 1px solid; padding:30px; box-sizing:border-box}

.aritcle-title {
    color: #303030;
    font-size: 24px;
	font-weight:bold;
	text-align:center
}
.article-bott {
    color: #999;
    font-size: 12px;
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #eee;
	text-align:center;
}
.article-content {
    font-size: 16px;
    color: #404040;
    line-height: 32px;
    padding: 0 20px;
    margin-top: 30px;
}

 .layer-bottom-wrap {
    padding-top: 30px;
 
    padding-bottom: 20px;

    text-align: center;
    color: #858585;
    font-size: 16px;
}
.layer-info-box {
    margin-top: 30px;
	overflow:hidden;
	background:#f9f9f9;
 display: flex;   justify-content: space-between; 
	padding:30px; box-sizing:border-box; border-radius:10px;
}


.layer-info-box .box-inner  img{
    width: 160px;
    height: 160px;
    margin: auto;
    margin-top: 10px;
    overflow: hidden;

}


.layer-info-box .layer-info-cont {
    width: 540px;
    margin-top: 10px;
}
.layer-info-box .layer-name {
    display: inline-block;
    color: #353535;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.layer-info-box .div {
    color: #666;
    font-size: 14px;
    margin-bottom: 5px;
}


.layer-info-box .div>i {
    font-weight: 700;
    color: #f90;
}

.layer-info-box .const-btn-box {
    color: #0075c2;
    font-size: 14px;
    margin-top: 10px;
}
.layer-info-box .btn-const {
    display: inline-block;
    width: 86px;
    height: 28px;
    border: 1px solid #0075c2;
    text-align: center;
    line-height: 28px;
    color: #0075c2;
    transition: all .5s;
    border-radius: 4px;
    background: #f8fcff;
}

.layer-info-box .btn-const:hover{ background:#0075c2; color:#fff}

.lsxx{ background:#f9f9f9; }
.lsxx.on{ position:fixed; top:0; width:330px }

.title-common-left {
    color: #fff;
    font-size: 24px;
    text-align: center;
    position: relative;
	background:#0075c2;
	line-height:50px
}

.left-list {
    padding: 15px 20px;
    margin-top: 10px;
}
.left-list .left-li {
    padding-bottom: 0;
    font-size: 14px;
}
.left-list .span-left {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #999;
    font-size: 14px;
}
.left-list .span-right {
    display: inline-block;
    vertical-align: middle;
    color: #303030;
    width: 200px;
    overflow: hidden;
    padding: 10px 0;
    font-size: 14px;
    min-height: 26px;
    line-height: 24px;
    border-bottom: 1px solid #eee;
}


.code-box {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 20px;
}
.code-box img {
    width: 150px;
    height: 150px;
    border: 7px solid #eee;
    border-radius: 6px;
    margin-bottom: 10px;
}
.code-box p {
    color: #858585;
    font-size: 14px;
}
.weizhi{ width:1230px; margin:20px auto; color:#999; font-size:14px; }

.shaixuan2{ width:1230px; margin:0 auto}
.new_lawyer_head {
    padding-top: 10px;
    line-height: 27px;
    border-bottom: 1px solid #eee;
    padding-bottom: 18px;
	overflow:hidden
}


.new_lawyer_head .tl {
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: 500;
}
.new_lawyer_head .h_r {
    float: right;
    font-size: 18px;
    color: #ccc;
}
.lsk_list {
    font-size: 14px;
    color: #333;
    padding-top: 10px;
    padding-bottom: 15px;
	overflow:hidden
}
.lsk_list  li {
    float: left;
    min-width: 85px;
	max-width:160px;
    line-height: 22px;
    padding: 10px 10px;
    cursor: pointer;
    color: #333;
    -webkit-transition: .4s;
    transition: .4s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.lvlv {
    padding-bottom: 6px;
    color: #333;
	
    overflow: hidden;
	padding-bottom:50px
}


.lvlv .nbt3 {
	width:1230px; margin:0 auto; margin-bottom:20px
 
	
}

.lvlv .title .recommend {
    color: #0075c2;
}

.lawyer-swiper {
    position: relative;
	width:1230px;
	margin:0 auto;


}


.lawyer-swiper .swiper-slide {
	position: relative;  border:#eee 1px solid; box-sizing:border-box;
}

.jtkd{ width:90%; max-width:1400px; margin:0 auto; position:relative}
.jtkd .swiper-button-next{ background:url(/Content/template/1/images/arr_right.png)#fff center no-repeat; width:48px; height:48px; border-radius:50px; background-size:15px auto}
.jtkd .swiper-button-prev{ background:url(/Content/template/1/images/arr_left.png)#fff center no-repeat; width:48px; height:48px; border-radius:50px; background-size:15px auto}



.lawyer-swiper .swiper-slide .photo-box {
	position: relative;
	width: 100%;
	height: 288px;
	overflow: hidden;

}
.lawyer-swiper .swiper-slide .photo-box img {
	width: 100%; height:auto
}
.lawyer-swiper .swiper-slide .photo-box .rec {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 54px;
	height: 27px;
	line-height: 22px;
	color: #ffe7c7;
	font-size: 14px;
	text-indent: 9px;

	background-size: 100% auto;
	font-size: 14px;
	pointer-events: none
}
.lawyer-swiper .swiper-slide  .btn {

	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: #0075c2;

	border-radius: 16px;
	font-size: 14px;
	color: #fff;
	-webkit-transition: .4s;
	transition: .4s;

}

.lawyer-swiper .swiper-slide:hover .btn{ background:#f7931e}
.lawyer-swiper .swiper-slide .photo-box .btn:hover {
	background-color: #f7931e;
	text-decoration: none
}
.lawyer-swiper .swiper-slide .slide-intro {
	width: 100%;
	height: auto;

	box-sizing:border-box;
}
.lawyer-swiper .swiper-slide .slide-intro .txt {
	line-height: 22px;
	margin-bottom: 34px;
	color: #999
}
.lawyer-swiper .swiper-slide .box {
	padding: 22px 24px; box-sizing:border-box
}
.lawyer-swiper .swiper-slide .name {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	line-height: 25px;
	margin-bottom: 12px
}
.lawyer-swiper .swiper-slide .link {
	margin-right: 10px;
	color: #333;
	-webkit-transition: .4s;
	transition: .4s
}
.lawyer-swiper .swiper-slide .link:hover {
	color: #0075c2
}
.lawyer-swiper .swiper-slide .info {
	color: #999;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background:none;
	 width:auto
}
.lawyer-swiper .swiper-slide .lball {
	height: 24px;
	overflow: hidden;
	margin-bottom: 22px
}
.lawyer-swiper .swiper-slide .lball .item {
	display: inline-block;
	line-height: 24px;
	padding: 0 10px;
	font-size: 14px;
	color: #0075c2;
	background-color:#e5f1f9;
	border-radius: 2px;
	margin-right: 12px
}
.lawyer-swiper .swiper-slide .phone {

	
	font-size: 20px;
	color: #333;
	font-weight: 500;
	position:absolute;
	background:rgba(0,0,0,0.5);
	bottom:0px;
	left:0;
	 width:100%; color:#fff; text-align:center;
	 line-height:50px;
	 font-weight:bold;
	
	
}


.icon-v, .icon-x {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: 18px auto;
	margin-right: 6px
}
.icon-v {
	background-image: url(/Content/template/1/images/icon_v.png)
}
.icon-x {
	background-image: url(/Content/template/1/images/icon_x.png)
}




.search-result-header {
	width:1230px; margin:0 auto;
    padding: 0;
	box-sizing:border-box
}

.search-result-header .search-h {
    float: left;
    font-size: 20px;
    color: #333;
    line-height: 28px;
	font-weight:bold
}


.search-result-header .tool_list{ float:right}
.tool_list .item {
    position: relative;
    padding-right: 16px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    margin-right: 44px;
	float:left
}

.tool_list .item:before, .tool_list .item:after {
    content: '';
    display: block;
    position: absolute;
    right: 1px;
    width: 8px;
    height: 6px;
    background-size: 8px auto;
    background-repeat: no-repeat;
}
.tool_list .item:after {
    bottom: 6px;
    background-image: url(/Content/template/1/images/icon_down.png);
}

.tool_list .item:hover {
	text-decoration: underline
}
.tool_list .show_sex {
	position: relative;
	float: left;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	margin-right: 44px;
	
}
.tool_list .show_sex em{font-style:normal}

.tool_list .show_sex_c {
	position: absolute;
	top: 0;
	padding-top: 30px;
	left: -18px;
	z-index: 9;
	display: none;
	
}


.tool_list .show_sex_c .box {
	width: 106px;
	height: 120px;
	line-height: 30px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.14);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,.14);
	border-radius: 4px
}
.tool_list .show_sex_c.active {
	display: block
}
.tool_list .show_sex_c .sex_i {
	display: block;
	text-align: center;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	margin: 0 12px;
	line-height: 40px;
	color: #333;
	-webkit-transition: .4s;
	transition: .4s
}
.tool_list .show_sex_c .sex_i.active, .tool_list .show_sex_c .sex_i:hover {
	color: #0075c2;
	font-weight: 500
}
.tool_list .show_sex_c .sex_i:last-child {
	border-bottom: none
}
.tool_list .area_con {
	position: relative;
	float: left;
	color: #333;
	font-size: 14px;
	z-index: 9
}
.tool_list .area_con .city {
	cursor: pointer
}
.tool_list .area_con .area_show {
	position: absolute;
	top: 0;
	padding-top: 30px;
	right: 0;
	display: none
}
.tool_list .area_con .area_show .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 282px;
	line-height: 30px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.14);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,.14);
	border-radius: 4px
}
.tool_list .area_con .area_show.active {
	display: block
}
.tool_list .area_con .citem {
	padding: 10px 0;
	height: 226px;
	overflow-y: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 94px;
	-webkit-box-shadow: 1px 0px 0px 0px #eee;
	box-shadow: 1px 0px 0px 0px #eee;
	font-size: 14px
}
.tool_list .area_con .citem .link {
	display: block;
	height: 36px;
	line-height: 36px;
	padding-left: 16px;
	-webkit-transition: .4s;
	transition: .4s
}
.tool_list .area_con .citem .link.active, .tool_list .area_con .citem .link:hover {
	background: #f3f4f8;
	text-decoration: none;
	color: #333
}

.sr-main{ width:1230px; margin:0 auto}

.sr-list .list-item {
	position: relative;
	height: 210px;
	padding-top: 30px;
	background-color: #fff;
	margin-bottom: 20px;
	border-top:#0075c2 2px solid;
	float:left;
	width:600px;
	margin-right:30px;
    overflow:hidden
	
}
.sr-list .list-item:nth-child(2n){ margin-right:0}

.sr-list .list-item:hover {
	-webkit-box-shadow: 0px 7px 21px 0px rgba(0,0,0,.07);
	box-shadow: 0px 7px 21px 0px rgba(0,0,0,.07)
}
.sr-list .list-item:hover .lawyer-info .online-zxbtn {
	opacity: 1;
	top: 13px
}
.sr-list .list-item .sr-lawyer {
	position: relative;
	z-index: 1;
	height: 180px;
	background: #fff;
	-webkit-transition: .4s;
	transition: .4s
}
.sr-list .list-item .sr-lawyer:after {
	content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	width: 100%;
	height: 0;
	font-size: 0;
	zoom: 1
}
.sr-list .list-item .lawyer-photo {
	float: left;
	position: relative;
	width: 180px;
	height: 180px;
	text-align: center;
	line-height: 180px;
	overflow: hidden;
	background: #f2f2f2;
	border-radius: 12px;
	margin-left: 30px
}
.sr-list .list-item .lawyer-photo img {
	max-width: 180px;
	vertical-align: middle;
	height:auto
}
.sr-list .list-item .lawyer-photo .lawyer-photos {
	display: inline-block;
	width: 110px;
	height: 135px;
	overflow: hidden;
	vertical-align: middle
}
.sr-list .list-item .lawyer-photo .photos {
	width: 110px;
	vertical-align: top
}
.sr-list .list-item .lawyer-photo .entra_btn {
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: block;
	width: 24px;
	height: 24px;
	background: url(/Content/template/1/images/icon_add.png) no-repeat;
	background-size: 24px auto;
	text-indent: -999em;
	cursor: pointer
}
.sr-list .list-item .lawyer-photo .entra_btn:hover, .sr-list .list-item .lawyer-photo .entra_btn.selected {
	background-image: url(/Content/template/1/images/icon_add_s.png)
}
.sr-list .list-item .lawyer-info {
	position: relative;
	float: left;
	width: 345px;
	height: 180px;
	font-size: 12px;
	padding-left: 35px;
	
}
.sr-list .list-item .lawyer-info .online-zxbtn {
	position: absolute;
	top: 13px;
	right: 30px;
	display: block;
	width: 92px;
	height: 32px;
	line-height: 32px;
	background: #f7931e;
	color: #fff;
	text-align: center;
	border-radius: 16px;
	font-size: 14px;
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 0;
	top: 20px
}
.sr-list .list-item .lawyer-info .online-zxbtn:hover {
	text-decoration: none;
	color: #fff;
	background: #f7931e
}
.sr-list .list-item .lawyer-info .tl {
	font-size: 20px;
	color: #333;
	padding-bottom: 14px;
	font-weight: 500;
	line-height: 33px
}
.sr-list .list-item .lawyer-info .tl .name-text {
	margin-right: 16px
}
.sr-list .list-item .lawyer-info .tl a {
	color: #333
}
.sr-list .list-item .lawyer-info .tl a:hover {
	color: #0075c2
}
.sr-list .list-item .lawyer-info .icon-v, .sr-list .list-item .lawyer-info .icon-x {
	width: 20px;
	height: 20px;
	background-size: 20px auto;
	vertical-align: -2px
}
.sr-list .list-item .lawyer-info .intro {
	font-size: 14px
}
.sr-list .list-item .lawyer-info .intro .area {
	color: #999;
	line-height: 20px;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.sr-list .list-item .lawyer-info .intro .desc {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #333;
	margin-bottom:15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.sr-list .list-item .lawyer-info .intro .lawyer_details {
	color: #2fa9ff
}
.sr-list .list-item .honor-list {
	line-height: 20px;
	color: #333
}

.sr-list .list-item .lawye-service {

	position: relative;
	color: #333;
	font-size: 16px;

	overflow: hidden
}
.sr-list .list-item .lawye-service .tl {
	font-size: 14px;
	padding-top: 8px;
	color: #bfbfbf;
	margin-bottom: 7px
}
.sr-list .list-item .lawye-service .mobile {
	font-size: 24px;
	line-height: 45px;
	font-weight: 700;
	color: #333;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.sr-list .list-item .lawye-service .mobile i{ padding-right:10px; color:#ccc}
.sr-list .list-item .lawye-service .nor {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 11px
}
.sr-list .list-item .lawye-service .all_l {
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.sr-list .list-item .lawye-service .aitem {
	line-height: 24px;
	padding: 0 10px;
	font-size: 14px;
	color: #0075c2;
	background-color: rgba(0,117,194,.1);
	border-radius: 2px;
	margin-right: 12px
}

.item-close, .com-close, .com-list:after {
	background: url(/Content/template/1/images/entra_icon.png) no-repeat
}
.compared_fixed {
	position: fixed;
	width: 525px;
	height: 240px;
	right: 0;
	bottom: 30px;
	background: #fff;
	box-shadow: 12px 0px 24px rgba(20,36,42,.2);
	z-index: 10;
	display: none;
	z-index: 10
}
.compared_main {
	width: 100%
}
.com-close {
	position: absolute;
	left: 14px;
	top: 10px;
	display: block;
	width: 16px;
	height: 16px;
	background-position: -130px -80px;
	cursor: pointer;
	text-indent: -999em
}
.com-close:hover {
	background-position: -130px -96px
}
.com-list {
	position: relative;
	width: 360px;
	margin: 0 auto;
	height: 150px
}
.com-list:after {
	content: '';
	display: block;
	position: absolute;
	width: 107px;
	height: 112px;
	background-position: 0 0;
	left: 50%;
	margin-left: -53px;
	top: 50%;
	margin-top: -56px
}
.clearfix {
	zoom: 1
}
.clearfix:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	overflow: hidden
}
.com-list .item {
	position: relative;
	font-size: 14px;
	color: #b8b8b8;
	min-width: 100px;
	text-align: center;
	max-width: 130px
}
.com-list .img-box {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 30px auto 8px;
	overflow: hidden;
	background: url(/Content/template/1/images/default_temp.jpg) no-repeat;
	background-size: 100% auto;
	border-radius: 50%
}
.com-list .img-box .photo {
	width: 100px;
	height: auto;
	transition: .4s
}
.item-close {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background-position: -107px -80px;
	left: -16px;
	bottom: 3px;
	cursor: pointer;
	text-indent: -999em;
	display: none
}
.item-close:hover {
	background-position: -107px -96px
}
.com-list .item.selected {
	color: #0075c2;
	transition: .4s
}
.com-list .item.selected .item-close {
	display: block
}
.com-list .title {
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.com-btn {
	padding-top: 34px;
	width: 256px;
	margin: 0 auto;
	font-family: 'PingFangSC-Regular, sans-serif'
}
.com-btn .btn {
	display: block;
	float: left;
	width: 126px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	border: 1px solid #0075c2;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px
}
.com-btn .clear-all {
	background: #fff;
	border: 1px solid #0075c2;
	color: #0075c2;
	border-radius: 16px 0 0 16px
}
.com-btn .begin-com {
	background: #0075c2;
	color: #fff;
	border-radius: 0 16px 16px 0
}

.sr-main .fen-ye{ text-align:center; margin:50px auto}

#compared{ position:fixed;}






.lawyer-tabs { padding:50px 0;}

 .container{ width:1230px; margin:0 auto}

.tab-list .tab-item {
	float: left;
	line-height: 28px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 20px;
	color: #333;
	margin-right: 40px;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer
}
.tab-list .tab-item.active, .tab-list .tab-item:hover {
	color: #0075c2;
	font-weight: 700
}
.lawyer-tab-con {

	font-size: 16px;
	color: #666;
	border:#eee 1px solid; box-sizing:border-box
	
}
.lawyer-tab-con .tab-box {
	display: none;
	position: relative;
	height: 290px
}
.lawyer-tab-con .tab-box:first-child {
	display: block
}
.lawyer-tab-con .swiper-pagination {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center
}
.swiper-tab-nor {
	position: relative;
	height: 200px;
	padding: 30px 0
}
.swiper-nor-list .item {
	position: relative;
	float: left;
	width: 512px;
	height: 46px;
	line-height: 46px;
	color: #333;
	font-size: 16px;
	padding: 0 42px;
	border-right: 1px solid #f2f2f2
}
.swiper-nor-list .item:nth-child(2n) {
	border-right: none
}
.swiper-nor-list .content {
	float: left;
	width: 420px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.swiper-nor-list .content a {
	color: #333
}
.swiper-nor-list .content a:hover {
	color: #0075c2
}
.swiper-nor-list .date {
	float: right;
	font-size: 12px;
	color: #999
}
.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 30px;
	width: 100%
}
.swiper-pagination-switch {
	display: inline-block;
	width: 36px;
	height: 6px;
	border-radius: 40px;
	background: rgba(109,114,120,.12);
	margin: 0 3px;
	cursor: pointer
}
.swiper-active-switch {
	background: #6d7278
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0
}
.swiper-pagination-bullet {
	border-radius: 4px;
	background: #dfdfdf;
	opacity: 1
}
.swiper-pagination-bullet-active {
	background: #4f78ff;
	width: 30px
}
.swiper-tab-com {
	position: relative;
	height: 260px;
	padding: 0
}
.swiper-compare-list {
	font-size: 12px;
	color: #999;
	padding-top: 30px
}
.swiper-compare-list .item {
	padding: 30px;
	float: left;
	width: 180px
}
.swiper-compare-list .item .nor-t {
	color: #999;
	margin-bottom: 5px
}
.swiper-compare-list .item .tl {
	font-size: 16px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.swiper-compare-list .item a {
	color: #333
}
.swiper-compare-list .item a:hover {
	color: #0075c2
}



.index_banner {
    height: 508px;
    position: relative;
    background: #fff;
    overflow: hidden;
}
.index_banner img{ position:absolute; height:100%; width:auto; top:0; left:50%; transform:translateX(-50%)}





.icon_list {
	width:1230px;
	margin:0px auto;
	margin-top:40px;
	 display: flex;   justify-content: space-between;
	 font-size:16px;
	 
}

.icon_list  span img{ vertical-align:middle; height:40px; width:40px; padding:10px; border-radius:50px;    background: rgba(0,117,194,0.05); margin-right:10px}










.index_lawyer {
	position: relative;
	margin: 0px auto ;
	background: #fff
}
.index_lawyer .type_l {
	position: absolute;
	top: 0;

	display: block;
	color: #fff;
	left:0px
}
.index_lawyer .type_l .txt {
	display: block;
	width: 44px;
	margin: 12px auto;
	font-size: 20px;
	color: #ffd890;
	line-height: 24px;
	text-shadow: 0px 2px 6px #1d5dd4
}
.index_lawyer .icl {
	padding: 40px; display: flex;   justify-content: space-between; 
}
.index_lawyer .icl .ic01 { width:320px;}

.index_lawyer .icl .ic01 img{ width:320px; height:auto}

.index_lawyer .icl .bl {
	display: block;
	overflow: hidden;
	width:760px
}
.index_lawyer .icl .tl {
	font-size: 40px;
	color: #333;
	font-weight: 700
}
.index_lawyer .icl .tl a {
	color: #333
}
.index_lawyer .icl .info {
	color: #999;
	line-height: 1;
	display:flex;
	 flex-wrap:wrap;
	 width:100%;
	 border:#eee 0px solid;
	 margin-top:20px;
	 border-bottom:0;
}
.index_lawyer .icl .info span {
	display:block;
	width:100%;
	padding:5px 10px; 
	box-sizing:border-box;
	border-bottom:#eee 0px solid;
	padding-left:20px;
	position:relative;
	font-size: 14px;
	line-height:25px;
}

.index_lawyer .icl .info span:before{ color:#0075c2; padding-right:5px; position:absolute; left:5px; font-size:12px}
.index_lawyer .icl .info span.fa-mobile:before{ font-size:20px}

.index_lawyer .icl .lawyerinfo {
	color: #999;
	line-height: 1;
	display:flex;
	 flex-wrap:wrap;
	 width:100%;
	 border:#eee 0px solid;
	 margin-top:20px;
	 border-bottom:0;
}
.index_lawyer .icl .lawyerinfo span {
	display:block;
	width:100%;
	padding:5px 10px; 
	box-sizing:border-box;
	border-bottom:#eee 0px solid;
	padding-left:20px;
	position:relative;
	font-size: 14px;
	line-height:25px;
}

.index_lawyer .icl .lawyerinfo span:before{ color:#0075c2; padding-right:5px; position:absolute; left:5px; font-size:12px}
.index_lawyer .icl .lawyerinfo span.fa-mobile:before{ font-size:20px}



.index_lawyer .icl .desc {
	padding-top: 32px;
	color: #666;
	font-size: 14px;
	line-height: 25px
}
.index_lawyer .icl .desc a {
	color: #3e7dff
}
.index_lawyer .icl .desc a:hover {
	text-decoration: underline
}
.index_lawyer .icl .title {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	padding-top: 22px;
	padding-bottom:15px;
}
.index_lawyer .icl .lable {
	padding-top: 0px;
	margin-left: -12px
}
.index_lawyer .icl .la {
	margin-left: 12px;
	margin-bottom: 10px;
	width: 124px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background-color: #f3f4f8;
	color: #666;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.rwtd ul { display: flex;   justify-content: space-between; margin:20px 0}
.rwtd ul li{ background:rgba(0,117,194,0.1); width:31%; padding:10px; box-sizing:border-box; color:#fff;display: flex;   justify-content: space-between; align-items: center; border-radius:10px }
.rwtd ul li i{ display:block; width:70px; height:70px; border-radius:60px; background:#fff; padding:10px; box-sizing:border-box }
.rwtd ul li i img{ width:100%; height:auto}
.rwtd ul li .b1{ width:130px}
.rwtd ul li .b1 span{ display:block}
.rwtd ul li .b1 .num{ font-size:25px; font-weight:bold; color:#0075c2}
.rwtd ul li .b1 .nn{ font-size:14px; color:#666}


.bgw {
	background: #fff
}
.bgh {
	background: #f9f9f9; padding:10px 0
}
.bgh2 {
	background: #f9f9f9;  
 display: flex;   justify-content: space-between;   align-items: center; 
}

.i_title {
	font-size: 32px;
	font-weight: 700;
	color: #333;
	height: 40px;
	line-height: 40px;
	margin:40px 0;
	border-left:#0075c2 5px solid;
	padding-left:10px;
}


.anli2{ width:1230px; margin:0 auto}
.anli2 ul{ display: flex;   justify-content: space-between;flex-wrap:wrap }
.anli2 ul li{ width:600px; margin-bottom:30px; padding:20px; box-sizing:border-box; border:#eee 1px solid; border-radius:15px 0 15px 0;}
.anli2 ul li a{display: flex;   justify-content: space-between;}

.anli2 ul li i{ display:block; width:244px; height:163px; overflow:hidden;}
.anli2 ul li i img{ width:100%; height:100%; transition:all 0.6s}
.anli2 ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.anli2 ul li .alzi{ width:290px}

.anli2 ul li .alzi h3{ display:block; font-size:20px; color:#333; line-height:32px; max-height:64px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}

.anli2 ul li .alzi p{ display:block; margin:15px 0; font-size:14px; line-height:25px; color:#666666; max-height:50px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}

.anli2 ul li .alzi span { display:block; float:left; font-size:14px; color:#373737; line-height:20px}
.anli2 ul li .alzi em{ display:block; float:right;line-height:20px; color:#999; font-size:12px}
.anli2 ul li:hover{ background:#0075c2}
.anli2 ul li:hover .alzi h3{ color:#fff}
.anli2 ul li:hover .alzi p{ color:#fff}

.anli2 ul li:hover .alzi span { color:#fff}

.anli2 ul li:hover .alzi em { color:#fff}







.jtkd2{ width:100%; position:relative; }
.lawyer-swiper2 { padding-bottom:50px}

.lawyer-swiper2 .swiper-slide i img{ width:100%; height:auto}
.lawyer-swiper2 .swiper-slide:hover p{ background:#0075c2;transition: .3s; box-sizing:border-box}
.lawyer-swiper2 .swiper-slide p{ display:block; font-size:16px; text-align:center; margin:0 15px;background:#fff; line-height:55px; border-radius:10px;box-shadow: 0px 0px 10px rgba(195,195,195,0.45); position:relative; top:-20px;}
.lawyer-swiper2 .swiper-slide:hover p{ color:#fff;}



.jtkd2 .swiper-button-next{ background:url(/Content/template/1/images/arr_right.png)#fff center no-repeat; width:48px; height:48px; border-radius:50px; background-size:15px auto; right:-98px}
.jtkd2 .swiper-button-prev{ background:url(/Content/template/1/images/arr_left.png)#fff center no-repeat; width:48px; height:48px; border-radius:50px; background-size:15px auto; left:-98px}


.record_con {
	position: relative;
	padding-bottom: 54px
}
.record_list {
	margin-left: -24px
}
.record_list .item {
	float: left;
	width: 588px;
	height: 150px;
	margin-left: 24px;
	margin-bottom: 24px;
	border:#eee 1px solid;
	border-bottom:rgba(0,0,0,0.1) 5px solid;
	border-right:rgba(0,0,0,0.1) 5px solid;


	border-radius: 16px 16px 16px 0;
	transition:all 0.6s
}

.record_list .item:hover{	border-bottom:#0075c2 5px solid;
	border-right:#0075c2 5px solid; transition:all 0.6s}
.record_list .r_con {
	padding: 30px 36px
}
.record_list .tl {
	background: url(/Content/template/1/images/icon_ques.png) left center no-repeat;
	background-size:30px auto;
	padding-left: 40px;
	height: 26px;
	line-height: 26px;
	font-size: 18px;
	color: #333;
	margin-bottom: 16px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
	
}
.record_list .tl a {
	color: #333
}
.record_list .tl a:hover {
	color: #0075c2
}
.record_list .record_txt {
	color: #bfbfbf;
	font-size: 12px;
	padding-top: 2px
}
.record_list .img_box {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-right: 12px;
	overflow: hidden
}
.record_list .img_box:hover img {
	transform: scale(1.05)
}
.record_list .img_box img {
	width: 100%;
	transition: .4s;
	height:auto
}
.record_list .name {
	display: block;
	font-size: 16px;
	color: #666;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.record_list .name a {
	color: #666
}



.honnor_con {
	padding-bottom: 75px
}
.honnor_list {
	margin-left: -24px
}
.honnor_list .item {
	float: left;
	margin-left: 24px;
	width: 384px;
	text-align: center
}
.honnor_list .img_box {
	width: 384px;
	height: 288px;
	line-height: 288px;
	background: #ebeff6;
	overflow: hidden
}
.honnor_list .img_box:hover img {
	transform: scale(1.05)
}
.honnor_list .img_box img {
	width: 100%;
	vertical-align: middle;
	transition: .4s
}
.honnor_list .tl {
	font-size: 16px;
	color: #333;
	margin-top: 20px
}
.honnor_list .tl a {
	color: #333
}
.honnor_list .tl a:hover {
	color: #3e7dff;
	text-decoration: underline
}

.pj_con {
	padding-bottom: 54px
}
.pj_list {
	margin-left: -24px
}
.pj_list .item {
	float: left;
	width: 588px;
	height: 208px;
	margin-left: 24px;
	margin-bottom: 24px;
	border-radius: 16px;
	border:#eee 1px solid;
	 box-sizing:border-box
}
.pj_list .box {
	padding: 30px 34px
}
.pj_list .p_tl {
	font-size: 14px;
	color: #333;
	line-height: 20px
}
.pj_list .pl {
	display: inline-block;
	margin-right: 35px
}
.pj_list .name {
	margin-right: 4px
}
.pj_list .star {
	display: inline-block;
	width: 18px;
	height: 17px;
	background-image: url(/Content/template/1/images/star_sprite.png);
	background-size: 36px auto;
	background-position: -20px 0;
	background-repeat: no-repeat;
	vertical-align: middle
}
.pj_list .star.on {
	background-position: 0 0
}
.pj_list .btn {
	display: block;
	width: 54px;
	height: 24px;
	margin-top: 23px;
	margin-bottom: 12px;
	background-color: #0075c2;
	border-radius: 8px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #fff
}
.pj_list .desc {
	font-size: 14px;
	color: #333;
	line-height: 21px;
	height: 42px;
	margin-bottom: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}
.pj_list .desc a {
	color: #333
}
.pj_list .desc a:hover {
	color: #1d5cd4
}
.pj_list .date {
	font-size: 12px;
	color: #bfbfbf
}






.ditu{ width:60%;height:400px; position:relative; float:left;}
.ditu #containermap{width:100%;height:100%;}
.amap-icon img {width: 25px;height: 34px;}
.amap-marker-label {border: 0;background-color: transparent;}
.ditu #containermap .info {padding:.35rem .25rem;position: relative;margin: 0;top: 0;right: 0;min-width: 0;}
.amap-icon img{position:unset;}

.ditufu{ width:40%; height:400px; float:right}

.ditufu .r_con{ width:90%; margin:0 auto; max-width:500px; }
.ditufu .r_con .title {
	font-size: 32px;
	color: #333;
	font-weight: 700;
	border:0
}

.ditufu .r_con .input_t {
	border: none;
	box-sizing: border-box;
	background: #fff;
	width: 100%;
	line-height: 26px;
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 8px;
	font-size: 16px;
	border:#ccc 1px solid;
	outline:none;
}
.ditufu .r_con .input_t:-webkit-input-placeholder {
color:#ccc
}
.ditufu .r_con .text_t {
	margin-top: 20px;
	box-sizing: border-box;
	display: block;
	background: #fff;
	border: none;
	border-radius: 8px;
	padding: 20px;
	width: 100%;
	height: 166px;
	font-size: 16px;
		border:#ccc 1px solid; outline:none;
		font-family:"΢ÈíÑźÚ"
}
.ditufu .r_con .text_t:-webkit-input-placeholder {
color:#ccc
}
.ditufu .r_con .submitBtn {
	margin-top: 20px;
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background-color: #0075c2;
	border-radius: 8px;
	border: none;
	font-size: 18px;
	color: #fff;
	outline: none;
	transition: .3s;
	cursor: pointer
}

.tw1{ background:url(/Content/template/1/images/n2.jpg) center no-repeat; padding:50px 0}

.tw01{ width:1230px; margin:0 auto}
.tw01 ul{ display: flex;   justify-content: space-between; }
.tw01 ul li{ text-align:center; }
.tw01 ul li h1{ font-size:30px; color:#fff }
.tw01 ul li  p{ display:block; color:rgba(255,255,255,0.8); font-size:14px}

.tw02{ width:1230px; margin:0 auto; border:rgba(255,255,255,0.2) 1px solid; margin-top:40px; padding:10px 0}
.tw02 ul{ display: flex;   justify-content: space-between; }
.tw02 ul li{ padding:0 20px; border-right:rgba(255,255,255,0.2) 1px solid; width:25%; box-sizing:border-box; font-size:14px; color:#fff; text-align:center}
.tw02 ul li:last-child {border-right:0 none;}
.tw02 ul li img{ vertical-align:middle}


.box-timeline{width:800px; margin: 0 auto; text-align: center; margin-bottom:20px;}
.box-timeline ul{display: flex;   justify-content: space-between; }
.box-timeline ul li{ font-size: 16px;color: #333;width: 100px; position: relative; margin:0 50px; display:block;}

.box-timeline .box-num2:before{content:"";position:absolute; height: 1px; width: 135px;background-color: #d7d7d7;top: 50px;right: 71px;z-index: 2;}
.box-timeline .box-num2:after{content:"";position:absolute; height: 1px; width: 135px;background-color: #d7d7d7;top: 50px;left: 71px;z-index: 2;}
.box-timeline .box-num3:before{content:"";position:absolute; height: 1px; width: 135px;background-color: #d7d7d7;top: 50px;right: 71px;z-index: 2;}
.box-timeline  div[class*=box-num]{width: 26px; height: 26px;line-height: 26px; margin: 14px auto; border-radius: 50%; background-color: #ccc;color: #fff; border:rgba(255,255,255,0.1) 5px solid }

.box-timeline ul .box-num1{background-color: #0075c2;}
.box-timeline .box-num1:after{content:"";position:absolute; height: 1px; width: 135px;background-color: #0075c2;top: 50px;left: 71px;}



.zxkuang{ width:1230px; background:#fff; border-radius:20px; padding:50px; box-sizing:border-box; margin:0 auto; display: flex;   justify-content: space-between;  }

.tishi{ width:580px; border-right:#eee 1px solid; padding-right:40px; box-sizing:border-box}

.tishi ul li{display: flex;   justify-content: space-between; margin-bottom:30px;}
.tishi ul li img{ width:60px; height:auto}

.tishi ul li p{ display:block; width:450px; font-size:14px; line-height:25px; color:#666}
.tishi ul li p a{ color:#0075c2; cursor:pointer}

.tishi ul li h1{ display:block;  font-weight:normal; text-align:center; color:#888; width:100%}

.fbzx{ width:500px;}
.wd01{ font-size:14px; color:#333; line-height:30px; margin-bottom:20px}
.wd01 select{ border:#ddd 1px solid;line-height:30px; width:100px; height:30px; outline:none;}
.wd01 input[type="radio"]{margin:1px 8px 3px;}
.zxly{ width:100%; height:100px; border:#ddd 1px solid; padding:10px; box-sizing:border-box; font-family:"΢ÈíÑźÚ";outline:none;resize:none;}

.zxdh{width:200px;border:#ddd 1px solid; padding:5px 10px; box-sizing:border-box; outline:none;}

.wd03 p{ font-size:14px; color:#666; display:block; margin-bottom:20px;}

.tjbd{ display:block; border:0; background:#0075c2; width:90px; line-height:30px; color:#fff; font-size:14px; cursor:pointer}

.zx_bm2{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999; display:none;}
.zx_bm2 .bm_bj{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.7);}
.zx_bm2 .b_m{width:500px; border-radius:5px; background-color:#fff; padding:50px; box-sizing:border-box;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}

.zx_bm2 .b_m h3{ display:block; text-align:center; font-size:20px; color:#333}
.zx_bm2 .b_m p{ font-size:14px; line-height:25px; color:#666; display:block; margin:25px 0}


.twlz{ background:#f9f9f9; padding:15px; font-size:14px; line-height:25px; color:#333}

.guanbi{ display:block; width:100px; line-height:35px; background:#0075c2; margin:0 auto; margin-top:30px; border-radius:25px; color:#fff; text-align:center;}
.zx_bm2 .b_m a.guanbi{ color:#fff}




.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.fadeIn, .animated.fadeOut {
	-webkit-animation-duration: .35s;
	animation-duration: .35s
}
.animated.slideInDown, .animated.slideOutUp {
	-webkit-animation-duration: .45s;
	animation-duration: .45s
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
@-webkit-keyframes fadeOut {
from {
opacity:1
}
to {
	opacity: 0
}
}
@keyframes fadeOut {
from {
opacity:1
}
to {
	opacity: 0
}
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}