/* 共用样式 */
body{
    width: 100%; 
    margin: 0 auto; 
    font-family: "黑体"; 
    font-size: 16px; 
    color: #0e0e0e;
}
.con{ width: 1200px; margin: 0 auto;}
.main-bg-blue{ background:#f7faff;}
a{ color: #0e0e0e;}
i.star{color: #f00; font-style: normal; font-size: 16px; font-weight: normal; padding-right: 3px;}
.subtitle{
    font-weight: bold;
    font-size: 18px;
    color: #2856c6;
}
.ipt{
    line-height: 30px;
    height: 30px;
    border: 1px solid #b5b5b5;
    font-size: 16px;
    text-indent: 10px;
    font-family: "黑体";
}
.long{width: 608px;}
.fl{float:left;}
.fr{ float:right;}

/* 导航栏 */
.header{width: 100%; height: 70px; line-height: 70px; background-color: #fff;}
.logo{width: 500px; font-size: 22px; color: #0838ae;}
.logo img{display: inline-block; margin: 0px 10px 0 16px;}
.menu li{ display: block; float: left; margin: 0 5px 0 30px;}
.login{ margin-top: 110px; margin-bottom: 170px;}
img {vertical-align:middle;}
ul, li {list-style:none;margin:0;padding:0;}


/*----------------------------首页begin-------------------------*/

.logo{
    cursor: pointer;
}
/*banner*/

#topbar{
    height:70px; 
    line-height: 70px; 
    background:#fff;
}

/*banner*/

#banner{
    height:395px;
    background:url(../images/banner.jpg) no-repeat center center;
    color: #fff;
}
#banner-in{
    padding:155px 52px 50px 750px;
}
#banner h2{
    font-size: 35px;  
}
#banner-in{
    font-size: 18px;
}

/*第一部分：在线调解，在线司法确认登录入口*/


#main1{
    height:130px;
}
.bt{
    float: left;
    color:#0e0e0e;
    margin: 20px 0px;
    text-align: center;
    line-height: 94px;
    font-size: 22px;
    display:block;
    width:594px;
    height:94px;
    
}
#bt1{
    background: url(../images/bt1.png) no-repeat center center;
}
#bt2{
    background: url(../images/bt2.png) no-repeat center center;
    margin-left: 10px;
}

/* 第二部分：调解员名册 */

#main2{
    height:500px;
    margin-top: 70px;
}
#main2-in{
    width: 420px;
    height: 70px;
    clear: both;
    margin: 0 auto;
}
.option{
    float: left;
    cursor: pointer;
    font-size: 26px;
    width: 200px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: url(../images/line_blue.png,) no-repeat top center;
}




#op1{
    background: url(../images/icon4_active.png) no-repeat left center;
    color: #0e0e0e;
    padding-left: 2px;
}
#op2{
    background: url(../images/icon5_active.png) no-repeat left center;
    color: #8a8a8a;
    padding-left: 15px;
}
#op2:hover{
    background: url(../images/icon5_active.png) no-repeat left center;
    color: #0e0e0e;
}

/* 调解员 begin */
#picbox{
    display:block;
    width: 1080px;
    height: 286px;
    margin: 0 auto;
    float: left;
    margin-top: 65px;
}
.pic{
    float: left;
    width: 182px;
    height: 275px;
    margin-left: 32px;
}
#end{
    margin-right: 0;
}
.pic_co{
    width: 180px;
    height: 230px;
    border: 1px solid #dce2f0;
    border-bottom: 5px solid #2250c4;
    border-radius: 10px;
    overflow: hidden;
}

.pic_co img{
    max-width: 180px;}


.pic span{
    display: block;
    font-size: 20px;
    width: 182px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    text-align: center;
}
.arrow{
    padding: 109px 17px;
    cursor: pointer;
    float: left;
    margin-top: 65px;
}

/* 调解员end */

