﻿@charset "utf-8";
/**
* @version:	 		    2017.10.25
* @createTime: 	 		2017.10.25
* @updateTime: 			2017.10.25
* @author:				wusj
* @name:  				module-index.css
* @description          module-index.css
 */
/*第一部分*/
.fd-part01{
    padding: 30px 0;
    background:#f3f3f3;
}
.fd-part01 .fd-part01Left{
    float: left;
    width: 50%;
    height:335px;
}
.fd-part01 .fd-part01Right{
    float: right;
    width: 50%;
    padding-left: 40px;
}
.fd-part01 .fd-part01Right h1{
    padding-top: 8px;
    color: #272727;
    font:bold 24px/30px "microsoft yahei";
}
.fd-part01 .fd-part01Right p{
    margin-top:25px;
    color: #4d5457;
    font: 14px/24px "microsoft yahei";
    text-indent: 2em;
}
.fd-part01 .fd-part01Right .fd-more{
    color: #ce3335;
    cursor: pointer;
}
.fd-part01 .fd-part01Right .fd-more:hover{
    text-decoration: underline;
}
/*第二部分*/
.fd-part02{
    padding-top: 23px;
    padding-bottom: 35px;
}
.fd-part02 .fd-partHead .fd-title{background-image: url("../images/icon-ssyw.png")}
/*流程图样式*/
.fd-part02 .fd-flow{
    position: relative;
    margin-top:13px;
    width:592px;
    height:392px;
    padding-top:112px;;
    background: url("../images/bg-flow02.png") center center no-repeat;
}
.fd-part02 .fd-flowHead{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height:112px;
    padding-top: 25px;
    padding-left: 115px;
    background: url("../images/icon-wsyyla.png") 35px 24px no-repeat;
}
.fd-part02 .wsyyyj .fd-flowHead{
    background-image: url("../images/icon-wsyyyj.png");
}
.fd-part02 .fd-flowHead h1{
    color: #fff;
    font:bold 18px/30px "microsoft yahei";
}
.fd-part02 .fd-flowHead p{
    color: #fff;
    font:14px/24px "microsoft yahei";
}
.fd-part02 .fd-flowBody{
    position: relative;
    width: 100%;
    height: 100%;
}
.fd-part02 .fd-flow .fd-node{
    position: absolute;
    color: #414d54;
    font:bold 14px/20px "microsoft yahei";
    background-position: left bottom;
    background-repeat: no-repeat;
}
.fd-part02 .fd-flow .fd-process{
    position: absolute;
    color: #414d54;
    font:14px/20px "microsoft yahei";
}
.fd-part02 .fd-flow .fd-status{
    position: absolute;
    padding-left: 15px;
    color: #414d54;
    font:bold 14px/20px "microsoft yahei";
    background-position:left center;
    background-repeat: no-repeat;
}
.fd-part02 .fd-flow .fd-status.erorr{
    background-image: url("../images/icon-erorr.png");
}
.fd-part02 .fd-flow .fd-status.ok{
    background-image: url("../images/icon-ok.png");
}
/*当事人-网上预约立案*/
.fd-part02 .fd-node01{
    top:30px;
    left:113px;
}
.fd-part02 .fd-node02{
    top:10px;
    left:380px;
    height: 62px;
    padding-left: 67px;
    padding-top:20px;
    background-image: url("../images/icon01.png");
}
.fd-part02 .wsyyla .fd-node03{
    top:188px;
    left:110px;
    height: 60px;
    padding-left: 67px;
    padding-top:30px;
    background-image: url("../images/icon02.png");
}
.fd-part02 .wsyyyj .fd-node03{
    top:172px;
    left:98px;
    height: 76px;
    padding-left: 90px;
    padding-top:30px;
    background-image: url("../images/icon03.png");
}
.fd-part02 .fd-process{
    top:65px;
    left:238px;
}
.fd-part02 .fd-status.erorr{
    top: 140px;
    left: 395px;
}
.fd-part02 .fd-status.ok{
    top: 240px;
    left: 395px;
}
/*律师流程图*/
.fd-part02 .lsfw .wsyyla .fd-node03{
    left:110px;
    background-image: url("../images/icon05.png");
}
.fd-part02 .fd-node04{
    top:105px;
    left:250px;
    height: 40px;
    padding-left: 60px;
    background-image: url("../images/icon04.png");
}
.fd-part02 .wsyyla .fd-node05{
    top:190px;
    left:250px;
    height: 50px;
    padding-left: 54px;
    padding-top: 10px;
    background-image: url("../images/icon06.png");
}
.fd-part02 .lsfw .wsyyyj .fd-node03{
    top:172px;
    left:98px;
    height: 76px;
    padding-left: 90px;
    padding-top:30px;
    background-image: url("../images/icon03.png");
}
/*菜单操作*/
.fd-menuItem{
    float: left;
    margin-top:23px;
    margin-right: 20px;
    width:285px;
    height:74px;
    padding-left: 70px;
    cursor: pointer;
    background: url("../images/bg-menu.png") center center no-repeat;
    box-shadow:  0 0 5px  rgba(196, 50, 48, 0.5);
}
.fd-menuItem.last{
    margin-right:0 ;
}
.fd-menuItem:hover{
    background-image: url("../images/bg-menu-a.png");
}
.fd-menuItem span{
    display: inline-block;
    padding-left:47px;
    color:#464b50 ;
    font:bold 18px/74px "microsoft yahei";
    background-position: left center;
    background-repeat: no-repeat;
}
.fd-menuItem.lxfg span{background-image: url("../images/icon-lxfg.png")}
.fd-menuItem.ajjccx span{background-image: url("../images/icon-ajjccx.png")}
.fd-menuItem.sxsq span{background-image: url("../images/icon-sxsq.png")}
.fd-menuItem.zjjhyzz span{background-image: url("../images/icon-zjjhyzz.png")}
.fd-menuItem.wsjf span{background-image: url("../images/icon-wsjf.png")}
.fd-menuItem.wszb span{background-image: url("../images/icon-wszb.png")}
.fd-menuItem.ssxf span{background-image: url("../images/icon-ssxf.png")}
.fd-menuItem.dzsd span{background-image: url("../images/icon-dzsd.png")}
.fd-menuItem.tspqbr span{background-image: url("../images/icon-tspqbr.png")}
.fd-menuItem.wstf span{background-image: url("../images/icon-wstf.png")}
/*第三部分*/
.fd-part03{
    padding: 20px 0;
    background: #f3f3f3;
}
.fd-part03 .fd-partItem{
    float: left;
    margin-right:55px;
}
.fd-part03 .fd-partHead{
    border-bottom:2px solid #bdbbbb;
}
.ssfwzn .fd-partHead .fd-title{background-image: url("../images/icon-ssfwzn.png")}
.flfg .fd-partHead .fd-title{background-image: url("../images/icon-flfg.png")}
.cjwt .fd-partHead .fd-title{background-image: url("../images/icon-cjwt.png")}
.fd-part03 .fd-more{
    float: right;
    margin-top: 20px;
    padding-right: 15px;
    color: #72737b;
    font:14px/32px "microsoft yahei";
    background: url("../images/icon-more.png") right center no-repeat;
}
.fd-part03 .fd-more:hover{
    color: #ce3335;
    background-image: url("../images/icon-more-a.png")
}
.fd-part03 .fd-grid{
    padding-top: 8px;
    padding-bottom: 20px;
}
.fd-part03 .fd-partItem01{
    /* width: 395px; */
    width: 550px;
}
.fd-part03 .fd-partItem02{
    width:390px;
}
.fd-part03 .fd-partItem03{
   /*  width:290px; */
   width: 550px;
    margin-right: 0;
}
.fd-part03 .fd-partItem03 .fd-item{
    padding: 0;
}
.fd-part03 .fd-partItem03 .fd-item:before{
    display: none;
}
    /**/
.fd-part04{
    position: relative;
    padding-top:40px;
    padding-bottom: 50px;
}
.fd-part04 img{
    position: absolute;
    bottom:0;
    left: 0;
    height: 168px;
    width: 100%;
    z-index: -1;
}
.fd-part04 .fd-item{
    float: left;
    width:210px;
    height:128px;
    margin-right: 32px;
    padding-top:65px;
    color: #4d5457;
    font:18px/23px "microsoft yahei" ;
    text-align: center;
    border:1px solid #bdbbbb;
    background-position:center 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.fd-part04 .fd-item:hover{
    color: #ce3335;
}
.fd-part04 .fd-item.last{
    margin: 0;
}
.fd-part04 .fd-item.splc{background-image: url("../images/icon-splc.png")}
.fd-part04 .fd-item.tszb{background-image: url("../images/icon-tszb.png")}
.fd-part04 .fd-item.cpws{background-image: url("../images/icon-cpws.png")}
.fd-part04 .fd-item.zxxx{background-image: url("../images/icon-zxxx.png")}
.fd-part04 .fd-item.sshd{background-image: url("../images/icon-sshd.png")}