/*���� start*/

.law-page-content{

    background: #fafafa;

}

.law-tit-up{

    width: 100%;

    margin: 0 auto;

    text-align: center;

}

.law-tit-up>h3{

    font-size: 34px;

    font-weight: bold;

    color:#d19331;

}

.law-tit-up>i{

    width: 447px;

    height: 2px;

    background: url("/templets/default/images/tit.png") center top no-repeat;

    /*background-size: cover;*/

    margin: 5px auto;

}

.law-tit-up>p{

    font-size: 22px;

    color: #777777;

}

.law-tit-up02>h3,.law-tit-up02>p{

    color: #fff;

}

.business-intro-tit{

    position: relative;

    width: 1200px;

    height: 55px;

    line-height: 55px;

    background: #d19331;

    margin: 40px 0;

}

.business-intro-tit.tit02{

    margin-top: 70px;

}

.business-intro-tit>i{

    position: absolute;

    left: 0;

    top:0;

    width: 25px;

    height: 55px;

    background: url("/templets/default/images/icon03.png") no-repeat;

}

.business-intro-tit>p{

    color:#fff;

    font-size: 28px;

    margin-left: 40px;

}

/*��ѯ��ť*/

.law-btn-box{

    width: 671px;

    height: 54px;

    margin: 0 auto;

    border: 1px solid #643d00;

    text-align: center;

    border-radius: 5px;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.law-btn-box>a{

    width: 235px;

    height: 54px;

    line-height: 54px;

    background: #643d00;

    color:#fff;

    font-size: 26px;

    float: right;

}

.law-btn-box>.left{

    font-size: 20px;

    color:#999;

    height: 54px;

    line-height: 54px;

    float: left;

    width: 433px;

}

.law-btn-box>.left>p>span{

    color:#643d00;

}

.law-btn-box:hover{

    width: 720px;

}

.law-btn-box02>a{

    background: #fff;

    color:#643d00;

}

.law-btn-box02{

    border: 1px solid #fff;

}

.law-btn-box02>.left,.law-btn-box02>.left>p>span{

    color:#fff;

}

/*nav start*/

.bg-box{

    overflow:initial;

    background: #fff;

}

.nav-list{

    overflow: initial;

}

.nav-list>li{

    position: relative;

    z-index: 99;

}

.nav-list-cont{

    position: absolute;

    z-index: 999;

    background: #272c30;

}

.uli{

    width:400px!important;

    height:225px;

}

.uli>img{

    width:100%;

    height:225px;

}

.add-page>.mid .cont ul li{

    line-height: 21px;

    text-align: left;

}

.inside-banner>.w1200{

    position: relative;

}

/*�� start*/

.law-sever-form{

    position: absolute;

    top:118px;

    right: 0;

    width: 388px;

    height: 366px;

    background: #fff;

    text-align: center;

}

.law-sever-form h3{

    font-size: 28px;

    color:#333;

    margin: 30px 0 20px;

}

.law-sever-form .name,.tel{

    position:relative;

    width: 342px;

    height: 46px;

    margin: 20px auto;

}

.law-sever-form .name i,.tel i{

    position: absolute;

    left: 11px;

    top:13px;

    width: 19px;

    height: 19px;

    background: url("/templets/default/images/icon.png") no-repeat;

    background-size: cover;

}

.law-sever-form .tel i{

    background-position: -23px 0;

}

.law-sever-form input{

    width: 342px;

    height: 46px;

    line-height: 46px;

    font-size: 14px;

    color:#999;

    border: 1px solid #e5e5e5;

    padding: 10px 40px;

    box-sizing: border-box;

}

.law-sever-form input::-webkit-input-placeholder{

    color:#999;

}

.law-sever-form input:-ms-input-placeholder{

    color:#999;

}

.law-sever-form input:focus{

    border-color: #999;

}

.radio-btn label{

    color:#d19331;

    font-size: 15px;

    margin-right: 15px;

}

.radio-btn label.last{

    margin-right: 0;

}

.radio-btn{

    margin: 25px 0;

}

.radio-btn input{

    width: 13px;

    height: 13px;

    cursor: pointer;

    background-color:#d19331;

    margin-right: 5px;

}



.law-sever-form>form>a {

    width: 342px;

    height: 46px;

    line-height: 46px;

    text-align: center;

    font-size: 24px;

    color:#fff;

    background: #643d00;

    margin-top: 10px;

}

.law-sever-form>form>a:hover{

    opacity: 0.8;

}

/*����ҵ������ start*/

.core-business{

    padding: 50px 0;

}

.core-business ul{

    margin: 50px 0;

}

.core-business ul li{

    float: left;

    box-shadow: 0 0 10px #bdbcbc;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}

.core-business ul li.mid{

    margin: 0 15px;

}

.core-business ul li .img{

    width: 390px;

    height: 181px;

    overflow: hidden;

}

.core-business ul li .img img{

    width: 100%;

    height: 100%;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.core-business ul li:hover .img img{

    -webkit-transform: scale(1.15);

    -moz-transform: scale(1.15);

    -o-transform: scale(1.15);

    -ms-transform: scale(1.15);

    transform: scale(1.15);

}

.core-business ul li .text{

    border: 1px solid #d19331;

    width: 388px;

    text-align: center;

    padding-bottom: 20px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    background: #fff;

}

.core-business ul li .text>p{

    width:100%;

    height: 55px;

    line-height: 55px;

    background: #d19331;

    font-size: 27px;

    color:#fff;

    margin-top: -2px;

}

.core-business ul li .text .intro{

    padding: 0 20px;

}

.core-business ul li .text .intro .line{

    border-bottom: 1px dashed #ccc;

    line-height: 55px;



}

.core-business ul li .text .intro .line a{

    font-size: 20px;

    color:#666;

    width: 113px;

}

.core-business ul li .text .intro .line a:hover{

    color:#d19331;

}

/*����ҵ������ end*/

/*רҵ�����Ŷ� start*/

.adviser-team{

    background: #fff;

    padding: 30px 0 10px;

}

.picScroll-left{

    position: relative;

    margin: 30px 0;

    width: 1200px;

}

.picScroll-left .bd{

    height: 305px;

    width: 100%;

    overflow: hidden;

}

.picScroll-left .bd ul{

    height: 305px;

}

.picScroll-left .bd ul li{

    position: relative;

    float: left;

    width: 290px;

    height: 293px;

    text-align: center;

    box-shadow: 5px 5px 10px #ededed;

    margin-right: 10px;

    /*border: 1px solid #ddd;*/

    border-radius: 10px;

}

.picScroll-left .bd ul li .img{

    width: 290px;

    height: 244px;

    border-radius: 10px;

}

.picScroll-left .bd ul li .img img{

    width: 100%;

    height: 100%;

}

.picScroll-left .bd ul li>p{

    width: 100%;

    font-size: 26px;

    color:#333;

    border-radius: 10px;

    height: 46px;

    line-height: 46px;

}

.picScroll-left .bd ul li>p>span{

    font-size: 20px;

    color:#999;

    margin-left: 5px;

}

.picScroll-left .bd ul li>.hide-infor{

    position: absolute;

    top:310px;

    left: 0;

    width: 250px;

    height: 276px;

    background: rgba(0,0,0,0.5);

    border-radius: 10px;

    padding: 10px 20px;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.picScroll-left .bd ul li:hover>.hide-infor{

    top:0;

}

.picScroll-left .bd ul li>.hide-infor>p{

    color:#fff;

    font-size: 26px;

    line-height: 80px;

    border-bottom: 1px dashed #fff;

}

.picScroll-left .bd ul li>.hide-infor p>span{

    font-size: 20px;

    color:#fff;

    margin-left: 5px;

}

.picScroll-left .bd ul li>.hide-infor .txt{

    text-align: left;

    margin: 25px 0;

    width: 250px;

    height: 85px;

    overflow: hidden;

    white-space: normal;

    word-wrap: break-word;

    word-break: break-all;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

}

.picScroll-left .bd ul li>.hide-infor .txt>p{

    font-size: 18px;

    margin-top: 2px;

    color:#fff;

}

.picScroll-left .bd ul li>.hide-infor a{

    width: 184px;

    height: 46px;

    line-height: 46px;

    color:#fff;

    font-size: 26px;

    background: #d19331;

    border-radius: 30px;

    transition: all 0.5s;

    -moz-transition: all 0.5s; /* Firefox 4 */

    -webkit-transition: all 0.5s; /* Safari �� Chrome */

    -o-transition: all 0.5s; /* Opera */

}

.picScroll-left .bd ul li>.hide-infor a:hover{

    background: #d07f00;

}

.picScroll-left>a{

    position: absolute;

    z-index: 22;

    top:112px;

    left: -50px;

    width: 29px;

    height: 64px;

    background: url("/templets/default/images/icon02.png") no-repeat;

}

.picScroll-left>a.next{

    position: absolute;

    background-position: -53px 0;

    left: 1220px;

    top:112px;

}

/*רҵ�����Ŷ� end*/

/*����ҵ����� start*/

.core-business-intro{

    padding: 50px 0;

}

.business-intro-cont{

    margin-bottom: 50px;

}

.business-intro-cont>table{

    width: 810px;

    table-layout: fixed;

    text-align: center;

}

.business-intro-cont>table tr td{

    width: 200px;

    height: 230px;

    border: 1px solid #ddd;

}

.business-intro-cont>table tr td a{

    width: 180px;

    height: 210px;

    padding: 10px;

}

.business-intro-cont>table tr td i{

    width: 71px;

    height: 82px;

    background: url("/templets/default/images/image01.png") no-repeat;

}

.business-intro-cont>table tr td i.two{

    background-position: -98px 0;

}

.business-intro-cont>table tr td i.three{

    background-position: -199px 0;

}

.business-intro-cont>table tr td i.four{

    width: 80px;

    background-position: -292px 0;

}

.business-intro-cont>table tr td i.five{

    background-position: -397px 0;

    width: 80px;

}

.business-intro-cont>table tr td i.six{

    background-position: -507px 0;

    width: 90px;

}

.business-intro-cont>table tr td i.seven{

    background-position: -621px 0;

}

.business-intro-cont>table tr td p{

    font-size: 24px;

    color:#333;

    width: 180px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin: 10px 0;

}

.business-intro-cont>table tr td span{

    font-size: 16px;

    color:#666;

    width: 180px;

    height: 48px;

    line-height: 24px;

    white-space: normal;

    word-wrap: break-word;

    word-break: break-all;

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

}

.business-intro-cont>table tr td span.other{

    font-size: 20px;

    height: 80px;

    margin-top: 45px;

    color:#d19331;

}

.business-intro-cont>table tr td:hover{

    background: #eeeeee;

}

.business-intro-cont>.case-right{

    width: 346px;

    height: 422px;

    box-shadow: 0 0 10px #ddd;

    padding: 20px;

}

.business-intro-cont>.case-right .up{

    font-size: 24px;

    color: #d19331;

    line-height: 40px;

    border-bottom: 1px solid #999;

}

.business-intro-cont>.case-right .up a{

    font-size: 16px;

    color:#999;

}

.business-intro-cont>.case-right .up a:hover{

    text-decoration: underline;

}

.business-intro-cont>.case-right .mid{

    width: 346px;

    height: 125px;

    background: #eee;

    margin-top: 20px;

    border-radius: 10px;

    padding: 25px 0;

}

.business-intro-cont>.case-right .mid .img{

    width: 116px;

    height: 122px;

    background: #666;

    margin: 0 10px 0 -10px;

    vertical-align: top;

}

.business-intro-cont>.case-right .mid .img img{

    width: 100%;

    height: 100%;

}

.business-intro-cont>.case-right .mid .txt{

    width: 215px;

}

.business-intro-cont>.case-right .mid .txt>b{

    font-size: 22px;

    color:#333;

}

.business-intro-cont>.case-right .mid .txt>p{

    line-height: 21px;

    color:#999;

    width: 210px;

    height: 85px;

    font-size: 14px;

    white-space: normal;

    word-wrap: break-word;

    word-break: break-all;

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:4;

}

.business-intro-cont>.case-right .mid>a{

    font-size: 14px;

    color:#d19331;

    margin: -5px 20px 0 0;

}

.business-intro-cont>.case-right .mid>a:hover{

    text-decoration: underline;

}

.business-intro-cont>.case-right .down{

    text-align: left;

    width: 280px;

    margin: 15px auto 0;

}

.business-intro-cont>.case-right .down a{

    font-size: 14px;

    color:#666;

    border-bottom: 1px dashed #d19331;

    line-height: 35px;

    width: 280px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.business-intro-cont>.case-right .down a:hover{

    color:#d19331;

}

.business-intro-cont>.case-right .down a i{

    width: 8px;

    height: 8px;

    margin-right: 8px;

    background: #d19331;

    border-radius: 30px;

}

/*���ز�Ǩ start*/

.zd-cont>table tr td i{

    width: 110px;

    height: 82px;

    background: url("/templets/default/images/image04.png") no-repeat;

    margin: 20px 0 10px;

}

.zd-cont>table tr td i.two{

    background-position: -120px 0;

}

.zd-cont>table tr td i.three{

    width: 95px;

    background-position: -223px 0;

}

.zd-cont>table tr td i.four{

    width: 95px;

    background-position: -315px 0;

}

.zd-cont>table tr td i.five{

    background-position: -427px 0;

}

.zd-cont>table tr td i.six{

    background-position: -514px 0;

    width: 120px;

}

.zd-cont>table tr td i.seven{

    background-position: -637px 0;

}

.zd-cont>table tr td i.eight{

    background-position: -735px 0;

}

.zd-cont>table tr td:hover i.one{

    background-position: 0 -95px;

}

.zd-cont>table tr td:hover i.two{

    background-position: -120px -105px;

}

.zd-cont>table tr td:hover i.three{

    background-position:-223px -105px;

}

.zd-cont>table tr td:hover i.four{

    background-position: -315px -105px;

}

.zd-cont>table tr td:hover i.five{

    background-position: -427px -105px;

}

.zd-cont>table tr td:hover i.six{

    background-position:-514px -105px;

}

.zd-cont>table tr td:hover i.seven{

    background-position: -637px -105px;

}

.zd-cont>table tr td:hover i.eight{

    background-position: -735px -105px;

}

.zd-cont>.case-right{

    height: 388px;

}

.zd-cont>table tr{

    margin-bottom: 10px;

}

.zd-cont>table tr td{

    height: 189px;

}

.zd-cont>table tr td a{

    height: 189px;

}

.zd-cont>table tr td a.hh{

    background: #eee;

}

.zd-cont>table tr td:hover a{

    background: #e2caa2;

    border-color:#643d00;

}

/*���˷��ɷ��� start*/

.person-law>table tr td i{

    width: 104px;

    height: 106px !important;

    background: url("/templets/default/images/image02.png") no-repeat;

}

.person-law>table tr td i.two{

    background-position:-126px 0;

}

.person-law>table tr td i.three{

    background-position:-250px 0;

}

.person-law>table tr td i.four{

    width: 104px;

    background-position: -375px 0;

}

.person-law>table tr td i.five{

    width: 104px;

    background-position:-501px 0;

}

.person-law>table tr td i.six{

    width: 104px;

    background-position:-626px 0;

}

.person-law>table tr td i.seven{

    width: 104px;

    background-position:-750px 0;

}

.person-law>table tr td p{

    margin: 10px 0;

    transition: all 0.5s;

    -moz-transition: all 0.5s; /* Firefox 4 */

    -webkit-transition: all 0.5s; /* Safari �� Chrome */

    -o-transition: all 0.5s; /* Opera */

}

.person-law>table tr td:hover p{

    color:#d19331;

}

.person-law>table tr td span{

    line-height: 22px;

    font-size: 16px;

}

.person-law>table tr td{

    height: 225px;

    width: 200px;

    overflow: hidden;

}

.person-law>table tr td a{

    height: 200px;

}

.person-law>table tr td span.other{

    font-size: 20px;

}

.person-law>table tr td.last>a{

    background: url("/templets/default/images/image03.png") no-repeat;

    background-size: cover;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.person-law>table tr td.last>a:hover{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.person-law>table tr td.last span{

    color:#fff;

    line-height: 24px;

}

.person-law>table tr td.last p{

    color:#fff;

}

table tr.no-height{

    border: 0;

}

table tr.no-height>td{

    height: 10px;

    border: none;

}

/*����ҵ����� end*/

/*����������ʦ�� start*/

.picScroll-left02{

    text-align: center;

    width: 1200px;

}

.picScroll-left02 .bd{

    width: 1200px;

    height: 432px;

    overflow: hidden;

    margin: 50px 0 20px;

}

.picScroll-left02 .hd ul li{

    float: left;

    width: 12px;

    height: 12px;

    font-size: 0;

    border-radius: 30px;

    border: 1px solid #999;

    background: #fff;

    margin-right: 15px;

    margin-bottom: 20px;

}

.picScroll-left02 .hd ul li.on{

    background: #d19331;

    border: 1px solid #d19331;

}

.picScroll-left02 .bd ul li{

    position: relative;

    float: left;

    width: 290px;

    height: 430px;

    text-align: center;

    border-radius: 15px;

    box-shadow: 0 0 10px #ddd;

    overflow: hidden;

    margin-right: 10px;

}

.picScroll-left02 .bd ul li .img{

    width: 290px;

    height: 282px;

    overflow: hidden;

    border-top-right-radius: 15px;

    border-top-left-radius: 15px;

}

.picScroll-left02 .bd ul li .img img{

    width: 100%;

    height: 100%;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.picScroll-left02 .bd ul li:hover .img img{

    -webkit-transform: scale(1.15);

    -moz-transform: scale(1.15);

    -o-transform: scale(1.15);

    -ms-transform: scale(1.15);

    transform: scale(1.15);

}

.picScroll-left02 .bd ul li .p1{

    font-size: 24px;

    color:#333;

    margin-top: 20px;

}

.picScroll-left02 .bd ul li .p1 span{

    font-size: 18px;

    color:#999;

    margin-left: 5px;

}

.picScroll-left02 .bd ul li .p2{

    font-size: 20px;

    color:#666;

}

.picScroll-left02 .bd ul li .p2 span{

    color:#d19331;

    margin-left: 5px;

}

.picScroll-left02 .bd ul li>a{

    width: 166px;

    height: 46px;

    font-size: 24px;

    border: 1px solid #ddd;

    color:#d19331;

    border-radius: 3px;

    line-height: 46px;

    transition: all 0.5s;

    -moz-transition: all 0.5s; /* Firefox 4 */

    -webkit-transition: all 0.5s; /* Safari �� Chrome */

    -o-transition: all 0.5s; /* Opera */

    margin-top: 10px;

}

.picScroll-left02 .bd ul li>a:hover{

    background: #d19331;

    color:#fff;

}

.picScroll-left02 .bd ul li .hide-infor02{

    position: absolute;

    top:-285px;

    left: 0;

    width: 290px;

    height: 282px;

    border-top-right-radius: 15px;

    border-top-left-radius: 15px;

    background: rgba(0,0,0,0.4);

    color:#fff;

    font-size: 20px;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.picScroll-left02 .bd ul li:hover .hide-infor02{

    top:0;

}

.picScroll-left02 .bd ul li .hide-infor02 p{

    margin: 60px 0 30px;

    color:#fff;

}

.picScroll-left02 .bd ul li .hide-infor02 .txt{

    line-height: 28px;

    width: 265px;

    height: 85px;

    margin: 0 auto;

    white-space: normal;

    word-wrap: break-word;

    word-break: break-all;

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}

/*����������ʦ�� end*/

/*�������� start*/

.law-knowledge{

    padding: 30px 0 50px;

}

.sever-process{

    padding: 30px 0;

    width: 100%;

    min-width: 1200px;

    background:  center top no-repeat;

    position: relative;

    margin: 0 auto;

}

.sever-process ul{

    margin: 50px 0;

}

.sever-process ul li{

    position: relative;

    float: left;

    width: 200px;

    height: 220px;

    background: url("/templets/default/images/image05.png") no-repeat;

    color:#fff;

    text-align: center;

    margin-right:48px;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.sever-process ul li>span{

    position: absolute;

    top:0;

    left: 0;

    width: 53px;

    height: 57px;

    line-height: 57px;

    background: url("/templets/default/images/icon04.png") no-repeat;

    background-size: cover;

    font-size: 24px;

    color:#d19331;

    text-align: center;

    padding-left: 15px;

}

.sever-process ul li>i{

    width: 68px;

    height: 68px;

    background: url("/templets/default/images/icon05.png") no-repeat;

    margin-top: 50px;

    transition: all 0.5s;

    -moz-transition: all 0.5s; /* Firefox 4 */

    -webkit-transition: all 0.5s; /* Safari �� Chrome */

    -o-transition: all 0.5s; /* Opera */

}

.sever-process ul li:hover>i{

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.sever-process ul li>i.two{

    background-position: -69px 0;

}

.sever-process ul li>i.three{

    background-position: -150px 0;

}

.sever-process ul li>i.four{

    background-position: -222px 0;

}

.sever-process ul li>i.five{

    background-position: -300px 0;

}

.sever-process ul li>p{

    font-size: 20px;

    line-height: 24px;

}

.sever-process ul li:hover{

    background: url("/templets/default/images/image05-2.png") no-repeat;

}

.sever-process ul li.last{

    margin-right: 0;

}

/*�������� end*/

/*���ɳ�ʶ start*/

.law-sense ul{

    width: 804px;

}

.law-sense ul li{

    float: left;

    width: 261px;

    height: 189px;

    box-shadow: 0 0 10px #ddd;

    text-align: center;

    margin-bottom: 10px;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.law-sense ul li.mid{

    margin: 0 10px;

}

.law-sense ul li a{

    font-size: 16px;

    color:#666;

    width: 195px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    height: auto;

    text-align: left;

}

.law-sense ul li a>span{

    width: 8px;

    height: 8px;

    background: #d19331;

    border-radius: 30px;

    margin-right: 8px;

    vertical-align: middle;

}

.law-sense ul li a:hover{

    color:#d19331;

    text-decoration: underline;

}

.law-sense ul li .up{

    margin: 20px 0 10px;

}

.law-sense ul li .up i{

    width: 57px;

    height: 61px;

    background: url("/templets/default/images/icon06.png") no-repeat;

    margin-right: 10px;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.law-sense ul li .up i.two{

    background-position: -78px 0;

}

.law-sense ul li .up i.three{

    background-position: -158px 0;

}

.law-sense ul li .up i.four{

    background-position: -227px 0;

}

.law-sense ul li .up i.five{

    background-position: -302px 0;

}

.law-sense ul li .up i.six{

    background-position: -366px 0;

}

.law-sense ul li:hover .up span{

    color:#d19331;

}

.law-sense ul li:hover {

    box-shadow: 0 0 10px #d19331;

}

.law-sense ul li:hover .up i{

    background-position: 0 -87px;

}

.law-sense ul li:hover .up i.two{

    background-position: -78px -87px;

}

.law-sense ul li:hover .up i.three{

    background-position: -158px -87px;

}

.law-sense ul li:hover .up i.four{

    background-position: -227px -87px;

}

.law-sense ul li:hover .up i.five{

    background-position: -302px -87px;

}

.law-sense ul li:hover .up i.six{

    background-position: -366px -87px;

}

.law-sense ul li .up span{

    font-size: 24px;

    color: #333;

    width: 123px;

    border-bottom: 1px solid #666;

    vertical-align:middle;

    margin-top: -63px;

    text-align: left;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.law-sense>.case-right{

    height: 348px;

}

/*���ɳ�ʶ end*/

/*���ɴ�� start*/

.resolve-problem{

    padding: 50px 0;

    background: #fff;

}

.resolve-problem ul{

    margin: 30px 0;

}

.resolve-problem ul li{

    float: left;

    width: 595px;

    height: 81px;

    line-height: 81px;

    background: #e8e8e8;

    border-radius: 50px;

    color:#d19331;

    box-sizing: border-box;

    padding: 0 30px;

    margin-bottom: 20px;

}

.resolve-problem ul li.left{

    margin-right: 10px;

}

.resolve-problem ul li>p{

    font-size: 28px;

    color:#d19331;

    width: 350px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.resolve-problem ul li>p>span{

    font-size: 20px;

    color:#333;

    vertical-align: middle;

}

.resolve-problem ul li>a{

    width: 167px;

    height: 46px;

    line-height: 46px;

    color:#d19331;

    border: 1px solid #d19331;

    border-radius: 30px;

    text-align: center;

    font-size: 24px;

    float: right;

    margin-top: 17px;

    transition: all 0.5s;

    -moz-transition: all 0.5s; /* Firefox 4 */

    -webkit-transition: all 0.5s; /* Safari �� Chrome */

    -o-transition: all 0.5s; /* Opera */

}

.resolve-problem ul li>a:hover{

    background:#d19331;

    color:#fff;

}

/*���ɴ�� end*/

/*���Ե����� start*/

.dy-advantage{

    background: #fff;

    padding: 50px 0;

    margin: 20px 0;

}

.dy-advantage ul{

    margin: 30px 0;

}

.dy-advantage ul li{

    width: 466px;

    float: left;

    margin-bottom: 70px;

}

.dy-advantage ul li.left{

    margin-right: 260px;

}

.dy-advantage ul li h3{

    font-size: 69px;

    font-weight: bold;

    color:#777;

    font-family: Impact;

    border-bottom: 1px solid #777;

    line-height: 75px;

    vertical-align: top;

    margin-right: 15px;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.dy-advantage ul li div p{

    font-size: 24px;

    color:#333;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.dy-advantage ul li div{

    position: relative;

    width: 370px;

    vertical-align: top;

}

.dy-advantage ul li div span{

    font-size: 16px;

    color:#666;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

}

.dy-advantage ul li div i{

    position: absolute;

    right: 0;

    bottom: -15px;

    width: 317px;

    height: 37px;

    background: url("/templets/default/images/icon07.png") no-repeat;

}

.dy-advantage ul li:hover h3{

    color:#d19331;

    border-color:#d19331;

}

.dy-advantage ul li:hover div p,.dy-advantage ul li:hover div span{

    color:#d19331;

}

.dy-advantage ul li:hover div i{

    background: url("/templets/default/images/icon07.png") 0 -44px no-repeat;

}

/*���Ե����� end*/

/*������ʦ������ start*/

.dy-lawer{

    padding: 30px 0;

}

.dy-lawer .text{

    font-size: 16px;

    color: #555;

    padding: 10px;

    margin: 15px 0;

}

.dy-lawer ul{

    border: 1px solid #ddd;

}

.dy-lawer ul li{

    float: left;

    box-sizing: border-box;

    width: 299px;

    height: 265px;

    border-right: 1px solid #ddd;

    padding: 10px;

    text-align: center;

}

.dy-lawer ul li.last{

    border-right:none;

}

.dy-lawer ul li i{

    width: 131px;

    height: 149px;

    background: url("/templets/default/images/image06.png") no-repeat;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari �� Chrome */

    -o-transition: all 1s; /* Opera */

    margin:10px 0;

}

.dy-lawer ul li i.two{

    background-position: -159px 0;

}

.dy-lawer ul li i.three{

    background-position: -322px 0;

}

.dy-lawer ul li i.four{

    background-position: -479px 0;

}

.dy-lawer ul li:hover i{

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

}

.dy-lawer ul li>p{

    font-size: 16px;

    color:#666;

}

/*������ʦ������ end*/

/*������ʦ������������ŵ start*/

.dy-promist{

    padding: 38px 0;

    width: 100%;

    background: url("/templets/default/images/bg02.jpg") center top no-repeat;

}

.dy-promist .tit{

    font-size: 34px;

    margin: 0 auto  ;

    text-align: center;

}

.dy-promist .tit>p{

    color:#fff;

    vertical-align: middle;

    margin: 0 12px;

}

.dy-promist .tit>span{

    width: 250px;

    /*height: 1px;*/

    /*background: #fff;*/

    border-bottom: 1px dashed #fff;

    vertical-align: middle;

}

.dy-promist .txt{

    color:#fff;

    font-size: 17px;

    line-height: 30px;

    margin: 20px 0 10px;

}

.dy-promist>div>p{

    color:#fff;

    font-size: 18px;

}

/*������ʦ������������ŵ end*/