/* 调解组织 begin */
#courtbox{ 
    display: none;
    width: 1080px;
    height: 286px;
    margin: 0 auto;
    float: left;
    margin-top: 65px;
}
ul.court{
    width: 1080px;
    font-size: 20px;
    color: #0e0e0e;
    
}
ul.court li{
    float: left;
    margin: 4px 4px;
    display: block;
    
}
ul.court li a{
    color: #0e0e0e;
    display: block;
    width: 267px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #f0f0f0;  
}
ul.court li a:hover{
    background: #2250c4;
    color: #fff;
}

#court_end{
    margin-right: none;
}

/* 调解组织end */


/* 第三部分：类案推送 */
#main3{
    height:510px;
    background:#f7faff;
    padding-top: 50px;
}
#main3-in{
    clear: both;
    width: 230px;
    height: 70px;
    margin: 0 auto;
}
.content{
    width: 1080px;
    margin: 0 auto;
}
.title{
    float: left;
    font-size: 26px;
    width: 200px;
    height: 70px;
    line-height: 70px;
    padding-left: 30px;
    text-align: center;
    background: url(../images/icon6.png) no-repeat left center;
}

.list{
    float: left;
    margin-top: 50px;
    width: 510px;
    height: auto;
}
#list2{
    margin-left: 75px;
}
.list li{
    margin-bottom: 5px;
    height: 40px;
    overflow: hidden;
}
.list li a{
    cursor: pointer;
    display: block;
    width: 510px;
    height: 39px;
    line-height: 40px;
    border-bottom: 1px solid #d1d1d1;
}

.list li a:hover{
    color: #2250c4;
    border-bottom: 1px solid #2250c4;
}
.list li p{
    width: 390px;
    float: left;
    margin-right: 40px;
}
.list li span{
    width: 80px;
    float: left;
}

.more{
    float: right;
    margin-right: 40px;
    margin-top: 20px;
    width: 110px;
    height: 30px; 
}

.more a{
    padding-right: 30px;
    color: #8a8a8a;
    background: url(../images/arrow_grey.png) no-repeat right center;
}
.more a:hover{
    color: #2250c4;
    background: url(../images/arrow.png) no-repeat right center;
}


/*--第四部分：裁判规则指引--*/

#main4{
    height:510px;
    background:#fff;
    padding-top: 50px;
}
#main4-in{
    clear: both;
    width: 200px;
    height: 70px;
    margin: 0 auto;
}
#list3{
    margin-left: 75px;
}
.title2{
    float: left;
    font-size: 26px;
    width: 250px;
    height: 70px;
    line-height: 70px;
    padding-left: 30px;
    text-align: center;
    background: url(../images/icon7.png) no-repeat left center;
}

/*--第五部分：裁判标准计算--*/

#main5{
    height:450px;
    padding-top: 50px;
}
#title{
    clear: both;
    width: 250px;
    height: 70px;
    margin: 0 auto;
}
.title3{
    float: left;
    font-size: 26px;
    width: 250px;
    height: 70px;
    line-height: 70px;
    padding-left: 30px;
    text-align: center;
    background: url(../images/icon3.png) no-repeat left center;
}

.cal{
    margin-top: 40px;
    width: 1200px;
    font-size: 18px;
}
.cal li{
    float: left;
    
}
.cal li a{
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    width: 283px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: #fff;
    border: 1px solid #dce2f0;
}
.cal li a:hover{
    color: #2250c4;
    border: 1px solid #2250c4;
}

#cal_end1 {
    margin-right: 0;
}
#cal_end2{
    margin-right: 0;
    background: url(../images/arrow_grey.png) no-repeat 190px center;
}

#cal_end2:hover{
    background: url(../images/arrow.png) no-repeat 190px center;
}

/*--页脚--*/

#foot{
    height: 100px;
    background: #e0e4e8;
    text-align: center;
    line-height: 30px;
}
#foot p{
    padding-top: 22px;
}

/*----------------------------首页 end-------------------------*/



/*-------------------------------司法确认申请 begin-----------------------------*/

