@charset "utf-8";




/*************************************************public-style*************************************************/
/* body {
    max-width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
} */
body {
	background-color: #f6f6f6;
}

.fl {
    display: block;
    float: left;
}

.fr {
    display: block;
    float: right;
}
.tc {
    text-align: center;
}

.clearfix:after,
.clearfix::after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}

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

@font-face {
    font-family: 'ctg';
    src: url(../font/GOTHIC.TTF) format('opentype');
}

@font-face {
    font-family: 'impact';
    src: url(../font/impact.ttf) format('truetype');
}

@font-face {
    font-family: 'bhdb';
    src: url(../font/bernhardmodernbtbold.ttf) format('truetype');
}

@font-face {
    font-family: 'books';
    src: url(../font/CenturyGothic.TTF) format('truetype');
}

.ctg {
    font-family: 'ctg';
}

.impact {
    font-family: 'impact';
}





.wap-web {
    position: absolute;
    width: 221px;
    height: 60px;
    padding-right: 0;
    right: 0;
    background: url('../img/wap-web.png') no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
}
.wwp {
	position: relative;
	float: right;
	z-index: 1;
}
.wwp-btn {
    float: right;
    position: relative;
    padding-left: 40px;
    font-size: 14px;
    line-height: 60px;
    color: #fff;
    cursor: pointer;
}

.wwp-btn-icon {
    position: absolute;
    display: block;
    width: 19px;
    top: 13px;
    left: 0;
}

.wwp-btn-icon img {
    width: 100%;
    vertical-align: top;
}

