body{
    max-width: 1920px;
    margin: 0 auto;
}
.law-header{
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #ececec;
    display: flex;
    flex-direction: row;
    height: 64px;
    justify-content: space-between;
    min-width: 1280px;
    padding: 0 26px 0 24px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 51;
}
.law-header .law-header-logoAndNav {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
.law-header .law-header-logoAndNav .law-header-logo {
    height: auto;
    margin-right: 48px;
    min-height: 40px;
}
.law-header .law-header-logoAndNav .law-header-logo img{
    cursor: pointer;
    height: 40px;
}
.law-header .law-header-logoAndNav .law-header-navs{
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start;
    min-width: 505px;
    width: auto;
}
.law-header .law-header-logoAndNav .law-header-navs .link{
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 64px;
	justify-content: center;
	margin-right: 30px;
	min-width: 28px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: auto;
	font-size: 14px;
	text-decoration: none;
	position: relative;
}
.law-header .law-header-logoAndNav .law-header-navs .item{
    position: relative;
}
.law-header .law-header-logoAndNav .law-header-navs .item .drop-menu{
    display: none;
    position: absolute;
    background-color: #2c3546;
    width: 100px;
}
.law-header .law-header-logoAndNav .law-header-navs .item .drop-menu a{
    display: block;
    border-bottom: 1px solid #37435b;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.law-header .law-header-logoAndNav .law-header-navs .link.active,
.law-header .law-header-logoAndNav .law-header-navs .link:hover{
	color: #f40;
}
.law-header .law-header-logoAndNav .law-header-navs .link.active::after,
.law-header .law-header-logoAndNav .law-header-navs .link:hover::after{
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	bottom: 15px;
	width: 100%;
	background: #f40;
}
.law-header .law-header-site-hotline {
    align-items: center;
    display: flex;
}
.site-search{
    background: #f5f5f5;
    font-weight: 400;
    height: 34px;
    margin-right: 48px;
    position: relative;
}
.site-search-main{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 34px;
}
.site-search-main .inp{
	color: #999;
	cursor: pointer;
	font-size: 14px;
	height: 100%;
	line-height: 34px;
	overflow: hidden;
	padding-left: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 128px;
	background-color: transparent;
}
.site-search-main .submit{
	background: url(../images/xs-s.png) no-repeat center #ededed;
	background-size: 15px;
	border: none;
	color: #1d1d1d;
	cursor: pointer;
	height: 34px;
	width: 34px;
}
.law-hotline-texts{
    display: flex;
    flex-direction: column;
    height: 28px;
    justify-content: center;
	background: url(../images/xs-t.png) no-repeat left center;
	padding-left: 40px;
}
.law-hotline-texts .tels-nums{
    color: #0d141c;
    font-size: 16px;
}
.law-hotline-texts .tels-notes {
    color: #97a1b1;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 5px;
}
.law-banner{
	position: relative;
}
.law-banner .hd{
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}
.law-banner .hd ul{
	display: flex;
	justify-content: space-between;
	width: 66px;
}
.law-banner .hd ul li{
	width: 20px;
	height: 4px;
	border-radius: 2px;
	background-color: hsla(0,0%,100%,.2);
	transition: all .4s ease-out;
}
.law-banner .hd ul li.on{
	background: #ff6900;
	background-clip: content-box;
	width: 32px;
}
.law-advantage{
	background: linear-gradient(90deg,#080d1f,#152d4b 50%,#080d1f 65%,#152d4b 75%,#080d1f);
	font-weight: 400;
	height: 64px;
	z-index: 2;
}
.law-advantage .wrap{
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: space-between;
}
.law-advantage .advantage-item{
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start;
    width: auto;
}
.law-advantage .advantage-item .item-image{
	width: 46px;
	height: 46px;
}
.law-advantage .advantage-item .item-text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 11px;
}
.law-advantage .advantage-item .item-text .main-title{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.law-advantage .advantage-item .item-text .sub-title{
    color: hsla(0,0%,100%,.3);
    font-size: 12px;
    font-weight: 400;
}
.law-service{
	margin-bottom: 47px;
}
.service-common-title{
	margin-top: 47px;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-width: 100px;
	position: relative;
}
.service-common-title .main-title{
    color: #000;
    font-size: 40px;
    position: relative;
}
.service-common-title .main-title:before {
    background: #000;
    border: none;
    content: "";
    display: block;
    height: 2px;
    left: -46px;
    position: absolute;
    top: 36px;
    width: 14px;
}
.service-common-title .main-title:after {
    background: #000;
    border: none;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: -46px;
    top: 36px;
    width: 14px;
}
.service-common-title .sub-title {
    color: #a0a0a0;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
}
.service-common-title .tag{
	height: 24px;
	min-width: 84px;
	position: absolute;
	top: -10px 
}
.service-common-title .tag img{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.service-common-title .tag .tag-text{
	color: #94a2bd;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}
.service-contents{
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 180px;
	justify-content: space-between;
	margin-top: 40px;
	width: 100%;
}
.service-contents .contents-item{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 180px;
	overflow: hidden;
	padding: 26px 10px 0 30px;
	position: relative;
	transition: box-shadow .2s ease-in-out 0s;
	width: 286px;
}
.service-contents .contents-item .query-botton{
	align-items: center;
	background: linear-gradient(81deg,#ff6900,#ff8e41);
	bottom: -40px;
	color: #fff;
	cursor: pointer;
	display: flex;
	height: 40px;
	justify-content: center;
	left: 0;
	position: absolute;
	transition: bottom .2s ease-in-out 0s;
	width: 100%;
	z-index: 1;
	font-size: 14px;
}
.service-contents .contents-item .title-wrap{
    align-items: center;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    font-size: 20px;
    justify-content: flex-start;
    margin-bottom: 6px;
    transition: color .2s ease-in-out 0s;
}
.service-contents .contents-item .title-wrap .title{
    white-space: nowrap;
}
.service-contents .contents-item .title-wrap .tag{
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    margin-left: 5px;
    overflow: hidden;
    padding: 0 4px;
    text-align: center;
}
.service-contents .contents-item .sub-title{
    color: hsla(0,0%,100%,.6);
    font-size: 20px;
    font-size: 13px;
    height: 14px;
    line-height: 14px;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
}
.service-contents .contents-item .activity-price{
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    height: 20px;
    justify-content: flex-start;
    margin-bottom: 8px;
    min-width: 200px;
}
.service-contents .contents-item .activity-price .price-tag{
    align-items: center;
    border: 1px solid #fff;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    margin-right: 6px;
    min-width: 44px;
    padding: 0 4px;
}
.service-contents .contents-item .activity-price .price-num{
    color: #fff;
    font-size: 22px;
    height: 23px;
    margin-right: 5px;
}
.service-contents .contents-item .activity-price .price-unit{
    color: #fff;
    font-size: 12px;
}
.service-contents .contents-item .normal-price span{
    color: hsla(0,0%,76%,.6);
    font-size: 12px;
    text-decoration: line-through;
}
.service-contents .contents-item .title-wrap .tag.type1{
    background: linear-gradient(90deg,#ff003c,#ff576b);
}
.service-contents .contents-item .title-wrap .tag.type3{
    background: linear-gradient(90deg,#ff6900,#ff993e);
}
.service-contents .contents-item .title-wrap .tag.type2{
    background: linear-gradient(90deg,#deb66a,#ba954d 99%);
}
.service-contents .contents-item:hover .query-botton{
    bottom: 0
}
.service-contents .contents-item:hover .title{
    color: #ff6900
}

.law-firm-selection{
	padding-bottom: 67px;
}
.lawfirm-detials-info{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.lawfirm-detials-info .left{
	width: 600px;
}
.lawfirm-detials-info .lawfirm-vedio{
	width: 553px;
}
.lawfirm-detials-info .law-firm-name {
    color: #000;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: top .2s linear 0s;
    white-space: nowrap;
}
.lawfirm-detials-info .law-firm-name.law-firm-field{
	margin-top: 30px;
}
.lawfirm-detials-info .law-firm-description {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #666;
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    transition-delay: .2s;
    transition-duration: .2s;
    transition-property: opacity top;
    transition-timing-function: linear;
	margin-top: 30px;
}

.law-elite{
	background: linear-gradient(45deg,#1e2331,#4f5563 25%,#11141d);
	display: flex;
	height: 644px;
	justify-content: center;
	min-width: 1200px;
	position: relative;
	width: 100%;
}

.law-elite .service-common-title .main-title,
.law-elite .service-common-title .main-title{
	color: #fff;
}
.law-elite .service-common-title .main-title:before,
.law-elite .service-common-title .main-title:after,
.law-elite .service-common-title .main-title:before,
.law-elite .service-common-title .main-title:after{
	background-color: #fff;
}
.law-elite-content{
	margin-top: 40px;
}
.law-elite-content .bd{
	background-color: #fff;
	padding: 15px;
}
.law-elite-content .bd ul li{
	display: flex;
	justify-content: space-between;
}
.law-elite-content .bd ul li .img{
	width: 240px;
}
.law-elite-content .bd ul li .info{
	width: 880px;
}
.law-elite-content .bd ul li .info .name{
	font-size: 28px;
	font-weight: 400;
	line-height: 28px;
	margin-right: 13px;
	white-space: nowrap;
	margin-top: 30px;
}
.law-elite-content .bd ul li .info .name span{
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.law-elite-content .bd ul li .info .text{
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #000;
	display: -webkit-box;
	font-size: 14px;
	height: 72px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 30px;
}
.law-elite-content .bd ul li .info .lawyer-button{
	display: block;
	background-color: #ff6900;
	border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(232,66,0,.22);
	color: #fff;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	margin-top: 23px;
	text-align: center;
	transition: all .2s ease-in-out;
	width: 110px;
}
.law-elite-content .hd{
	margin-top: 30px;
	padding: 0 30px;
}
.law-elite-content .hd ul{
	display: flex;
	justify-content: space-between;
}
.law-elite-content .hd ul li{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.law-elite-content .hd ul li .img{
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
	border: 3px solid #fff;
	margin-right: 10px;
}
.law-elite-content .hd ul li .info{
	color: #fff;
	font-size: 14px;
}
.law-elite-content .hd ul li.on .img{
	border-color: #ff6900;
}
.law-elite-content .hd ul li.on .info{
	color: #ff6900;
}

.law-knowledge{
	padding-bottom: 47px;
}
.law-knowledge-center{
	margin-top: 47px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.law-knowledge-center .left-title{
	font-size: 24px;
}
.law-knowledge-center ul{
	width: 850px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.law-knowledge-center ul li{
	width: 30%;
	margin-bottom: 25px;
}
.law-knowledge-center ul li img{
	width: 100%;
}
.law-knowledge-center ul li a{
	font-size: 14px;
	color: #333;
}
.law-knowledge-center ul li span{
	color: #999;
}
.law-knowledge-center .right{
	width: 300px;
	text-align: center;
}
.law-knowledge-center .right-title{
	font-size: 24px;
	font-weight: bold;
}
.law-knowledge-center .subtitle{
	font-size: 14px;
	margin-top: 20px;
	color: #666;
}
.law-knowledge-center .right-icon{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.law-knowledge-center .right-icon .item .img{
	width: 50px;
	height: 50px;
	background-color: #f2f4ff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.law-knowledge-center .right-icon .item .img img{
	height: 25px;
}
.law-knowledge-center .right-icon .item .text{
	font-size: 14px;
	margin-top: 10px;
	color: #666;
}
.law-knowledge-center .right-btn{
	display: block;
	background-color: #005d97;
	color: #fff;
	font-size: 16px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-top: 30px;
	border-radius: 5px;
	text-decoration: none;
}


.law-footer{
    align-items: center;
    background: #272e35;
    display: flex;
    justify-content: center;
    width: 100%;
	padding-bottom: 60px 
}
.law-footer-advantages{
	border-bottom: 1px solid hsla(0,0%,100%,.1);
	display: flex;
	height: 80px;
	justify-content: space-between;
} 
.law-footer-advantages-item{
	align-items: center;
	cursor: default;
	display: flex;
	height: 100%;
	justify-content: flex-start;
	min-width: 114px;
}
.law-footer-advantages-image{
	background-position: top!important;
	background-size: 100%!important;
	height: 32px;
	margin-right: 10px;
	overflow: hidden;
	width: 32px;
}
.law-footer-advantages-span{
	color: #fff;
	font-size: 14px;
}
.law-footer-service-content{
	align-items: flex-start;
	border-bottom: 1px solid hsla(0,0%,100%,.1);
	display: flex;
	height: auto;
	justify-content: space-between;
	padding-bottom: 33px;
}
.law-footer-service{
	display: flex;
	flex: 1;
	flex-direction: row;
	justify-content: space-between;
	margin-right: 30px;
	min-height: 240px
}
.law-footer-service .footer-service-item{
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-right: 30px;
}
.law-footer-service .footer-service-item .service-item{
	color: hsla(0,0%,100%,.5);
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color .2s ease-in-out 0s;
	white-space: nowrap;
}
.law-footer-service .footer-service-item .service-item-title{
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 39px;
}
.law-footer-service .footer-service-item .service-item-detail{
	font-size: 12px;
	margin-top: 20px;
}
.law-footer-contact{
	align-items: flex-start;
	cursor: default;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 200px;
	min-width: 200px;
	width: 200px;
}
.law-footer-contact .law-footer-hotline,
.law-footer-contact .law-footer-email{
	color: #fff;
	font-size: 14px;
	margin-top: 39px;
}
.law-footer-contact .law-footer-hotnum{
    color: #ff6900;
    font-size: 24px;
    line-height: 24px;
    margin-top: 14px;
}
.law-footer-contact .law-footer-email-address{
    color: hsla(0,0%,100%,.5);
    font-size: 16px;
    line-height: 16px;
    margin-top: 14px;
}
.law-footer-friends{
    align-content: space-between;
    color: hsla(0,0%,100%,.5);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    height: 35px;
    margin-top: 36px;
    overflow: hidden;
    position: relative;
    transition: height .3s ease-in-out 0s;
    width: 1200px;
}
 .law-footer-friends .footer-friends-link{
    color: hsla(0,0%,100%,.5);
    cursor: default;
    height: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-right: 20px;
    text-decoration: none;
    transition: color .2s ease-in-out 0s;
}
.footer-net-copy{
	color: hsla(0,0%,100%,.5);
}

.law-firm-selection-wrap .firm-selection-center .lawfirm-detials-info-wrap .lawfirm-detials-info .law-firm-query-link {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    left: 0;
    padding: 20px 30px 20px 0;
    position: absolute;
    top: 180px;
}
.law-firm-empower {
    align-items: center;
    background: url(../images/law-firm-empower.8b3f8c7.jpg) no-repeat;
    background-size: 100%;
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: 20px;
    height: 66px;
    justify-content: flex-start;
    left: 0;
    padding: 0 34px;
    position: inherit;
    width: 518px;
    z-index: 3;
	margin-top: 50px;
}

.law-firm-empower .empower-hilight {
    font-weight: 400;
	margin-right: 10px;
}
.law-firm-empower .empower-normal {
    font-weight: 300;
	margin-right: 10px;
}
.law-firm-empower .el-button--primary {
    background-color: #fff;
    border: none;
    color: #ff6900;
    font-size: 12px;
    font-weight: 400;
	height:30px;
	cursor:pointer;
}
.law-firm-empower .el-button--primary span{
	right:18px;
}
.law-firm-empower .confirm {
    align-items: center;
    border-radius: 2px;
    box-shadow: 0 3px 4px 0 rgba(212, 60, 0, .47);
    display: flex;
    justify-content: center;
    transition: all .2s;
    width: 120px;
}
.law-firm-empower .empower-button {
    align-items: center;
    background: #fff;
    border-radius: 2px;
    color: #ff6900;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;    
    top: 17px;
    transition-delay: 0s;
    transition-duration: .2s;
    transition-property: background box-shadow;
    transition-timing-function: linear;
    width: 114px;
	margin-left: 80px;
}
@media(max-width:1391px){
    .law-header-site-hotline{
        display: none!important;
    }
}