/*--banner--*/
#banner_2{
    height: 70px;
    color: #fff;
    background: url(../images/inside_title.jpg) no-repeat center center;
}
#bread{
    font-size: 22px;
    height: 70px;
    line-height: 70px;
    margin-left: 5px;
    float: left;
}
#bread_a{
    color: #fff;
    height: 28px;
    padding-left: 10px;
    border-left: 2px solid #fff;
}
#bread_b{
    padding-left: 30px;
    background: url(../images/dow_whit.png) no-repeat left center;
}
#user{
    width: 170px;
    margin-left: 1030px;
    height: 70px;
    line-height: 70px;
}
#user p{
    float: left;
    display: inline-block;
    margin-right: 10px;
}
#user p span{
    color: #ffd200;
}
#user a{
    padding: 5px;
    border: 1px solid #fff;
    color: #fff;
}
#log_on{
    display: inline-block;
    float: left;

}


/*--进度条--*/
.content{width: 1200px; margin: 0 auto;}
.mar{margin: 15px auto 55px auto;}
.judge-box{background-color: #fff; border: 1px solid #cdcdcd; margin-bottom: 50px;}
.progress .bar{ font-size: 20px; width: 100%; position: relative; z-index: 98; 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{height: auto; position: relative; top: -11px; left: 0; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; background-color: #f8f8f8; padding: 25px 60px; margin-bottom: 10px;}
.bar-txt table{font-size: 16px; color: #282828; line-height: 26px; width: 100%;}
.large-ck{padding: 30px 0 0 0;}
.large-ck .bar{width: 800px; margin: 0 auto; }
.large-ck .bar-txt table{width: 1080px; margin: 0 auto;}
.large-ck .tab-pross2{width: 1000px; margin: 0 auto;}
.large-ck .text-indx td{text-indent: initial; padding-left: 1em; padding-bottom: 5px;}
.tab-pross, .tab-pross2{font-size: 18px; padding: 0 60px; width: 80%; margin: 0 auto; }
.tab-pross2{width: 90%; margin: 0 0 15px 60px; padding: 0;}
.tab-pross2 th{font-size: 20px; color: #2d4db4;line-height: 34px; text-align: left; }
.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;}


/*--司法确认申请表单内容--*/
.apply{
    width: 1100px;
    font-size: 16px;
    margin: 0 auto;
}

/*--下拉框样式--*/
.standard_select{display: inline-block; background-color: #f4f6fc; border: 1px solid #b5b5b5; padding: 5px; 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: 16px;background-color: #f4f6fc;  *margin: -2px; padding: 1px; border: 0; width: 290px; }


.choose{
    width: 1100px;
    height: 35px;
    padding-left: 5px;
}
.choose span{
    padding-left: 16px;
}
.choose a{
    display:inline-block;
    text-align: center;
    width: 100px;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    background:url(../images/add2.png) no-repeat 30px center;
    border:#b4b4b4 1px solid;
}
.choose a:hover{
    border: #2856c6 1px solid;
}

/*--公民、组织框--*/
.formbox{
    width: 1080px;
    height: 380px;
    margin: 10px 0px 15px 0px;
    background: #fff;
    border: #2856c6 1px solid;
}
.box_title{
    width: 1080px;
    height: 50px;
    background:#e4ecff;
    border-bottom: #2856c6 1px solid;
}
.box_title span{
    font-size: 18px;
    line-height: 50px;
    font-weight: bold;
    color: #2856c6;
    margin: 0 0 0 20px;
    float: left;
}
.box_title a{
    display: inline-block;
    width: 65px;
    height: 30px;
    color: #2856c6;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    padding:2px 0 2px 18px; 
    margin: 9px;
    background: #fff;
    float: left;
    margin-left: 930px;
}
.box_title img{
    width: 18px;
    height: 17px;
    position: relative;
    right: 4px;
    bottom: 3px;
}
.box_line{
    width: 1080px;
    height: 30px;
    margin: 20px 0 0 20px;
}


.item{
    display:block;
    height: 35px;
    line-height: 35px;
    margin: 0 30px 10px 0;;
}
.item span, .item i{
    float: left;
}
#scan{
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    border: #b4b4b4 1px solid;
    background: #f4f6fc;
    text-align: center;
}

.checked{
    float: left;
}
.checked label{
    cursor: auto;
    margin-right: 15px;
    margin-left: 5px;   
}


#select1{
    width: 180px;
}
#select1 select{
    width: 180px;
}
#card_num input{
    width: 280px;
}
#place1 input,#place2 input{
    width: 360px;
}
#space{
    margin-left: 20px;
}
/*--调解员信息--*/
.info{
    height: auto;
    padding: 0 60px 10px 60px; 
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.info table{
    width: 1000px;
    line-height: 40px;
    margin: 0 auto;
}

.noline{border-bottom: none;}
.info a{
    display:inline-block;
    text-align: center;
    width: 120px;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    border:#b4b4b4 1px solid;
}
.info a:hover{
    border: #2856c6 1px solid;
}
a.upload{
    background:url(../images/add2.png) no-repeat 15px center;
}
a.write{
    margin-left: 10px;
    background:url(../images/write.png) no-repeat 15px center;
}
.info textarea{
    width: 800px;
    height: 100px;
    font-size: 16px;
    font-weight: normal;
    padding: 8px;
    margin-left: 165px;
    font-family: "黑体"；
    border: 1px solid #b5b5b5;
}
.apply_btn{
    width: 450px;
    height: 100px;
    margin: 0 auto;
}
.apply_btn a{
     display: block; color: #fff; font-size: 16px; width: 100px; height: 35px; line-height: 35px; text-align: center;  margin: 20px 15px;float: left;
}
.orange{
     background: url(../images/inside_btn2.png) no-repeat; 
}
.grey{
     background: url(../images/inside_btn.png) no-repeat; 
}
.blue{
     background: url(../images/inside_btn3.jpg) no-repeat; 
}
/*-------------------------------司法确认申请 end-----------------------------*/


/*--------------------弹框begin---------------------------*/
.fade{
    width:100%;
    height:100%;
    background:#000;
    /* older safari/Chrome browsers */  
    -webkit-opacity: 0.5;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.5;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.5;  
    /* IE9 + etc...modern browsers */  
    opacity: .5;  
    /* IE 4-9 */  
    filter:alpha(opacity=50);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}
.alert{
    z-index: 99;
    position: relative;
    top: 200px;
    margin: 0 auto;
    width: 600px;
    height: 330px;
    background: #fff;
    border-radius: 20px;
    
}
.alert img{
    width: 80px;
    height: 80px;
    position: relative;
    top:-40px;
    left: 260px;
}
.alert_top{
    width: 600px;
    height: 95px;
    border-bottom: 1px solid #b5b5b5;
}
.alert_con{
    position: relative;
    top: -15px;
    font-size: 20px;
    text-align: center;
}
.alert_con p span{
    color: #2856c6;
    font-weight: bold;
}
.alert_btn a{
     display: block; color: #fff; font-size: 16px; width: 100px; height: 35px; line-height: 35px; text-align: center;  margin: 0 auto;background: url(../images/inside_btn4.png) no-repeat; margin-top: 10px;
}

/*--------------------弹框end---------------------------*/

/*--------------------类案推送begin---------------------------*/
.grey_bg{
    background: #eef2fb;
    height: 100%;
    width: 100%;
    padding: 10px 0;
}
.whitebox{
    margin: 0 auto;
    width: 1198px;
    padding: 10px 0 30px 0;
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
}
.searchbox{
    height: 98px;
    padding: 40px 0 30px 0;
}
.search{
    width: 780px;
    margin: 0 auto;
}
.search p{
    display: block;
    width: 600px;
    height: 30px;
    float: left;
    margin-left: 65px;
    font-size: 14px;
    color: #2856c6;
}
.s_ipt{width: 400px;}

.s_btn a{
   display: block; color: #fff; font-size: 16px; width: 100px; height: 35px; line-height: 35px; text-align: center;  margin: 0px 10px;float: left;
}
.article{
    width: 1080px;
    margin: 0 auto;
    padding-top: 20px;
}
.article h2{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    background: url(../images/circle.png) no-repeat left center;
}
.article p{
    font-size: 14px;
    color: 666;
    padding:0 0 20px 20px;
    border-bottom: 1px solid #e5e5e5;
}

/*分页*/
.pageing{ font-size: 16px; color: #000; text-align: center; line-height: 60px;margin-top: 20px;}
.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;}

/*--------------------类案推送end---------------------------*/


/*--------------------裁判标准计算--------------------*/
#cal_page{
    height:630px;
}
#cal_end1, #cal_end3, #cal_end4 {
    margin-right: 0;
}