.tooltip-pic {
    position: fixed;
    display: none;
    width: 125px;
    height: 125px;
    /* padding: 5px; */
    z-index: 9999;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tooltip-pic img {
    width: 100%;
    vertical-align: top;
}
.wwp-items {
	float: right;
	padding: 16px 0;
	margin-left: 35px;
}
.wwp-items a {
	display: block;
	height: 27px;
}
.wwp-items a img {
	height: 100%;
	max-height: 27px;
	vertical-align: top;
}

.wap-webbg {
	position: absolute;
	top: 0;
	right: -302px;
}


/* banner start */


/* banner */

.banner a {
    display: block;
}

.banner a img {
    vertical-align: top;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ban-box {
    height: 600px;
    /* min-height: 509px; */
    overflow: hidden;
    position: relative;
}

.ban-con {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.ban-block {
    width: 9999px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.ban-con-items {
    float: left;
    width: 100%;
    height: 100%;
}

.ban-con-items a {
    display: block;
    width: 100%;
    height: 100%;
}

div.ban-icon {
    position: absolute;
    display: table;
    bottom: 0;
    left: 50%;
    z-index: 2;
}

div.ban-icon a {
    display: block;
    float: left;
    width: 42px;
    height: 51px;
    margin: 0 14px;
    padding-top: 17px;
    font-family: 'impact';
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #5e5e5e;
    background: url('../img/ban-icon-bg1.png') no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.ban-icon a:active,
div.ban-icon a.on {
    color: #e1121c;
}

div.ban-icon a.on {
    padding-top: 7px;
    background: url('../img/ban-icon-bg2.png') no-repeat;
}


/* banner end */


/* 关于我们 aboutus */
.iaboutus {
	padding: 56px 0 40px;
	background: #333;
}
.iaboutus-art {
	margin-top: 25px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #626262;
}
.iaboutus .lgg-list-more {
	margin-top: 37px;
}


/* 业务领域 business area */

.ibia {
    padding: 55px 0 22px;
}

.index-tit {
    display: block;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
}

.ibia-box {
    padding: 32px 0 30px;
    background: url('../img/ibia-boxbg.jpg') center left repeat-x;
    overflow: hidden;
}

.ibia-items {
    width: 33.33%;
    height: 400px;
    padding: 10px 11px 10px 12px;
    float: left;
    -webkit-box-shadow: 0 0 0 #ccc;
    box-shadow: 0 0 0 #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.ibia-block {
	position: relative;
    width: 100%;
    height: 100%;
    padding: 10px 23px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ibiab {
    position: relative;
    z-index: 3;
}
.ibia-itit {
    font-size: 18px;
    line-height: 36px;
    font-weight: normal;
    text-align: left;
    margin: 0;
}

.ibia-list {
    margin-top: 10px;
}

.ibia-litems {
    position: relative;
    padding: 0 9px;
    font-size: 14px;
    line-height: 32px;
    color: #7e7e7e;
}
.ibia-litems a {
	display: block;
	color: #7e7e7e;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ibia-icon {
    display: block;
    width: 149px;
    height: 149px;
}

.ibia-icon img {
    width: 100%;
    vertical-align: top;
}

.ibia-licon {
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 14px;
    left: 0;
}

.ibia-licon img {
    width: 100%;
    vertical-align: top;
}

.ibia-line {
    display: block;
    width: 1px;
    height: 0;
    margin: 0 auto;
    background: #c3c3c3;
}

.ibia-more {
    display: block;
    width: 0;
    height: 0;
    margin: 67px auto 0;
    text-align: center;
}

.ibia-more img {
    width: 100%;
    vertical-align: top;
}

.ibia-items1 .ibia-block,
.ibia-items3 .ibia-block {
    padding-top: 10px;
}

.ibia-items1 .ibia-icon,
.ibia-items3 .ibia-icon {
    margin-bottom: 57px;
}

.ibia-items2 .ibia-block {
    padding-top: 21px;
}

.ibia-items2 .ibia-icon {
    margin-top: 55px;
}
.ibia-border {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 120%;
	border: 1px solid #edb69c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    z-index: 0;
}

.ibia-items:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 24px #ccc;
    box-shadow: 0 0 24px #ccc;
}

.ibia-items:hover .ibia-block {
    padding-top: 51px;
    /* border: 1px solid #edb69c; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ibia-items:hover .ibia-icon {
    display: none;
    width: 0;
    height: 0;
}

.ibia-items:hover .ibia-itit {
    text-align: center;
}

.ibia-items:hover .ibia-line {
    height: 24px;
    margin: 6px auto 13px;
}

.ibia-items:hover .ibia-list {
    /* display: table; */
    margin: 0 auto;
    max-width: 100%;
}

.ibia-items:hover .ibia-more {
    width: 104px;
    height: 35px;
}
.ibia-block:hover .ibia-border {
	top: 0;
	z-index: 2;
}


/* 律师介绍 introduce */

.index-introduce {
	position: relative;
    height: 410px;
    background: url('../img/iitd-bg.jpg') center center no-repeat;
    z-index: 1;
}

.iitd-box {
    position: relative;
    width: 1075px;
    padding: 42px 40px 42px 56px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.iitd-line {
    display: block;
    position: absolute;
    left: 0;
    top: 55px;
}

.iitd-tit {
    display: table;
    font-size: 30px;
    font-weight: normal;
    line-height: 53px;
    color: #fff;
    border-bottom: 2px solid #ba5f61;
}

.iitd-art {
    margin-top: 22px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}


.iitd-form {
    margin-top: 34px;
}

.iitd-form-tit {
    margin-bottom: 21px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #fff;
}

.iitd-duty .nice-select {
    width: 242px;
    height: 44px;
    border: 0 none;
    line-height: 44px;
    border-radius: 0;
    background: #ebc2c2;
    color: #2d2d2d;
}

.iitd-duty .nice-select .list {
    border-radius: 0;
}

.iitd-duty .nice-select:after,
.iitd-duty .nice-select::after {
    width: 14px;
    height: 8px;
    content: '';
    background: url('../img/iitd-form-arrow.png') no-repeat;
}

.lawyer-name {
    margin-left: 10px;
}

.lawyer-name input {
    width: 242px;
    height: 44px;
    padding: 0 19px;
    font-size: 14px;
    line-height: 44px;
    color: #2d2d2d;
    background: #ebc2c2;
    border: 0 none;
}

.iitd-form-btn input {
    width: 114px;
    height: 44px;
    margin-left: 10px;
    font-size: 16px;
    line-height: 44px;
    color: #000;
    background: #fff;
    border: 0 none;
    cursor: pointer;
}


/* 诉讼指南 litigation-guide */

.litigation-guide {
    padding: 52px 0 45px;
    background: #f6f6f6;
}

.lgg-nav {
    display: table;
    margin: 19px auto 0;
}

.lgg-nav-items {
    float: left;
    width: 120px;
    height: 38px;
    margin: 0 10px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    color: #4c4c4c;
    background: url('../img/lggnav-bg1.png') no-repeat;
    cursor: pointer;
}

.lgg-nav-items:hover,
.lgg-nav-items.on {
	color: #e1121c;
    background: url('../img/lggnav-bg2.png') no-repeat;
}

.lgg-main {
    padding: 36px 0 20px;
}

.lgg-list-box {
    margin-left: -20px;
    overflow: hidden;
}

.lgg-items {
    width: 33.33%;
    float: left;
    margin-bottom: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lgg-block {
    height: 420px;
    padding: 30px 32px 37px;
    background: #f6f6f6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lgg-img {
	font-weight: normal;
	width:220px;
	background: #fff;
	height:220px;
	border: 1px solid #E4E4E4;
	margin-bottom:10px;
}

.lgg-tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 32px;
    color: #171616;
}

.lgg-tit a {
    display: block;
    color: #171616;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lgg-art {
    margin-top: 20px;
    font-size: 14px;
    line-height: 30px;
    color: #6d6d6d;
}

.lgg-art a {
    display: block;
    height: 60px;
    max-height: 60px;
    color: #6d6d6d;
    overflow: hidden;
}

.lgg-more {
    display: block;
    width: 21px;
    height: 12px;
    margin-top: 35px;
    background: url('../img/lgg-more1.png') no-repeat;
}

.lgg-list-more {
    display: block;
    width: 104px;
    height: 35px;
    margin: 0 auto;
}

.lgg-block:hover {
    -webkit-box-shadow: 0 0 24px #ccc;
    box-shadow: 0 0 24px #ccc;
}

.lgg-block:hover .lgg-tit a {
    margin-top: -4px;
    color: #e1121c;
}

.lgg-block:hover .lgg-more {
    width: 80px;
    height: 13px;
    background: url('../img/lgg-more2.png') no-repeat;
}

.lgg-list-more:hover img {
    margin-left: 20px;
}



/* 新法快递 new law courier */

.inewlaw {
    padding: 56px 0 51px;
}

.inewlaw-main {
	margin-top: 42px;
}
/* 新法快递轮播 */


/*焦点图*/

.inewlaw .focus {
    position: relative;
    width: 632px;
    height: 447px;
    background-color: #000;
    float: left;
}


/* .focus img{ width: 632px; height: 447px;}  */

.inewlaw .focus .btn {
    position: absolute;
    bottom: 34px;
    left: 510px;
    overflow: hidden;
    zoom: 1;
}

.inewlaw .focus .btn a {
    position: relative;
    display: inline;
    width: 13px;
    height: 13px;
    border-radius: 7px;
    margin: 0 5px;
    color: #B0B0B0;
    font: 12px/15px "\5B8B\4F53";
    text-decoration: none;
    text-align: center;
    outline: 0;
    float: left;
    background: #D9D9D9;
}

.inewlaw .focus .btn a:hover,
.inewlaw .focus .btn a.current {
    cursor: pointer;
    background: #fc114a;
}

.inewlaw .focus .fPic {
    position: absolute;
    left: 0px;
    top: 0px;
}

.inewlaw .focus .D1fBt {
    overflow: hidden;
    zoom: 1;
    height: 16px;
    z-index: 10;
}

.inewlaw .focus .shadow {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: 10;
    height: 64px;
    padding: 0 115px 0 26px;
    line-height: 64px;
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\9;
    display: block;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inewlaw .focus .shadow a {
	width: 100%;
	display: block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inewlaw .focus .fcon {
    position: relative;
    width: 100%;
    float: left;
    display: none;
    background: #000
}

.inewlaw .focus .fcon img {
    display: block;
}

.inewlaw .focus .fbg {
    bottom: 28px;
    right: 32px;
    position: absolute;
    height: 8px;
    text-align: center;
    z-index: 200;
}

.inewlaw .focus .fbg div {
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
    height: 8px
}

.inewlaw .focus .D1fBt a {
    position: relative;
    display: inline;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    color: #B0B0B0;
    font: 12px/15px "\5B8B\4F53";
    text-decoration: none;
    text-align: center;
    outline: 0;
    float: left;
    background: url('../img/inewlaw-dot1.png') no-repeat;
}

.inewlaw .focus .D1fBt .current,
.inewlaw .focus .D1fBt a:hover {
    background: url('../img/inewlaw-dot2.png') no-repeat;
}

.inewlaw .focus .D1fBt img {
    display: none
}

.inewlaw .focus .D1fBt i {
    display: none;
    font-style: normal;
}

.inewlaw .focus .prev,
.inewlaw .focus .next {
    position: absolute;
    width: 40px;
    height: 74px;
}

.inewlaw .focus .prev {
    top: 50%;
    margin-top: -37px;
    left: 0;
    background-position: 0 -74px;
    cursor: pointer;
}

.inewlaw .focus .next {
    top: 50%;
    margin-top: -37px;
    right: 0;
    background-position: -40px -74px;
    cursor: pointer;
}

.inewlaw .focus .prev:hover {
    background-position: 0 0;
}

.inewlaw .focus .next:hover {
    background-position: -40px 0;
}

.inewlaw-list {
	margin-left: 680px;
	overflow: hidden;
}
.inewlaw-list-items {
	height: 149px;
	padding: 22px 0;
	border-bottom: 1px solid #eaeaea;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inewlaw-list-items:first-child {
	border-top: 1px solid #eaeaea;
}
.inewlaw-tit {
	font-size: 16px;
	font-weight: normal;
	line-height: 32px;
	color: #272727;
}
.inewlaw-tit a {
	display: block;
	color: #272727;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.inewlaw-art {
	margin-top: 12px;
	font-size: 14px;
	line-height: 30px;
	color: #757575;
}
.inewlaw-art a{
	display: block;
	height: 60px;
	max-height: 60px;
	color: #757575;
	overflow: hidden;
}
.inewlaw-list-items:hover .inewlaw-tit a {
	padding-left: 0.5em;
	color: #e1121c;
}

.inewlaw-main {
	margin-bottom: 52px;
}

/* 底部 */
/* 友情链接 */
.friendlink {
	padding: 25px 0;
	font-size: 14px;
	line-height: 30px;
	background: #a12628;
    overflow: hidden;
}
.frdl-tit {
	display: block;
	color: #f6d1d1;
}
.frdl-list {
	margin-left: 5.5em;
}
.frdl-items {
	float: left;
	margin-right: 22px;
	color: #d08687;
}
.frdl-items a {
	display: block;
	color: #d08687;
}
.icontact {
	padding: 38px 0 37px;
	background: #d9d9d9;
    overflow: hidden;
}
.ichot-line {
	display: table;
	margin: 0 auto;
	font-size: 24px;
	text-align: center;
	line-height: 48px;
	color: #666;
}
.ichot-line span {
	float: left;
}
.ichot-line .ctg {
	font-size: 30px;
}
.icontact-line {
	display: block;
	width: 826px;
	margin: 10px auto 17px;
}
.icontact-line img {
	width: 100%;
	vertical-align: top;
}
.ict-info {
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #666;
}
.copyright {
	padding: 18px 0;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: #f8f8f8;
	background: #acacac;
    overflow: hidden;
}
.copyright a {
	color: #cea8a8;
}

/********************************* 关于我们 aboutus *********************************/

.pub-ban {
    width: 100%;
    height: 290px;
}
.pub-ban .container {
    position: relative;
}
.pub-tit {
    position: absolute;
    right: 370px;
    top: 96px;
}
.pub-nav {
    -webkit-box-shadow: 0 5px 3px #f3f3f3;
    box-shadow: 0 5px 3px #f3f3f3;
}
.pubnav-block {
    padding-left: 1px;
}
.pubnav-items {
    position: relative;
    float: left;
    margin-left: -1px;
}
.pubnav-items a {
    display: block;
    min-width: 137px;
    height: 64px;
    font-size: 16px;
    line-height: 62px;
    text-align: center;
    color: #383838;
    border: 1px solid #ebebeb;
}
.pubnav-line {
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    background: #e1121c;
}
.pubnav-items:hover a,
.pubnav-items.on a {
    color: #e1121c;
}
.pubnav-items:hover .pubnav-line,
.pubnav-items.on .pubnav-line {
    height: 2px;
}
.web-address {
    padding: 10px 0;
    font-size: 14px;
    line-height: 44px;
    color: #9e9e9e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.web-address a {
    display: inline-block;
    color: #9e9e9e;
}
.simsun {
    font-family: 'simsun';
    font-weight: 600;
}

.about-aboutus {
    padding: 74px 0 76px;
    overflow: hidden;
}
.aaboutus-tit img {
    vertical-align: top;
}
.aaboutus-main {
    position: relative;
    height: 651px;
}
.aaboutus-article {
    position: absolute;
    width: 1052px;
    height: 547px;
    left: 0;
    top: 58px;
    z-index: 999;
}
.aaboutus-frame {
    position: absolute;
    display: block;
    width: 256px;
    bottom: 0;
    left: 0;
}
.aaboutus-frame img {
    width: 100%;
    vertical-align: top;
}
.aaboutus-intro {
    position: relative;
    width: 1034px;
    height: 532px;
    margin-left: 18px;
}
.aaui-pic {
    width: 263px;
}
.aaui-pic img {
    width: 100%;
    vertical-align: top;
}
.aaui-art {
    margin-left: 263px;
}
.aaui-art {
    width: 770px;
    height: 532px;
    padding: 53px 40px 43px 42px;
    font-size: 14px;
    line-height: 32px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-box-shadow: 0 0 30px #dedede;
    box-shadow: 0 0 30px #dedede;
}
.content{
    overflow: auto;
    position: relative;
    background: #fff;
    width: 100%;
    height: 436px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.aaup-box {
    position: relative;
    width: 530px;
    height: 651px;
}
.aaup-items a {
    display: block;
}
.aaup-items a img {
    vertical-align: top;
}
.aaup-box .aaup-btn {
    position: absolute;
    display: block;
    width: 46px;
    height: 46px;
    bottom: 0;
}
.aaup-box .prev {
    right: 0;
    background: url('../img/aaup-btn2.png') no-repeat;
}
.aaup-box .next {
    right: 47px;
    background: url('../img/aaup-btn1.png') no-repeat;
}
.bidea-box {
    overflow: hidden;
}
.bidea-tit span {
    display: block;
    line-height: 32px;
}
.bidea-title {
    font-size: 24px;
    font-weight: normal;
    color: #000;
}
.bidea-eng {
    font-family: 'bhdb';
    font-size: 18px;
    color: #d2d3d3;
}
.bidea-line {
    display: block;
    width: 1px;
    height: 30px;
    background: #c7c7c7;
}
.bidea-art {
    margin-top: 10px;
    font-size: 14px;
    line-height: 30px;
    color: #7d7d7d;
}

/* 品牌理念 brand idea */

.brand-idea {
    padding: 60px 0 100px;
    background: #f6f6f6;
}
.bidea-main {
    margin-top: 40px;
}
.bidea-box {
    margin-left: -20px;
}
.bidea-items {
    float: left;
    width: 25%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bidea-block {
    width: 100%;
    height: 406px;
    padding: 40px 36px 40px 46px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bidea-items1 .bidea-block {
    background-image: url('../img/bidea-bg1.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bidea-items2 .bidea-block {
    background-image: url('../img/bidea-bg2.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bidea-items3 .bidea-block {
    background-image: url('../img/bidea-bg3.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bidea-items4 .bidea-block {
    background-image: url('../img/bidea-bg4.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}


.pub-block {
    width: 100%;
    max-width: 100%;
    height: 137px;
    padding: 20px 0;
    background: url('../img/pubb-bg.jpg') top center no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.pubb-lg,
.pubb-nlc {
    position: relative;
    width: 47.8%;
    height: 95px;
    padding: 26px 98px 22px;
    background: url('../img/pubb-bg.png') repeat;
    border: 1px solid #393939;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pubb-icon {
    display: block;
    position: absolute;
    left: 44px;
    top: 28px;
    width: 33px;
    height: 40px;
}
.pubb-icon img {
    width: 100%;
    vertical-align: top;
}
.pubb-tit-text {
    display: block;
    font-weight: normal;
    font-size: 24px;
    line-height: 22px;
    color: #fff;
}
.pubb-tit-eng {
    display: block;
    font-family: 'bhdb';
    font-size: 14px;
    line-height: 30px;
    color: #5b5b5b;
}
.pubb-btn {
    display: block;
    position: absolute;
    width: 49px;
    height: 49px;
    right: 30px;
    top: 23px;
}
.pubb-nlc:hover .pubb-icon img,
.pubb-lg:hover .pubb-icon img {
    -webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.pubb-nlc:hover .pubb-btn,
.pubb-lg:hover .pubb-btn  {
    -webkit-animation: waggle 2s linear;
    -o-animation: waggle 2s linear;
    animation: waggle 2s linear;
}



@-webkit-keyframes waggle {
    0%{
        right: 30px;
    }
    25%{
        right: 10px;
    }
    50% {
        right: 30px;
    }
    75%{
        right: 10px;
    }
    100%{
        right: 30px;
    }
}
@-o-keyframes waggle {
    0%{
        right: 30px;
    }
    25%{
        right: 10px;
    }
    50% {
        right: 30px;
    }
    75%{
        right: 10px;
    }
    100%{
        right: 30px;
    }
}
@-moz-keyframes waggle {
    0%{
        right: 30px;
    }
    25%{
        right: 10px;
    }
    50% {
        right: 30px;
    }
    75%{
        right: 10px;
    }
    100%{
        right: 30px;
    }
}
@keyframes waggle {
    0%{
        right: 30px;
    }
    25%{
        right: 10px;
    }
    50% {
        right: 30px;
    }
    75%{
        right: 10px;
    }
    100%{
        right: 30px;
    }
}
/* 诉讼指南 */
.guide {
    padding: 60px 0 58px;
}
.guide-list {
    margin-left: -20px;
}
.guide-items {
    float: left;
    width: 33.33%;
    padding-left: 20px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.guide-block {
    height: 227px;
    padding: 30px 32px 36px;
    border: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.guide-art-tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 32px;
    color: #171616;
}
.guide-art-tit a {
    display: block;
    color: #171616;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.guide-art {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 30px;
    color: #6d6d6d;
}
.guide-art a {
    display: block;
    max-height: 60px;
    color: #6d6d6d;
    overflow: hidden;
}

.guide-block:hover .guide-art-tit a {
    padding-left: 0.5em;
    color: #e1121c;
}
.guide-block:hover .lgg-more {
    width: 80px;
    height: 13px;
    background: url('../img/lgg-more2.png') no-repeat;
}

.pages {
    display: table;
    margin: 0 auto;
    padding-top: 21px;
}
.pages-items {
    float: left;
    margin: 0 8px;
}
.pages-items a {
    display: block;
    width: 32px;
    height: 32px;
    font-family: 'books';
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #a4a4a4;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pages-items:hover a,
.pages-items.on a {
    color: #e1121c;
    border-color: #e1121c;
}


/* 业务领域 */
.business-areas {
    padding: 43px 0 56px;
    background: #f6f6f6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bareas-side {
    width: 320px;
}
.bareas-snav {
    width: 100%;
    padding: 0 25px 34px;
    border-top: 5px solid #e1121c;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bareas-snav-items a {
    padding: 16px 0 12px;
    font-size: 16px;
    line-height: 32px;
    color: #444;
    border-bottom: 1px solid #f1f1f1;
}
.bareas-snav-items a {
    display: block;
    color: #444;
}
.bareas-snav-items:hover a,
.bareas-snav-items.on a {
    color: #e1121c;
    border-color: #e1121c;
}
.lsjs-btn {
    display: block;
    position: relative;
    z-index: 66;
    width: 100%;
    height: 130px;
    margin-top: 20px;
    padding: 24px 8px 24px 116px;
    background: #e1121c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lsjs-btn span {
    display: block;
}
.lsjs-text {
    margin-top: 16px;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    color: #fff;
}
.lsjs-eng {
    margin-top: 16px;
    font-family: 'bhdb';
}
.lsjs-eng img {
    vertical-align: top;
}
.lsjs-icon {
    position: absolute;
    width: 81px;
    height: 81px;
    left: 22px;
    top: 25px;
}
.lsjs-icon img {
    width: 100%;
    vertical-align: top;
}
.lsjs-btn:hover .lsjs-icon img {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.bareas-scontact {
    width: 100%;
    margin-top: 20px;
    padding: 0 24px 33px;
    border-top: 5px solid #e1121c;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bareas-sctit {
    font-size: 18px;
    font-weight: normal;
    line-height: 56px;
    border-bottom: 1px solid #f1f1f1;
}
.bareas-scitems {
    position: relative;
    padding: 16px 0 16px 40px;
    border-bottom: 1px solid #f1f1f1;
}
.bareas-scicon {
    position: absolute;
    left: 0;
    top: 24px;
}
.basc-text {
    display: block;
    position: relative;
    padding-left: 16px;
    font-size: 14px;
    line-height: 24px;
    color: #545454;
}
.basc-text-line {
    display: block;
    position: absolute;
    width: 1px;
    height: 40px;
    background: #e3e3e3;
    left: 0;
    top: 50%;
    margin-top: -20px;
}
.bareas-main {
    margin-left: 340px;
    padding: 20px 38px 46px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.baml-top {
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}
.bareas-tit {
    font-size: 24px;
    font-weight: normal;
    line-height: 48px;
    color: #e1121c;
}
.baml-top .web-address {
    padding: 0;
}
.bam-list {
    margin-bottom: 20px;
    margin-top: 10px;
}
.baml-items {
    padding: 10px 0 28px;
    border-bottom: 1px solid #e6e6e6;
}
.baml-tit {
    font-size: 18px;
    font-weight: normal;
    line-height: 52px;
    color: #000;
}
.baml-tit a {
    display: block;
    color: #000;
}
.baml-art {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    line-height: 30px;
    color: #7c7c7c;
}
.baml-art a {
    display: block;
    color: #7c7c7c;
}
.baml-more {
    display: block;
    margin-top: 16px;
}
.baml-more img {
    vertical-align: top;
}
.baml-items:hover .baml-tit a {
    color: #e1121c;
    padding-left: 0.5em;
}
.baml-items:hover .baml-more {
    padding-left: 10px;
}

/* 律师介绍 */
.team-tit {
    top: 94px;
    left: 166px;
}
.team-intro,
.lawyer-serach {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.team-main {
    position: relative;
    margin: 50px 0 90px;
   
    clear: both;
}
.team-intro {
    padding: 18px 40px 0 0;
}
.team-intro-tit {
    width: 100%;
    max-width: 100%;
}
.team-intro-tit img {
    max-width: 100%;
    vertical-align: top;
}
.team-intro-art {
    margin-top: 30px;
    font-size: 16px;
    line-height: 36px;
    color: #575757;
}
.lawyer-serach {
    padding-top: 18px;
    padding-left: 45px;
}
.lawyer-serach-tit {
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    color: #e1121c;
}
.lawyer-serach-form {
    margin-top: 40px;
}
.lawyer-serach-form .iitd-duty .nice-select,
.lawyer-serach-form .lawyer-name input {
    background: #fff;
    border: 1px solid #b63c28;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lawyer-serach-form .nice-select .list {
    box-shadow: 0 0 0 1px #b63c28;
}
.lawyer-serach-form .iitd-form-btn {
    padding-top: 26px;
    clear: both;
}
.lawyer-serach-form .iitd-form-btn input {
    width: 114px;
    height: 44px;
    margin-left: 0;
    font-size: 16px;
    line-height: 44px;
    color: #fff;
    background: #e1121c;
}
.lawyer-serach-explain {
    margin-top: 32px;
    font-size: 14px;
    line-height: 24px;
    color: #bcbcbc;
}
.team-line {
    position: absolute;
    display: block;
    width: 1px;
    height: 100%;
    background: #e3e3e3;
    left: 50%;
    top: 0;
}
.job-tit {
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    color: #e1121c;
}
.job-line {
    display: block;
    margin: 20px 0 18px;
    width: 130px;
    height: 1px;
    background: #e1121c;
}
.job-art {
    font-size: 14px;
    line-height: 30px;
    color: #5f5f5f;
}
.job-art img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.job-classify {
    padding: 3px 0 0 42px;
}
.job-classify .content {
    height: 764px;
}
.job-classify .mCSB_inside > .mCSB_container {
    margin-right: 50px;
}
.jobc-nav {
    height: 40px;
}
.jobc-nav-items {
    float: left;
    width: 128px;
    height: 40px;
    margin-right: 12px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #000;
    border: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.jobc-nav-items:hover,
.jobc-nav-items.on {
    color: #e1121c;
    border-color: #e1121c;
}
.jobc-box {
    margin-top: 23px;
}
.jobci-items {
    width: 100%;
    height: 158px;
    margin-bottom: 20px;
    padding: 20px 22px 22px 30px;
    border: 1px solid #eee;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jobci-main {
    margin-right: 174px;
}
.jobci-tit {
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    color: #000;
}
.jobci-tit a {
    display: block;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.jobci-art {
    max-height: 60px;
    margin-top: 14px;
    font-size: 14px;
    line-height: 30px;
    color: #6e6e6e;
    overflow: hidden;
}
.jobci-art a {
    display: block;
    max-height: 60px;
    color: #6e6e6e;
    overflow: hidden;
}
.jobci-btn {
    width: 140px;
    height: 104px;
    border-left: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jobci-btn1,
.jobci-btn2 {
    display: block;
    float: right;
    width: 110px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background: #eee;
    color: #666565;
}
.jobci-btn1 {
    margin-top: 7px;
    margin-bottom: 16px;
    background: #eee;
    color: #666565;
}
.jobci-btn1:hover,
.jobci-btn2:hover {
    background: #e1121c;
    color: #fff;
}
/* .jobci-btn2 {
    background: #e1121c;
    color: #fff;
} */
.job-classify .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #bdbdbd;
}
.job-reveal-modal {
    position: fixed;
    width: 1250px;
    height: 712px;
    max-height: 100vh;
    margin-left: -625px;
    top: 50% !important;
    margin-top: -386px !important;
    padding: 48px;
    border-radius: 0;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jobcdt-tit {
    position: relative;
    font-size: 26px;
    font-weight: normal;
    line-height: 50px;
    color: #000;
}
.jobcdt-tit-line {
    position: absolute;
    display: block;
    width: 78px;
    height: 2px;
    bottom: -2px;
    background: #ababab;
}
.jobcdt-info {
    padding: 22px 0 14px;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    border-bottom: 1px solid #d5d5d5;
}
.jobcdt-info span {
    margin-right: 118px;
}
.jobcdt-main {
    position: relative;
    margin-top: 36px;
}
.jobcdt-art,
.job-form {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jobcdt-art {
    padding-right: 40px;
}
.jobcdt-art-tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    color: #000;
}
.jobcdt-article {
    font-size: 14px;
    line-height: 34px;
    color: #828282;
}
.job-form {
    font-size: 14px;
    padding-left: 62px;
    color: #5f5f5f;
}
.jobform-box {
    margin-top: 7px;
}
.job-form input[type="text"] {
    padding: 0 0.5em;
    color: #5f5f5f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jobform-box p {
    line-height: 38px;
    margin-bottom: 14px;
    font-size: 14px;
}
.jobform-name,
.jobform-sex {
    float: left;
}
.jobform-sex {
    margin-left: 60px;
}
.jobform-name input {
    width: 186px;
    height: 38px;
    border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jobform-sex input {
    margin-right: 6px;
}
.man {
    margin-right: 6px;
}
.jobform-items {
    position: relative;
    font-size: 14px;
    width: 100%;
    padding-left: 5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jobform-items label,
.jobform-uploading label,
.jobform-remarks label {
    position: absolute;
    display: block;
    width: 5em;
    left: 0;
}
.jobform-items input {
    width: 100%;
    height: 38px;
    font-size: 14px;
    line-height: 36px;
    border: 1px solid #d8d8d8;
}
.jobform-uploading {
    position: relative;
    padding-left: 5em;
}
.jobform-uploading span {
    position: relative;
    display: block;
    width: 100%;
    height: 38px;
    padding-right: 100px;
    border: 1px solid #d8d8d8;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jobform-uploading span input[type="text"] {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: 0 none;
    vertical-align: top;
}
.jobform-uploading span input[type="button"] {
    position: absolute;
    width: 100px;
    height: 36px;
    right: 0;
    top: 0;
    line-height: 36px;
    color: #6e6e6e;
    border: 0 none;
    border-left: 1px solid #d8d8d8;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.jobform-remarks {
    position: relative;
    padding-left: 5em;
}
.job-form .jobform-remarks {
    margin-bottom: 0;
}
.jobform-remarks textarea {
    width: 100%;
    max-width: 100%;
    height: 87px;
    max-height: 87px;
    padding: 5px 0.5em;
    color: #5f5f5f;
    border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jobform-remarks textarea:focus {
    outline: none;
}
.jobform-btn {
    padding-left: 5em;
}
.job-submit,
.job-reset {
    display: block;
    float: left;
    width: 89px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    border: 0 none;
}
.job-submit {
    margin-right: 8px;
    background: #e1121c;
    color: #fff;
}
.job-reset {
    background: #e3e3e3;
    color: #000;
}
.jobcdt-line {
    position: absolute;
    display: block;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #ababab;
}
.jobcdt-line2 {
    position: absolute;
    display: block;
    width: 3px;
    height: 52px;
    background: #818181;
    top: 0;
    left: 50%;
    margin-left: -1px;
}
.job-reveal-modal .close-reveal-modal {
    display: block;
    width: 41px;
    height: 42px;
    top: 46px;
    right: 49px;
}
.job-reveal-modal .close-reveal-modal img {
    width: 100%;
    vertical-align: top;
}
.job-main .team-intro {
    padding-right: 60px;
}
/* 新法速递 */
.newlaw {
    padding: 45px 0 60px;
    overflow: hidden;
}
.newlaw-items {
    margin-bottom: 30px;
    box-shadow: 0 0 0 #f1f1f1;
}
.newlaw-pic {
    float: left;
    display: block;
    width: 266px;
    height: 187px;
    overflow: hidden;
}
.newlaw-art {
    margin-left: 266px;
    height: 187px;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newlaw-tit {
    padding-top: 33px;
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    color: #000;
}
.newlaw-tit a {
    display: block;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newlaw-art {
    padding-right: 270px;
    padding-left: 34px;
}
.newlaw-article {
    margin-top: 20px;
    font-size: 14px;
    line-height: 30px;
    color: #707070;
}
.newlaw-article a {
    display: block;
    color: #707070;
    max-height: 60px;
    overflow: hidden;
}
.newlaw-items2 .newlaw-pic,
.newlaw-items:nth-child(2n) .newlaw-pic {
    float: right;
}
.newlaw-items2 .newlaw-art,
.newlaw-items:nth-child(2n) .newlaw-art {
    margin-right: 300px;
    margin-left: 0;
}
.newlaw-items:hover {
    box-shadow: 0 0 20px #ececec;
}
.newlaw-items:hover .newlaw-pic img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.newlaw-items:hover .newlaw-tit a {
    padding-left: 0.5em;
    color: #e1121c;
}

/* CONTACT US */
.contact {
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.contact-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    background: url('../img/contact-bg.png') no-repeat;
    z-index: 0 !important;
}
.contact-main {
    position: relative;
    width: 750px;
    padding-top: 116px;
    z-index: 0 !important;
}
.contact-tit {
    text-align: right;
}
.contact-tit-text {
    display: block;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    color: #fff;
}
.contact-tit-eng {
    display: block;
    margin-top: 18px;
    font-family: 'bhdb';
    font-size: 24px;
    line-height: 24px;
    color: #676767;
}
.contact-tit-line {
    display: block;
    width: 90px;
    height: 1px;
    margin: 22px 0 0;
    background: #e1121c;
}
.contact-intro {
    clear: both;
    width: 500px;
    padding-top: 62px;
}
.contact-inrto-items {
    padding: 18px 0;
    border-bottom: 1px solid #373736;
}
.cti-mess {
    margin-right: 72px;
    color: #b2b2b2;
    text-align: right;
}
.cti-name {
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    color: #f0f0f0;
}
.cti-text {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: right;
    color: #b2b2b2;
}

/* 动画 */

.nav-items a span,
.ibia-items,
.ibia-block,
.ibia-itit,
.ibia-line,
.ibia-list,
.lgg-nav-items,
.lgg-block,
.lgg-tit a,
.lgg-more,
.lgg-list-more img,
.inewlaw-tit a,
.ibia-border,
.nav-bg,
.pubnav-line,
.guide-art-tit a,
.pages-items a,
.bareas-snav-items a,
.baml-tit a,
.baml-more,
.jobc-nav-items,
.newlaw-pic img,
.newlaw-tit a,
.pubb-icon img,
.lsjs-icon img,
.jobci-btn1,
.jobci-btn2 {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}