@charset "utf-8";
/* CSS Document */

/*--------------css  body 共同样式*/
* {	margin:0px;	padding:0px;}
body {font-size:14px;margin:0 auto;font-family:"黑体";color:#303030; background-color: #eef2fb;}
form, div, body, img, p, a, img, dl, dd, dt, table, tr, td, th {margin:0px;	padding:0px;border:0;}
a,a:visited{color:#303030;text-decoration:none;}
a:hover { color: #2250c4; text-decoration:none; }
img {vertical-align:middle;}
ul, li {list-style:none;margin:0;padding:0;}
input, textarea, select {color:#333;margin:0;padding:0;font-size:12px;font-family:Arial,"宋体";vertical-align:middle;}
input:focus, textarea:focus {outline:0;	vertical-align:middle;}
.fl{float:left;}
.fr{ float:right;}
.clearfix{clear:both; overflow: hidden;}
/*------登录---------*/
.header{width: 100%; height: 70px; line-height: 70px; background-color: #fff;}
.content{width: 1200px; margin: 0 auto;}
.logo{font-size: 22px; color: #0838ae;}
.logo img{ display: inline-block; margin: 0 10px 0 16px;}
.menu li{ display: block; float: left; margin: 0 5px 0 30px;}
.login{ margin-top: 110px; margin-bottom: 170px;}
.login-left{width: 300px; height: 520px; text-align: center; background: url(../images/login_left.png) no-repeat;}
.login-left h5{font-size: 26px; color: #fff; font-weight: normal;  line-height: 40px; margin: 100px 0 25px 0;}
.login-left .btn{width: 100%; border-top: 1px solid #d9d9d9; padding-top: 35px;}
.login-left .btn li{display: block; margin-bottom: 20px;}
.login-left .btn a{display: inline-block; font-size: 20px; color: #2648a4; width: 200px; height: 50px;line-height: 50px; background: url(../images/lglft_btn.png) no-repeat;}
.login-left .btn a:hover, .login-left .current a{color: #fff; background: url(../images/lglft_btn_hover.png) no-repeat;}
.login-right{width: 894px; height: 518px; border-top: 1px solid #cdd3dc;border-bottom: 1px solid #cdd3dc; background-color: #fff; }
.cir-right{display: block; width: 6px; height: 520px;}
.login-right .title{position: relative; left: 0; font-size: 22px; color: #000; width: 900px; height: 78px; line-height: 78px; border-bottom: 1px solid #d9d9d9; text-indent: 35px;}
.tab-login{font-size: 20px; line-height: 26px; color: #000; width: 700px; margin: 40px auto 0 auto;}
.tab-login input, .ipt, .ipt2{font-size: 20px; color: #4e4e4e;background-color: #f4f6fc; border: 1px solid #b5b5b5;}
.tab-login input, .ipt{width: 180px; height: 38px; line-height: 38px; margin: 0 8px;}
.standard_select{display: inline-block; background-color: #f4f6fc; border: 1px solid #b5b5b5; padding: 9px; vertical-align: middle;}
.standard_select2{display: inline-block; background-color: #f4f6fc; border: 1px solid #b5b5b5; padding: 2px; vertical-align: middle;}
.select_shelter{display: inline-block;width: 290px; *width: 288px; height: 20px; overflow: hidden;}
.select_shelter select{font-size: 20px;background-color: #f4f6fc;  *margin: -2px; padding: 1px; border: 0; width: 290px; }
.select_shelter2{display: inline-block;width: 175px; *width: 173px; height: 20px; overflow: hidden;}
.select_shelter2 select{font-size: 20px;background-color: #f4f6fc;  *margin: -2px; padding: 1px; border: 0; width: 175px; }
.standard_select2 .select_shelter2 select{font-size: 16px;}
.tab-login a.ck{color: #000; text-decoration: underline; margin-left: 10px;}
.tab-login a.ck:hover{text-decoration: none;}
.tab-login a.btn{display: block; color: #fff; width: 310px; height: 40px; line-height: 40px; text-align: center; letter-spacing: 5px; background: url(../images/login-btn.png) no-repeat; margin-left: 8px;}
.footer{background-color: #e0e4e8; text-align: center; padding: 20px 0;}
.footer p{ font-size: 16px; color: #0e0e0e; line-height: 24px;}
/*------当事人---------*/
.inside-title{height: 70px; background: #2250c4 url(../images/inside_title.jpg) no-repeat center;}
.inside-title h3{font-size: 22px; height: 22px; color: #fff; font-weight: normal;  border-left: 1px solid #fff; padding-left: 20px; margin-top: 24px;}
.inside-title-rgt{line-height: 70px; font-size: 16px; color: #fff;}
.inside-title-rgt span{color: #ffd200;}
.inside-title-rgt a{color: #fff; padding: 6px 8px; border: 1px solid #fff; margin-left: 10px;}
.inside-title-rgt a:hover{background-color: #ffd200; border-color: #ffd200;}
.inside-title a.arrow{color: #fff; padding-right: 25px; background: url(../images/dow_whit.png) no-repeat right center; margin-right: 10px;}
.mar{margin: 15px auto 55px auto;}
.inside-left{width: 800px;}
.inside-right{width: 385px;}
.cir-large{width: 800px; height: 6px;}
.inside-left .progress{width: 798px; height: auto; padding: 20px 0; background-color: #fff; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; position: relative; }
.progress .bar{ font-size: 20px; width: 100%; position: relative; z-index: 999; overflow: hidden;}
.progress .bar li{display: block; float: left; color: #9e9e9e; width: 100px; text-align: center; margin: 0 78px;}
.progress .bar span{display: block; margin-bottom: 10px;}
.progress .bar i{display: inline-block; color: #fff; font-size: 12px; font-style: normal; width: 20px; height: 20px; line-height: 20px; text-align: center; background: url(../images/progress_cir_no.png) no-repeat;}
.bar .current span{color: #2d4db4;}
.bar .current i{background: url(../images/progress_cir_now.png) no-repeat;}
.bar .complete i{ font-size: 0; background: url(../images/progress_cir_ok.png) no-repeat;}
.bar-txt{position: relative; top: -11px; left: 0; border-top: 1px solid #e5e5e5; background-color: #f8f8f8; padding: 25px 60px; margin-bottom: 10px;}
.bar-txt table{font-size: 18px; color: #282828; line-height: 26px; width: 100%;}
.tab-pross, .tab-pross2{font-size: 18px; padding: 0 60px; width: 80%; margin: 0 auto; }
.tab-pross th{font-size: 20px; color: #2d4db4;line-height: 30px;}
.chek{display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 10px;}
.tab-pross .pros-btn, .tab-pross .pros-btn2{display: inline-block; color: #fff; width: 100px; height: 35px; line-height: 35px; text-align: center;  margin: 25px 14px;}
.tab-pross .pros-btn{background: url(../images/inside_btn2.png) no-repeat;}
.tab-pross .pros-btn:hover{background: url(../images/inside_btn2.png) no-repeat;}
.tab-pross .pros-btn2{ background: url(../images/inside_btn3.jpg) no-repeat;}
.tab-pross2{width: 90%; margin: 0 0 15px 60px; padding: 0;}
.tab-pross2 th{font-size: 20px; color: #2d4db4;line-height: 34px; text-align: center; }
.tab-pross2 td{font-size: 16px; line-height: 26px; text-indent: 0em; }
.download{width: 590px; font-size: 16px; color: #eb0000; border: 1px dashed #abb8e1; padding: 15px; margin: 20px auto;}
.download p{line-height: 24px; margin-bottom: 10px;}
.download a{color: #eb0000; background: url(../images/dow.jpg) no-repeat right; padding-right: 25px; font-weight: bold;}
a.pros-btn2{display: block; color: #fff; font-size: 16px; width: 100px; height: 35px; line-height: 35px; text-align: center; background: url(../images/inside_btn3.jpg) no-repeat; margin: 20px auto;}
.inside-right{width: 385px;}
.inside-rgbox{margin-bottom: 15px; *margin-bottom: 8px;}
.cir-small{display: block; height: 5px;}
.inner{padding: 15px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #fff;}
.inner-caption{ height: 34px; line-height: 34px; border-bottom: 1px solid #CDCDCD;}
.inner-caption h3{font-size: 18px; color: #282828; font-weight: normal;}
.inner-caption a.more{font-size: 14px; color: #282828; padding-right: 20px; background: url(../images/inside_more.jpg) no-repeat right;}
.mc a{display: inline-block; color: #313131; width: 3.7em; line-height: 24px;}
.ts{width: 100%; font-size: 14px; line-height: 24px; }
.ts a{display: block; width: 353px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.calc{text-align: center;}
.calc li{display: block; float: left; width: 110px; margin: 0 6px 5px 0;}
.calc a{display: block; font-size: 14px; line-height: 16px; width: 110px; padding: 10px 0; background-color: #f8f9fa; border: 1px solid #e5e5e5;}
.calc a:hover{ color: #fff; background-color: #2250c4; border-color: #2250c4;}
.mar-ie7{*margin-top: -7px;}
/*------法官---------*/
.mar2{margin: 15px auto 245px auto;}
.mar3{margin: 15px auto 150px auto;}
.mar4{margin: 15px auto 0 auto;}
.mar5{margin: 0 auto 50px auto;}
.judge-box{background-color: #fff; border: 1px solid #cdcdcd; margin-bottom: 20px;}
.wid{width: 450px;}
.wid2{width: 730px;}
.judge-title{width: 100%; height: 70px; line-height: 70px; font-size: 22px; color: #2d4db4; text-align: center; border-bottom: 1px solid #cdcdcd;}
.judge-title img{vertical-align: text-bottom; margin-right: 10px;}
.judge-ul{padding: 40px 0; position: relative; overflow: hidden;}
.judge-ul li{display: block; float: left; width: 48%;  text-align: center;}
.judge-ul span{display: block; font-size: 20px; color: #515151; margin-bottom: 10px;}
.judge-ul a{display: block;font-size: 40px; color: #f25500;}
.judge-ul h5{position: absolute; left: 10px; top: 10px; font-size: 18px; color: #6c6c6c; font-weight: normal;}
.mar-tp{padding: 55px 0 25px 0;}
.wid2-1{width: 49%;border-right: 1px solid #cdcdcd;}
.wid2-2{width: 49%;}
.jude-tab{padding: 15px; width: 80%; font-size: 20px; color: #515151; margin: 0 auto;}
.jude-tab td{height: 46px; line-height: 46px; }
.jude-tab a{display: inline-block; margin: 0 10px 0 5px; font-size: 40px; color: #f25500;}
.pad-20{*padding: 20px;}
.jude-tab2{padding: 15px; font-size: 18px; margin: 0 auto;}
.jude-tab2 .chek{display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin: 0 10px 0 20px;}
.jude-tab2 .btn{display: inline-block; color: #fff; width: 100px; height: 35px; line-height: 35px; text-align: center;  margin: 5px 14px 0 14px; background: url(../images/inside_btn3.jpg) no-repeat;}
.jude-tab2 .btn:hover{background: url(../images/inside_btn3.jpg) no-repeat;}
.mar-lft8{margin-left: 0;}
.jude-tab3{width: 100%; font-size: 16px; color: #000; background-color: #fff; border-collapse: collapse;}
.jude-tab3 td, .jude-tab3 th{border: 1px solid #CDCDCD; text-align: center;}
.jude-tab3 th{line-height: 50px; background-color: #e9e9e9;}
.jude-tab3 td{padding:5px 0; line-height: 24px;}
.jude-tab3 a{color: #2d4db4; text-decoration: underline; margin: 0 5px;}
.jude-tab3 a:hover{color: #000; text-decoration: none;}
.pageing{ font-size: 16px; color: #000; border: 1px solid #CDCDCD; background-color: #fff; text-align: center; line-height: 72px;}
.pageing span{margin: 0 40px;}
.pageing a{margin: 0 8px;}
.pageing .sy{display: inline-block; color: #000;}
.pageing .sy:hover{text-decoration: underline}
.pageing .sz{display: inline-block; width: 30px; color: #fff; height: 30px; line-height: 30px; background-color: #bbc6e7;}
.pageing .sz:hover, .pageing .actv{background-color: #2d4db4;}
.add{font-size: 16px; color: #000; border: 1px solid #CDCDCD; background-color: #fff; line-height: 72px; padding: 0 30px; overflow: hidden;}
.add h3{font-size: 22px; color: #2e4eb5; font-weight: normal;}
.add a{display: inline-block; padding-left: 35px; background: url(../images/add.jpg) no-repeat left center;}
.large-ck{padding: 30px 0;}
.large-ck .bar{width: 800px; margin: 0 auto; }
.large-ck .bar-txt table{width: 700px; margin: 0 auto;}
.large-ck .tab-pross2{width: 700px; margin: 0 auto;}
.large-ck .text-indx td{text-indent: initial; padding-left: 1em; padding-bottom: 5px;}
.text-indx .chek{ margin: 0 10px 0 20px;}
.ipt2{width: 120px; height: 25px; line-height: 25px; margin: 0 8px; padding: 0 3px;}
.sp-btn{text-align: center;}
.sp-btn a{ display: inline-block; color: #fff; width: 100px; height: 35px; line-height: 35px; text-align: center;  margin: 25px 14px; background: url(../images/inside_btn2.png) no-repeat;}
.sp-btn a:hover{background: url(../images/inside_btn2.png) no-repeat;}

/*------调解员修改---------*/


.whitebox{
    margin: 0 auto;
    width: 1198px;
    background: #fff;
    border: 1px solid #cdcdcd;
    margin-top: 15px;
    margin-bottom: 15px;
}
.part{
    height: 150px;
}
.part h2{
    display: block;
    width: 225px;
    height: 55px;
    float: left;
    text-align: center;
    padding-top: 95px;
    background: url(../images/tiaojie.png) no-repeat center 30px ;
    font-size: 20px;
    color: #2856c6;
    border-right: 1px solid #cdcdcd;
}

.part ul li{
    font-size: 20px;
    float: left;
}
.part ul{
    padding-left: 30px;
}
.part .p_middle{
    display: block;
    float: left;
    width: 210px;
    border-right: 1px solid #cdcdcd;
}
.p_middle li{
    padding: 45px 20px 32px 10px;
}
.part .p_right{
   margin-left: 30px;
}
.p_right li{
    padding: 45px 22px 32px 20px;
}
#i{padding-left: 45px;}
.part ul li a{
    display: block;
    line-height: 50px;
    text-align: center;
    color: #f25500;
    font-size: 25px;
}

.part ul li a:hover{
    text-decoration: underline;
}

#part2 h2{
     background: url(../images/queren.png) no-repeat center 30px ;
}
#t_apply{
    float: left;
    height: 40px;
    width: 960px;
    line-height: 40px;
    font-size: 18px;
    padding-left: 10px;
    border-bottom: 1px solid #cdcdcd;
    border-left: 2px solid #2856c6;
}
#part2 .p_middle li{
    padding: 25px 20px 10px 10px;
}
#part2 .p_right li{
    padding: 25px 22px 10px 20px;
}


/*------法官修改---------*/
#judge_wrap{
    height: 300px;
}

#judge_wrapsfj{
    height: 460px;
}

#judge_wraptjy{
    height: 150px;
}

#judge{
    display: block;
    width: 225px;
    height: 145px;
    position: relative;
    top: 60px;
    border: none;
 
}

#judgesfj{
    display: block;
    width: 225px;
    height: 295px;
    position: relative;
    top: 150px;
    border: none;
 
}
#judgetjy{
    display: block;
    width: 225px;
    height: 255px;
    position: relative;
    border: none;
 
}
.addline{
     border-top: 1px solid #cdcdcd;
}
#addline1{
    border-left: 1px solid #cdcdcd;
}
#addline2{
    border-left: 1px solid #cdcdcd;
}