/*--------------------调解员名册begin--------------------*/



.tjy{
    padding: 0;
}

.whitebox_title{
    width: 1198px;
    height: 70px;
    border-bottom: 1px solid #cdcdcd;

}
#tjy_position{
    margin-left: 40px;
}

.whitebox_title a{
    display: inline-block;
    font-size: 18px;
    padding: 0 5px;
    margin-left: 20px;
    height: 68px;
    line-height: 80px;
    text-align: center;
}
.whitebox_title a:hover{
    border-bottom: 2px solid #2856c6;
    color: #2856c6;
    font-weight: bold;
}

#con_tjy{
    
}

#tjy_picbox{
    display:block;
    width: 1080px;
    height: 500px;
    margin: 0 auto;
    margin-top: 30px;
}
.tjy_pic{
    float: left;
    width: 152px;
    height: 260px;
    margin-left: 25px;
}
#end{
    margin-right: 0;
}
.tjy_pic .pic_co{
    width: 148px;
    height: 190px;
    border: 1px solid #dce2f0;
    border-bottom: 5px solid #2250c4;
    border-radius: 10px;
    overflow: hidden;
}

.tjy_pic .pic_co img{
    max-width: 150px;}


.tjy_pic span{
    display: block;
    font-size: 20px;
    width: 152px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    text-align: center;
}
#pageing_wrap{
    width: 1080px;
    height: 50px;

}

