/*2017 1122 xl luotian 法律刑事 start*/
/*banner  start */
.sub-station-banner{ height: 450px; position: relative; top: 0; left: 0; min-width: 1180px; overflow: hidden;}
.sub-banner-inner{height: 450px;width: 1920px; overflow: hidden; position: relative; top: 0; left: 50%; margin-left: -960px;}
.sub-station-banner .hd.sub-station-dot{bottom: 10px;width: 1180px;left: 370px;font-size: 0;position: absolute;z-index: 1;text-align: center;cursor: pointer;[;letter-spacing: -4px;];[;word-spacing: -4px;];}
.sub-station-banner .hd.sub-station-dot>ul{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 5px 15px;border-radius: 10px;background: url(../images/transparent50fff.png) repeat;font-size: 0;text-align: center;}
.sub-station-banner .hd.sub-station-dot li{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 10px;font-size: 0;color: #999;margin: 0 5px;border-radius: 50%;background: #7b695c;[;letter-spacing: normal;];[;word-spacing: normal;];}
.sub-station-banner .hd.sub-station-dot li:hover{background: #fff;color: #fff;}
.sub-station-banner .hd.sub-station-dot li.on{background: #fff;}

/*预约窗 start*/
.sub-banner-appointment{ width: 285px; height: 394px; background: white; position: absolute; left: 50%; top: 28px; margin-left: 305px; text-align: center;}
.appointment-box{
    padding: 20px 0 0;
}
.appointment-box .til{
    line-height: 1;
    color: #565656;
    font-size: 24px;
    margin-bottom: 10px;
}
.appointment-box .sub-til{
    color: #777;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 20px;
}
.appointment-box-form{
    padding: 0 20px;
}
.appointment-box-form .form-piece{
    position: relative;
    line-height: 45px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 10px;
    border-radius: 2px;
    background-color: white;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
}
.appointment-box-form .form-piece input{
    font-size: 13px;
    width: 85%;
    padding: 12px 0 12px 5px;
    line-height: 13px;
    height: 16px;
    vertical-align: middle;
}
.appointment-box-form .form-piece span{
    position: absolute;
    line-height: 45px;
    right: 10px;
    color: #999;
    top: 0;
}
.appointment-box i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    left: 10px;
    width: 23px;
    height: 24px;
    background: url("../images/sub-station-icons_1.png") no-repeat;
    vertical-align: middle;
}
.appointment-box .icon2{
    background-position: -23px 0;
}
.appointment-box .icon3{
    background-position: -46px 0;
}
.appointment-box .icon4{
    background-position: -69px 0;
}
.appointment-box .icon5{
     background-position: -92px 0;
 }
.appointment-box .cn{color: #ff831e;font-size: 14px;padding: 10px 0;line-height: 1;}
.btn-sq{
    width: 245px;
    margin: 10px auto 0;
    background-color: #004b92;
    line-height: 42px;
    color: white;
    font-size: 16px;
    border-radius: 2px;
}
.three-advan{
    line-height: 1;
    padding: 10px 20px;
    border-bottom: 1px dashed #d6d3d3;
}
.three-advan ul{
    overflow: hidden;
}
.three-advan ul li{
    float: left;
    text-align: center;
    position: relative;
    color: #777;
    font-size: 13px;
    padding: 0 4px;
}
.three-advan ul li p.til1{
    margin: 10px 0 5px;
}
.three-advan ul li font{
    color: #ff5c01;
    font-weight: bold;
}
.three-advan ul li .line{
    position: absolute;
    width: 1px;
    height: 29px;
    background-color: #d6d3d3;
    top: 50%;
    right: 0;
    margin-top: -7px;
}
.tip1{
    color: #636262;
    font-size: 13px;
    font-weight: bold;
    margin-top: 8px;
}
.tip2{
    color: #777;
    font-size: 13px;
}
/*预约窗 start*/
/*banner end*/
/*办理数据 start*/
.big-gray{
    width: 100%;
    min-width: 1180px;
    background-color: #f7f6f7;
}
.big-til{
    text-align: center;
    line-height: 1;
    padding: 50px 0 40px;
}
.big-til h3{
    color: #333;
    font-size: 35px;
    font-weight: bold;
    position: relative;
}
.big-til h3 i{
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #929090;
    top: 50%;
    left: 0;
}
.big-til h3 span{
    position: relative;
    z-index: 1;
    padding: 0 50px;
    background-color: white;
}
.big-gray h3 span{
    background-color: #f7f6f7;
}
.data-box {
    padding-bottom: 35px;
}
.data-box ul {
    overflow: hidden;
}
.data-box ul li{
    float: left;
    position: relative;
    width: 33.333%;
    text-align: center;
    color: #8c8a8a;
    font-size: 20px;
    font-weight: bold;
}
.data-box ul li .num{
    font-weight: normal;
    font-size: 41px;
}
.data-box ul li font{
    color: #fc6c00;

    vertical-align: middle;
}
.data-box ul li .line{
    position: absolute;
    width: 1px;
    height: 60px;
    right: 0;
    top: 50%;
    margin-top: -30px;
    background-color: #a4a3a4;
}
/*办理数据 end*/
/*律师咨询 start*/
.lawyer-zx{
    height: 336px;
    background: url("../images/person1.jpg") no-repeat center bottom;
}
.lawyer-zx ul{
    overflow: hidden;
    font-size: 0;
    padding-top: 90px;
}
.lawyer-zx ul li{
    /*display: inline-block;*/
    /**display: inline;*/
    /**zoom: 1;*/
    float: left;
    height: 163px;
    width: 50%;
    margin-top: -20px;
    /*padding-bottom: 20px;*/
}
.lawyer-zx ul li div{
    width: 292px;
    height: 143px;
    border-radius: 5px;
    color: white;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
}
.lawyer-zx ul li .til{
    font-size: 24px;
    padding-top: 20px;
}
.lawyer-zx ul li a{
    width: 177px;
    height: 44px;
    line-height: 44px;
    border-radius: 44px;
    background-color: white;
    margin-top: 5px;
}
.orange-box{
    background-color: #fc6c00;
    margin-left: 120px;
}
.blue-box{
    background-color: #004b8e;
    margin-left: 180px;
}
.orange-box a{
    color: #fc6c00;
    font-size: 20px;
    font-weight: bold;
}
.blue-box a{
    color: #004b8e;
    font-size: 24px;

}
.lawyer-zx ul li:hover div{
    margin-top: 0;
}
.lawyer-zx ul li .orange-box:hover{
    box-shadow: 5px 5px 5px 0 rgba(255, 230, 198, 0.91);
}
.lawyer-zx ul li .blue-box:hover{
    box-shadow: -5px 5px 5px 0 rgba(215, 234, 251, 0.91);
}
/*律师咨询 end*/
/*律师团队 start*/
.lawyer-team ul{
    overflow: hidden;
    padding-bottom: 40px;
}
.lawyer-team ul li{
    float: left;
    width: 340px;
    height: 126px;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-left: 40px;
    margin-bottom: 30px;
}
.lawyer-team ul li .img-box{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.lawyer-team ul li img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.lawyer-team ul li p{
    position: absolute;
    width: 100%;
    line-height: 46px;
    color: #fff;
    font-size: 22px;
    background: url("../images/trans40.png") repeat;
    bottom: 0;
    left: 0;
}
.lawyer-team ul li:hover img{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03);
}
/*律师团队 end*/
/*团队办案 start*/
.team-handle ul{
    height: 486px;
    background: url("../images/team-handle-bg.png") no-repeat center bottom;
    position: relative;
}
.team-handle ul li{
    position: absolute;
    color: #5c5c5c;
    font-size: 19px;
}
.team-handle ul li .til{
    color: #333;
    font-size: 25px;
    font-weight: bold;
}
.team-handle ul li .dib{
    vertical-align: middle;
}
.team-handle ul li i{
    width: 101px;
    height: 101px;
    background: url("../images/team-handle-icon.png") no-repeat;
    margin: 0 50px;
    -webkit-animation: pulse 2s linear infinite;
}
.team-handle ul li .icon2{
    background-position: -101px 0;
}
.team-handle ul li .icon3{
    background-position: -202px 0;
}
.team-handle ul li .icon4{
    background-position: -303px 0;
}
.team-handle ul li.li01{
    top: 75px;
    left: 145px;
    text-align: right;
}
.team-handle ul li.li02{
    top: 300px;
    left: 125px;
    text-align: right;
}
.team-handle ul li.li03{
    top: 75px;
    right: 145px;
    text-align: left;
}
.team-handle ul li.li04{
    top: 300px;
    right: 125px;
    text-align: left;
}
.dgg-refer-new{
    width: 482px;
    height: 50px;
    line-height: 50px;
    border: 1px solid;
    display: block;
    margin: 70px auto 20px;
    clear: both;
    position: relative;
    background-color: white;
    color: #fc6b00;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border-radius: 50px;
}
.dgg-refer-new label{
    padding-left: 55px;
    padding-top: 11px;
    float: left;
    width: 30px;
    line-height: 16px;
    font-size: 12px;
    color: #666;
}
.dgg-refer-new strong{
    font-size: 30px;

}
.dgg-refer-new a{
    width: 152px;
    height: 50px;
    position: absolute;
    top: 0;
    right: -1px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #fc6b00;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}
.dgg-refer-new .icon{
    width: 26px;
    height: 23px;
    background: url(../images/refer-icon.png) no-repeat -26px 0;
    display: inline-block;
    position: relative;
    top: 5px;
}
.dgg-refer-new>i{
    width: 26px;
    height: 23px;
    position: absolute;
    top: 16px;
    left: 20px;
    background: url(../images/refer-icon.png) no-repeat;
}
.dgg-refer-new:hover{
    padding: 0 10px;
}
/*团队办案 end*/
/*流程 start*/
.flow-steps ul{
    overflow: hidden;
}
.flow-steps ul li{
    float: left;
    width: 180px;
    height: 254px;
    background-color:#f6f6f6;
    text-align: center;
    margin-left: 20px;
}
.flow-steps ul li:first-child{
    margin-left: 0;
}
.flow-steps .top-img{
    width: 100%;
    height: 145px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}
.flow-steps img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03);
}
.flow-steps .bottom-txt{
    padding: 18px 15px;
    color: #515253;
    font-size: 14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.flow-steps .til{
    color: #fc6b00;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.flow-steps ul li:hover .top-img{
    height: 120px;
}
.flow-steps ul li:hover img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.btn-lx{
    text-align: center;
    padding: 30px 0;
}
.btn-zx{
    width: 200px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    border: 1px solid #fc6b00;
    font-size: 16px;
    position: relative;
    border-radius: 47px;
}
.btn-zx span{
    position: relative;
    color: #fc6b00;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    z-index: 1;
}
.btn-zx .bg{
    position: absolute;
    display: block;
    bottom: -1px;
    left: 50%;
    width: 0;
    height: 100%;
    border-radius: 47px;
    background-color: #fc6b00;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    top: 0;
    z-index: 0;
}
.btn-zx:hover{
    border: 1px solid #fc6b00;
}
.main-icon{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 5px;
    height: 7px;
    background: url("../images/arrows.png") no-repeat -5px 0;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-animation: bounce 1s both infinite;
    -moz-animation: bounce 1s both infinite;
    animation: bounce 1s both infinite;
}
.btn-zx:hover span{
    color: white;
}
.btn-zx:hover .bg{
    width: 100%;
    left: 0;
}
.btn-zx:hover .main-icon{
    background-position: 0;
}
/*流程 end*/
/*金牌律师 start*/
.gold-lawyer{
    padding-bottom: 40px;
}
.gold-lawyer .top-nav{
    margin-bottom: 15px;
}
.top-nav ul{
    text-align: center;
    font-size: 0;
}
.top-nav ul li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 218px;
    height: 38px;
    line-height: 38px;
    color: #0a5296;
    font-size: 16px;
    position: relative;
    border: 1px solid;
    margin: 0 9px;
    font-weight: bold;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.top-nav ul li.on {
    color: white;
    background-color: #0a5296;
}
.top-nav ul li.move.on i{
    position: absolute;
    width: 20px;
    height: 9px;
    background: url("../images/triangle.png") no-repeat;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
}
.case-list ul{
    height: 356px;
    overflow: hidden;
}
.case-list ul li{
    width: 100%;
    background-color: white;
    border: 1px solid #eee;
}
.case-list ul li .list-box{
    padding: 28px 18px;
}
.case-list ul li .left-img{
    width: 417px;
    height: 300px;
    overflow: hidden;
    position: relative;
}
.case-list ul li .left-img span{
    position: absolute;
    width: 93px;
    line-height: 32px;
    color: white;
    background: url("../images/shape-bg.png") no-repeat;
    font-size: 16px;
    left: 0;
    top: 20px;
    text-align: center;
}
.case-list ul li .right-txt{
    width: 703px;
    color: #666;
    font-size: 16px;
}
.case-list ul li .right-txt p{
    margin-bottom: 5px;
}
.case-list ul li .right-txt p .orange{
    color: #fc6b00;
    font-weight: bold;
}
.case-list ul li .right-txt .til{
    color: #333;
    font-size: 24px;
    line-height: 41px;
    margin-bottom: 15px;
}
.case-list ul li .right-txt font{
    font-weight: bold;
    color: #333;
}
.case-list ul li .right-txt .til font{
    padding: 0 13px;
}
.case-list ul li .right-txt .btn-zx{
    width: 168px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #0a5296;
    border-radius: 0;
}
.case-list ul li .right-txt .btn-zx span{
    color: #0a5296;
}
.case-list ul li .right-txt .main-icon{
    background-image: url("../images/arrows1.png");
}
.case-list ul li .right-txt .btn-zx .bg{
    border-radius: 0;
    /*width: 168px;*/
    height: 39px;
    background-color: #0a5296;
}
.case-list ul li .right-txt .btn-zx:hover span{
    color: white;
}
.case-list .right-txt .stars i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 14px;
    background: url("../images/stars.png") no-repeat;
}
.case-list .right-txt .stars .icon2{
    background-position: -15px 0;
}
.case-list .right-txt .desc{
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 10px 10px 10px 0;
    height: 68px;
}
.case-list .right-txt .desc span{
    display: block;
    width: 603px;

}
.gold-lawyer .dgg-refer-new{
    margin: 40px auto 0;
}
/*金牌律师 end*/
/*底部切换 start*/
.slide-carousel {
    width: 1180px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    /*overflow: hidden;*/
}
.slide-carousel .item-list {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
}
.slide-carousel .item-list li .item-content {
    width: 100%;
    height: 100%;
}
.slide-carousel .item-list li .item-content a {
    display: block;
    width: 100%;
    height: 100%;
}
.slide-carousel .item-list li .item-content a .cover-img {
    width: 100%;
    height: 100%;
}
.slide-carousel .controls a {
    cursor: pointer;
    text-decoration: none;
    width: 51px;
    height: 51px;
    position: absolute;
    color: #fff;
    font-size: 35px;
    z-index: 2;
    background: url("../images/btn-slide.png") no-repeat;
}
.slide-carousel .controls .item-prev {
    top: 50%;
    left: -80px;
    margin-top: -20px;
}
.slide-carousel .controls .item-next {
    top: 50%;
    right: -80px;
    margin-top: -20px;
    background-position: -51px 0;
}
.slide-carousel .controls .item-prev:hover{
    background-position: 0 -51px;
}
.slide-carousel .controls .item-next:hover{
    background-position: -51px -51px;
}
.slide-carousel:hover .controls {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
header .banner {
    width: 1180px;
    height: 300px;
    margin: 0 auto;
    padding-bottom: 80px;
}
header .banner .slide-carousel {
    margin-bottom: 20px;
}
header .banner .slide-3d .desc {
    display: none;
}
header .banner .slide-3d .item-list li {
    width: 750px;
    height: 300px;
    transition: all 0.5s ease-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 15px;
}
header .banner .slide-3d .item-list li.item0 {
    transform: translate3d(-225px, 0, 0) scale(0.8);
}
header .banner .slide-3d .item-list li.item1 {
    transform: translate3d(0, 0, 0) scale(0.8);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 2;
}
header .banner .slide-3d .item-list li.item2 {
    transform: translate3d(225px, 0, 0) scale(1);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 3;
    box-shadow: 0 0 14px 5px rgba(0,0,0,0.5);
}
header .banner .slide-3d .item-list li.item3 {
    transform: translate3d(450px, 0, 0) scale(0.8);
    transform-origin: 100% 50%;
    opacity: 1;
    z-index: 2;
}
header .banner .slide-3d .item-list li.item4 {
    transform: translate3d(675px, 0, 0) scale(0.8);
}
header .banner .slide-3d .item-list li.item5 {
    transform: translate3d(900px, 0, 0) scale(0.8);
}
header .banner .slide-3d .item-list li.item6 {
    transform: translate3d(1125px, 0, 0) scale(0.8);
}
header .banner .slide-3d .item-list li.item7 {
    transform: translate3d(1350px, 0, 0) scale(0.8);
}
header .banner .slide-3d .item-list li.item8 {
    transform: translate3d(1575px, 0, 0) scale(0.8);
}
header .banner .slide-3d .item-list li.item9 {
    transform: translate3d(1800px, 0, 0) scale(0.8);
}


/*底部切换 end*/
/*2017 1122 xl luotian 法律刑事 end*/
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
    40% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    60% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
}
@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
    40% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    60% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
}
/*2017 1225 xl luoxue 验证码 start*/
.zx-btn{
    margin-top: 10px !important;
}
#yan_border{
    border: 1px solid #e5e5e5;
    height: 45px;
    line-height: 45px;
}
.sub-banner-appointment{
    height: 385px;
    width: 300px;
    margin-left: 315px;
    top: 32.5px;
}
.appointment-box-form .form-piece{
    margin-bottom: 10px;
}
#yzm{
    position: relative;
    background: transparent;
    padding-left: 0;
    border: none;
}
#yzm div{
    width: 120px;
    background-color: white;
    border-radius: 2px;
}
#yzm div input{
    width: 70%;
}
#yzm div i{
    background: url("../images/yzm.png") no-repeat center;
    width: 18px;
    height: 18px;
    margin-left: 8px;
}
#yzm .new-code{
    position: absolute;
    width: 127px;
    right: 0;
    top: 0;
    line-height: 45px;
    background-color: #ff8805;
    color: white;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border-radius: 2px;
}
#yzm .new-code:hover{
    background-color: #ffb05a;
}
#yzm .new-code.disabled{
    background-color: #eee;
    color: #999;
}
.appointment-box .cn{
    margin-bottom: 5px;
}
.appointment-lists-box{
    margin-top: 15px;
}
/*2017 1225 xl luoxue 验证码 end */