@charset "utf-8";
/* CSS Document */

.left{ float:left; overflow:hidden;}
.right{ float:right; overflow:hidden;}
.wrap{ width:100%; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

.topper{ width:100%; background:#212121;}
.topper .tp{ width:1200px; line-height:36px; color:#fff; font-size:13px; position:relative; margin:0 auto;}
.topper .tp a{ color:#616393;}

/*头部*/
.header{ width:100%; background:rgba(255,255,255,0.4); box-shadow:rgba(0,0,0,0.1) 0 5px 10px; position:absolute; left:0; top:36px; z-index:99;}
.header .head{ width:1200px; height:92px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; overflow:hidden;}
.header h1.logo a img{ display:block; height:92px;}
.header a.menu{ display:none; width:86px; height:86px; background:url(../images/common/head_menu.png) center no-repeat; background-size:auto 36%; float:right; position:relative; z-index:4;}
.header span.tel{ display:block; line-height:38px; color:#fff; font-size:16px; padding:0 1em; background:#616393; border-radius:19px; float:right; margin:24px 0 0;}

/*导航*/
ul.nav{ display:block; height:92px; float:right;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li a{ display:block; line-height:92px; color:#232323; font-size:16px; text-align:center; position:relative; margin:0 0.85em;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#616393;}
ul.nav li a:hover::after,
ul.nav li.on a::after,
ul.nav li.cur a::after{ content:''; display:block; width:40px; height:3px; background:#616393; position:absolute; left:50%; bottom:0; margin-left:-20px;}
ul.nav li p.sub{ display:none; width:140%; background:rgba(255,255,255,0.6); padding:14px 0; overflow:hidden; position:absolute; left:-20%; top:100%;}
ul.nav li p.sub::before{ content:''; display:block; width:120%; height:1px; box-shadow:rgba(0,0,0,0.7) 0 5px 10px; position:absolute; left:-10%; top:-4px;}
ul.nav li p.sub a{ line-height:40px; color:#666; font-size:14px; margin:0;}
ul.nav li p.sub a::after{ display:none !important;}
ul.nav li.on p.sub a,
ul.nav li.cur p.sub a{ color:#666;}
ul.nav li p.sub a:hover{ color:#fff; background:#616393;}

/*banner*/
.banner{ height:480px; background:#fff center no-repeat; background-size:cover;}

/*底部*/
.footer{ background:#212121;}
.footer .foot{ width:1200px; margin:0 auto; overflow:hidden;}
.footer .left{ overflow:hidden; padding:52px 0 44px;}
.footer .txt{ display:block; line-height:2.5; color:#c2c2c2; font-size:14px; overflow:hidden;}
.footer .code{ overflow:hidden; margin:28px 0 0;}
.footer .code img{ display:block; height:90px; border-radius:5px; float:left; margin:0 20px 0 0;}
.footer .code span{ display:block; line-height:90px; color:#c2c2c2; font-size:14px; overflow:hidden;}
.footer ul{ display:block; overflow:hidden; float:right;}
.footer ul li{ display:block; padding:46px 0 48px 24px; float:left; position:relative;}
.footer ul li a{ display:block; line-height:36px; color:#c2c2c2; font-size:16px; text-align:center; margin:0 28px;}
.footer ul li a:hover{ color:#fff;}
.footer ul li p.sub{ display:block; padding:16px 0 0;}
.footer ul li p.sub a{ line-height:30px; color:#999; font-size:13px; margin:0;}
.footer ul li p.sub a:hover{ color:#ddd;}
.footer .copyright{ display:block; line-height:2; color:#c2c2c2; font-size:14px; text-align:center; overflow:hidden; padding:1.14em 0; background:#0e0e0e;}
.footer .copyright nobr{ margin:0 4px;}
.footer .copyright a{ color:inherit;}
.footer .copyright a:hover{ color:#eee;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:20px; bottom:70px; cursor:pointer; text-indent:-9999px; opacity:0.7; filter:Alpha(opacity=70); z-index:999;}
.backToTop:hover{ opacity:0.9; filter:Alpha(opacity=90);}

/*主体样式*/
.main{ overflow:hidden;}

.main .menu{ box-shadow:rgba(0,0,0,0.07) 0 0 7px;}
.main .menu ul{ display:block; width:1200px; overflow:hidden; margin:0 auto;}
.main .menu ul li{ display:block; width:16.66%; float:left; position:relative;}
.main .menu ul li a{ display:block; line-height:2.125; color:#333; font-size:16px; text-align:center; border-right:1px solid #e5e5e5; margin:0.875em 0;}
.main .menu ul li:first-child a{ border-left:1px solid #e5e5e5;}
.main .menu ul li a::before{ content:''; display:block; width:2.4em; height:4px; background:#fff; position:absolute; left:50%; top:0; margin-left:-1.2em;}
.main .menu ul li a:hover,
.main .menu ul li.cur a{ color:#616393; font-weight:bold;}
.main .menu ul li.cur a::before{ background:#616393;}

/*内容样式*/
.main .attr{ width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.main .attr h2.title{ display:block; line-height:1.5; color:#444; font-size:40px; text-align:center; overflow:hidden; padding:0.5em 0 0.5em;margin: 0.5em;}
.main .attr h2.title span{ display:block; line-height:2.25; color:#999; font-size:0.34em; text-transform:uppercase; overflow:hidden;}
.main .attr h2.title em{ display:block; line-height:4; color:#616393; font-size:0.34em; overflow:hidden;}
.main .attr h3.title{ display:block; line-height:2; color:#333; font-size:30px; text-align:center; padding:1.6em 0 1em;}
.main .attr p.mark{ display:block; line-height:3.15; color:#666; font-size:14px; text-align:center; background:#f3f3f3; margin:0 0 1.86em;}
.main .article{ min-height:280px; min-height:0; line-height:2.0; color:#4e4e4e; font-size:16px; font-weight:normal; padding:1.5em 4px 2.5em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;margin: 1em 0em 1em 0em;}
.main .article img{ width:expression(100%?100%) true; max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; padding:30px 0 72px; border-top:1px solid #e5e5e5;}
.main .change p{ display:block; max-width:46%; line-height:2; color:#999; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:right; border-bottom:1px solid #b5b5b5;}
.main .change p:first-child{ float:left; margin-right:8%;}
.main .change p a{ color:#999;}
.main .change p a:hover{ color:#616393;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:64px 0 68px;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:16px; color:#999; height:24px; line-height:24px; text-align:center; background:#fff; padding:5px 10px; border:1px solid #d2d2d2; margin:0 8px;}
.pages a:hover{ color:#fff; background:#616393; border-color:#616393;}
.pages span{ color:#fff; background:#616393; border-color:#616393;}

/*律师筛选*/
.lyCate{ line-height:1.5; font-size:16px; background:#f3f3f3; padding:54px 0 0;}
.lyCate span{ display:block; width:25.5%; float:left;}  
.lyCate p{ display:block; font-size:inherit; overflow:hidden;}
.lyCate p a{ display:block; width:1.5em; height:1.5em; color:#666; text-align:center; float:left; margin-right:0.375em;}
.lyCate p a:hover,
.lyCate p a.cur{ color:#fff; background:#616393;}
.lyCate form{ display:block; width:1200px; overflow:hidden; padding:38px 0 60px; margin:0 auto;}
.lyCate form select{ display:block; width:23%; height:50px; color:#666; font-size:16px; padding:0 20px; background:#fff; border:0; float:left; margin-right:2.5%; cursor:pointer;}
.lyCate form input.btn{ display:block; width:23.5%; height:50px; color:#fff; font-size:18px; background:#616393; border:0; cursor:pointer; float:left;}

/*律师列表*/
.main ul.lawyerList{ display:block; overflow:hidden; margin:0 -20px; padding:48px 0 0;}
.main ul.lawyerList li{ display:block; width:25%; position:relative; float:left;}
.main ul.lawyerList li a{ display:block; margin:20px 20px 0;}
.main ul.lawyerList li a em{ display:block; overflow:hidden;}
.main ul.lawyerList li a img{ display:block; width:100%; transition:all ease 0.4s;}
.main ul.lawyerList li a span{ display:block; line-height:3.5; color:#333; font-size:18px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main ul.lawyerList li a:hover img{ transform:scale(1.12);}
.main ul.lawyerList li a:hover span{ color:#616393;}

/*律师详情*/
.lyInfo{ background:#f3f3f3; padding:64px 0; position:relative; margin:0 0 12px;}
.lyInfo img.pic{ display:block; width:35%; float:left; margin-right:5.2%;}
.lyInfo i{ display:block; width:30px; height:8px; font-size:30px; background:#616393; position:absolute; left:35%; top:1.4em; margin:-4px 0 0 -15px; z-index:3;}
.lyInfo h3{ display:block; line-height:2.8; color:#333; font-size:30px; overflow:hidden; margin:0 0 0.5em;}
.lyInfo h3 em{ color:#999; font-size:0.8em; font-weight:normal; margin-left:1.75em;}
.lyInfo p{ display:block; line-height:2; color:#666; font-size:18px; overflow:hidden; padding:0.88em 0;}
.lyInfo p label{ display:block; overflow:hidden; float:left; margin-right:0.44em;}
.lyInfo p label img{ display:block; height:2em; float:left; margin-right:1em;}
.lyInfo p span{ display:block; overflow:hidden;}

/*业务部门*/
.main ul.bumenList{ display:block; overflow:hidden; margin:22px 0 90px;}
.main ul.bumenList li{ display:block; width:25%; padding:34px 0; float:left;}
.main ul.bumenList li a{ display:block; line-height:1.68; color:#333; font-size:22px; text-align:center; overflow:hidden; border-left:1px solid #e6e6e6;}
.main ul.bumenList li:nth-child(4n-3) a{ border-left:0;}
.main ul.bumenList li a em{ display:block; width:3em; height:3em; background:transparent center top no-repeat; background-size:100% 200%; transition:transform ease 0.4s; margin:0 auto 0.9em;}
.main ul.bumenList li a em.yw1{ background-image:url(../images/icons/yw01.png);}
.main ul.bumenList li a em.yw2{ background-image:url(../images/icons/yw02.png);}
.main ul.bumenList li a em.yw3{ background-image:url(../images/icons/yw03.png);}
.main ul.bumenList li a em.yw4{ background-image:url(../images/icons/yw04.png);}
.main ul.bumenList li a em.yw5{ background-image:url(../images/icons/yw05.png);}
.main ul.bumenList li a em.yw6{ background-image:url(../images/icons/yw06.png);}
.main ul.bumenList li a em.yw7{ background-image:url(../images/icons/yw07.png);}
.main ul.bumenList li a em.yw8{ background-image:url(../images/icons/yw08.png);}
.main ul.bumenList li a em.yw9{ background-image:url(../images/icons/yw09.png);}
.main ul.bumenList li a em.yw10{ background-image:url(../images/icons/yw10.png);}
.main ul.bumenList li a em.yw11{ background-image:url(../images/icons/yw11.png);}
.main ul.bumenList li a em.yw12{ background-image:url(../images/icons/yw12.png);}
.main ul.bumenList li a span{ display:block; line-height:2; color:#999; font-size:0.54em; padding:0 0 0.25em;}
.main ul.bumenList li a:hover{ color:#616393;}
.main ul.bumenList li a:hover em{ background-position:center bottom; transform:rotateY(180deg);}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden;}
.main ul.newsList li{ display:block; overflow:hidden; padding:36px 0; border-bottom:1px solid #ddd;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:3.2%;}
.main ul.newsList li a.pic img{ display:block; height:200px; transition:all ease 0.4s;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.12);}
.main ul.newsList li a.title{ display:block; line-height:52px; color:#333; font-size:22px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.title:hover{ color:#616393;}
.main ul.newsList li .txt{ display:block; height:4em; line-height:2; color:#999; font-size:15px; margin:16px 0 8px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li span{ display:block; line-height:64px; color:#616393; font-size:16px; overflow:hidden;}
.main ul.newsList li a.more{ display:block; width:24px; height:24px; background:url(../images/common/more.png) center no-repeat; background-size:100% 100%; float:right; margin:20px 4px;}
.main ul.newsList li a.more:hover{ background:#616393;}

/*文字列表*/
.main ul.List{ display:block; overflow:hidden; padding:12px 0 0;}
.main ul.List li{ display:block; font-size:16px; overflow:hidden; background:#f7f7f7; margin:16px 0 0;}
.main ul.List li a.title{ display:block; line-height:3.75; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:4em; background:url(../images/common/list_bg.png) left center no-repeat; background-size:auto 100%;}
.main ul.List li a.title:hover{ color:#616393;}
.main ul.List li a.more{ display:block; width:3.75em; height:3.75em; background:url(../images/common/more.png) center no-repeat; background-size:1.5em 1.5em; float:right;}

/*招聘列表*/
.main ul.jobList{ display:block; overflow:hidden; margin:-16px 0 0;}
.main ul.jobList li{ display:block; overflow:hidden; padding:20px 40px 36px; border:1px solid #ddd; margin:56px 0 0;}
.main ul.jobList li a.title{ display:block; line-height:2; color:#333; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.jobList li a.title:hover{ color:#616393;}
.main ul.jobList li .txt{ display:block; height:10em; line-height:2; color:#666; font-size:14px; margin:0.5em 0 -1em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}
.main ul.jobList li p{ display:block; line-height:2; color:#999; font-size:14px; text-align:center; margin:2em 1em 0;}
.main ul.jobList li p span{ display:block; font-size:18px; padding:1em 0 0;}
.main ul.jobList li p img{ height:1em;}
.main ul.jobList li a.more{ display:block; width:10.5em; line-height:3; color:#fff; font-size:20px; text-align:center; background:#616393; overflow:hidden; margin:0 auto;}
.main ul.jobList li a.more:hover{ background:#616393;}

/*pc适配*/
@media only screen and (max-width:1240px){
.topper .tp,
.header .head,
.footer .foot,
.main .menu ul,
.main .attr{ width:auto; margin:0 20px;}

.header span.tel{ display:none;}
ul.nav li a{ margin:0 3px;}
.footer ul li{ padding-left:0;}
.footer ul li a{ margin:0 20px;}
.banner{ height:450px;}
.lyCate{ padding:36px 0 0;}
.lyCate span{ width:auto; float:none; padding:0 0 16px;}
.lyCate form{ width:auto; margin:0 20px; padding:28px 0 48px;}
.lyInfo h3{ margin-bottom:0;}
.lyInfo p{ padding:1em 0;}
.main ul.bumenList li a{ font-size:18px;}
}

@media only screen and (max-width:1024px){
.topper .tp,
.header .head,
.footer .foot,
.main .menu ul,
.main .attr{ width:auto; margin:0 20px;}

.header .head,
.header h1.logo a img{ height:80px;}
.header span.tel{ display:none;}
.header a.menu{ display:block; width:50px; height:80px;}
ul.nav{ width:28%; height:auto; padding:8px 0; background:rgb(97 99 147); margin:0; position:absolute; right:-20px; top:100%; transition:all ease 0.4s; transform:translateX(110%);}
ul.nav.show{ transform:translateX(0);}
ul.nav li{ float:none;}
ul.nav li a{ line-height:2.8; color:#fff; font-size:22px; margin:0;}
ul.nav li a::after{ display:none !important;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff;}
ul.nav li p.sub{ display:none !important;}
.footer .left{ padding:4% 0 4%; border:0; float:none; margin:0 20px;}
.footer ul{ display:none;}

.banner{ height:38vw;}
.main .menu ul{ margin:0;}
.main .menu ul li:first-child a{ border-left:0;}
.main .menu ul li:nth-child(4n) a{ border-right:0;}
.main .attr h2.title{ font-size:36px;}
.pages{ padding:7% 0 8%;}

.lyCate p a{ padding:6px; margin:0 10px 8px 0;}
.lyInfo h3{ font-size:28px;}
.lyInfo p{ font-size:16px;}

.main ul.bumenList li a{ padding:0 1.5em; font-size:16px;}
.main ul.bumenList li a i{ display:block; height:3.36em;}
.main ul.bumenList li a span{ display:none;}

.main ul.newsList{ padding:2% 0 0;}
.main ul.newsList li{ padding:4% 0;}
.main ul.newsList li a.pic{ margin-left:3%;}
.main ul.newsList li a.pic img{ height:146px;}
.main ul.newsList li a.pic:hover img{ transform:scale(1);}
.main ul.newsList li .txt{ margin:0;}
.main ul.newsList li a.more{ display:none;}
.main ul.newsList li span{ line-height:44px; margin:0 0 -10px;}

.main ul.lawyerList{ margin:0 -8px -1%; padding:5% 0 0;}
.main ul.lawyerList li{ width:33.33%;}
.main ul.lawyerList li a{ margin:2% 8px 0;}
.main ul.lawyerList li a:hover img{ transform:scale(1);}

.main ul.jobList{ padding:0 0 1%; margin-top:0;}
.main ul.jobList li{ padding:3% 4% 3%; margin:4% 0 0;}
.main ul.jobList li p{ width:144px; overflow:hidden; height:40px; margin:6px 0 0;}
.main ul.jobList li a.more{ width:auto; height:40px; line-height:42px; font-size:18px;}
.main ul.jobList li p span{ display:none;}
.main ul.jobList li p img{ display:none;}
.main ul.jobList li .txt{ height:auto; -webkit-line-clamp:99; margin:0.6em 0 0;}
}

@media only screen and (max-width:767px){
.topper .tp,
.header .head,
.footer .foot,
.menu ul,
.main .attr{ margin:0 10px;}

.topper .tp{ font-size:12px;}
.topper .tp span{ display:none;}
.header .head,
.header h1.logo a img{ height:56px;}
.header h1.logo a img{ box-sizing:border-box; padding:2px 0;}
.header a.menu{ width:36px; height:56px;}
ul.nav{ width:38%; right:-10px;}
ul.nav li a{ font-size:16px;}
.footer .left{ display:none;}
.footer .copyright{ font-size:12px;}
.backToTop{ width:32px; height:32px; background-size:100% 100%; right:12px; z-index:999;}

.banner{ height:52vw;}
.main .menu ul{ margin:0;}
.main .menu ul li{ width:25%; font-size:14px;}
.main .menu ul li::before{ display:block; float:left;}
.main .menu ul li a{ display:block; text-align:center; padding:0;}
.main .attr h2.title{ font-size:24px;}
.main .attr h3.title{ line-height:1.72; font-size:18px;}
.main .attr p.mark{ font-size:12px; margin-bottom:0.8em;}
.main .article{ font-size:13px;}
.main .change{ padding:16px 0 32px;}
.main .change p{ font-size:13px; float:none !important; max-width:none; border:0; padding:2px 0;}

.pages{ font-size:13px; padding:8% 0 10%;}
.pages span,
.pages a{ padding:2px 7px; margin:0 4px;}

.lyCate{ padding:24px 0 0;}
.lyCate p{ margin-right:-8px;}
.lyCate p a{ padding:5px; margin:0 8px 6px 0;}
.lyCate form{ padding:10px 0 20px; margin:0 10px;}
.lyCate form select{ width:48%; height:40px; font-size:14px; margin:0 4% 4% 0;}
.lyCate form select:nth-child(2){ margin-right:0;}
.lyCate form input.btn{ width:48%; height:40px; font-size:15px;}

.lyInfo{ padding:24px 0;}
.lyInfo img.pic{ width:44%; margin-bottom:4%;}
.lyInfo i{ left:44%; font-size:24px; transform:scaleX(0.8);}
.lyInfo h3{ font-size:24px;}
.lyInfo h3 em{ display:block; margin:0;}
.lyInfo p{ font-size:15px; clear:both; padding:0.6em 0;}

.main ul.bumenList li{ width:33.33%; padding:14px 0;}
.main ul.bumenList li a{ border:0;}
.main ul.bumenList li:nth-child(9){ display:block;}

.main ul.newsList li span{ display:none;}
.main ul.newsList li a.pic img{ height:80px;}
.main ul.newsList li a.title{ line-height:32px; font-size:14.5px;}
.main ul.newsList li .txt{ height:40px; line-height:20px; font-size:12px; margin:0; -webkit-line-clamp:2;}

.main ul.List{ padding:0;}
.main ul.List li{ font-size:14px;}
.main ul.List li a.title{ margin-left:-0.6em; padding-right:0.6em;}
.main ul.List li a.more{ display:none;}

.main ul.lawyerList{ margin:0 -5px -1%;}
.main ul.lawyerList li{ width:50%;}
.main ul.lawyerList li a{ margin:2% 5px 0;}
.main ul.lawyerList li a span{ line-height:3; font-size:14px;}

.main ul.jobList li p{ width:90px; height:24px; margin:4px 0 0;}
.main ul.jobList li a.more{ height:24px; line-height:26px; font-size:13.5px;}
.main ul.jobList li a.title{ font-size:16px; font-weight:bold;}
.main ul.jobList li .txt{ font-size:12px; margin:0.2em 0 0;}
}







/**/