#con_con_tjy{
    display: none; /*--调解员内容隐藏--*/
    width: 1198px;
    height: 620px;
   
}

/*--调解组织--*/

#tjzz{
    
    width: 1198px;
    height: 600px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
#tjzz_left{
    width: 300px;
    height: 600px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
}
#tjzz_left .zz{
   padding-top: 20px;
   background: #f6f6f6;
}

.zz li a{
    display: block;
    width: 268px;
    height: 39px;
    line-height: 39px;
    padding-left: 30px;
    background: #f6f6f6;
    border-left: #f6f6f6 solid 2px;
    border-bottom: #cdcdcd 1px solid;
}
.zz li a:hover{
    background: #fff;
    border-left: #2856c6 solid 2px;
    color: #2856c6;
    font-weight: bold;
}

#tjzz_right{
    width: 897px;
    height: 600px;
    float: left;
}
#tjzz_right h2{
    text-align: center;
    color: #2856c6;
    font-size: 22px;
    height: 80px;
    padding-top: 30px;
    line-height: 50px;
}
#tjzz_right table{
    width: 720px;
    margin: 0 auto;
    border-collapse:collapse;
    position:none;
}
#tjzz_right table tbody{
    
}
#tjzz_right table td{
    border:#cdcdcd solid 1px;
    padding: 0 15px;
}
#tjzz_right table tr{
    height: 40px;
}
.first_row{
    background: #f6f6f6;
    text-align: center;
}
.clear{
    clear: both;
}

/*--------------------调解员名册end--------------------*/

/*--------------------内容页--------------------*/
#word{
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0px 20px 0;
}
#word h1{
    font-size: 24px;
    text-align: center;
}
#word span{
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #666;
    padding: 20px 0 5px 0;
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #cdcdcd;
}
#word p{
    text-indent: 32px;
}