.FlowChart {
    height: 350px;
    overflow: hidden;
    text-align: center;
}

.FlowChart0 {
    display: none;
}

.FlowChart iframe {
    max-height: 350px;
    overflow: hidden;
}

.FlowChart img {
    max-width: 100%;
    max-height: 350px;
}

body {
    background: #f8f8f8;
}

/*----------------------------------------·þÎñÏêÇé-----------------------*/
.service-banner {
    width: 100%;
    height: 240px;
    background: url(/Content/images/home/banner1.jpg) no-repeat center;
    /*background-size:100%;*/
}

.serviceCont {
    padding: 20px 30px;
    overflow: hidden
}

    .serviceCont .serviceContMenu {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        height: 40px;
        border-bottom: solid 4px #eee
    }

        .serviceCont .serviceContMenu .bg {
            height: 60px;
            background-color: #fff;
            overflow: hidden
        }

        .serviceCont .serviceContMenu a, .serviceCont .serviceContMenu a:active, .serviceCont .serviceContMenu a:link, .serviceCont .serviceContMenu a:visited {
            display: block;
            float: left;
            height: 40px;
            line-height: 40px;
            padding: 0 5px;
            margin: 0 20px 0 0;
            color: #333;
            font-size: 18px;
            text-decoration: none;
            border-bottom: solid 3px transparent;
            overflow: hidden
        }

            .serviceCont .serviceContMenu a:hover {
                color: #236093;
                text-decoration: none
            }

            .serviceCont .serviceContMenu a.on, .serviceCont .serviceContMenu a.on:active, .serviceCont .serviceContMenu a.on:hover, .serviceCont .serviceContMenu a.on:link, .serviceCont .serviceContMenu a.on:visited {
                color: #236093;
                border-bottom: solid 4px #236093;
                font-weight: 700;
            }

    .serviceCont .serviceContMain {
        width: 100%;
        margin: 0 auto;
        padding: 0px 0;
        min-height: 240px;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        background-color: #fff;
        overflow: hidden
    }

        .serviceCont .serviceContMain h1, .serviceCont .serviceContMain h2, .serviceCont .serviceContMain h3, .serviceCont .serviceContMain h4, .serviceCont .serviceContMain h5, .serviceCont .serviceContMain h6 {
            padding: 10px 0;
            font-size: medium
        }

        .serviceCont .serviceContMain div, .serviceCont .serviceContMain p {
            word-wrap: break-word
        }

        .serviceCont .serviceContMain p {
            padding: 10px 0
        }

        .serviceCont .serviceContMain strong, .serviceCont .serviceContMain th {
            font-weight: 700
        }


.small-box {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    height: 230px;
}

    .small-box img {
        position: absolute;
        bottom: 0;
    }

/*serviceDetail*/
.serviceDetail{width: 100%;}

.serviceDetail-box {
    margin: 0px auto;
    overflow: hidden;
    width: 100%; 
    background: rgb(255,255,255);
}
.workContent .serviceDetail-box { margin:0;min-height:1px;}

.serviceDetail-header {
    width: 100%;
    height: 90px;
    background: #edf8ff;
    border-left: 10px solid #2b5ab4;
    box-sizing:border-box;
}
/*serviceDetail-title*/
    .serviceDetail-title {
        width: 100%;
        margin: 0 auto;
        height: 50px;
        line-height:50px;
        border-bottom: 1px solid #d2dfed;
        position:relative;
    }
 .serviceDetail-title h3{
    display:inline-block;
    color: #04518c;
    padding-left: 15px;
    font-size: 22px;
    font-weight: 500;
}

        .serviceDetail-title .btn { 
            margin: 0 0 0; 
            width: 90px;
            height: 36px;
            line-height:36px;
            text-align:center; 
            color: #fff;
            font-size: 14px;
            border-radius: 5px;
            cursor: pointer;
            text-decoration:none;
        }

        .serviceDetail-title .btn.btn_handle {
            position:absolute;
            right:50px;
            top:22px;
            background: #2b5ab4;
            border: 1px solid #d2dfed;
        }

        .serviceDetail-title .btn.btn_default {
            position:absolute;
            right:50px;
            top:22px;
            color: #2b5ab4;
            background: #fff;
            border: 1px solid #2b5ab4;
        }
         .serviceDetail-title .btn.btn_fav,
        .serviceDetail-title .btn.btn_favFalse {
            display:inline-block; 
              color:#000;
              text-align:left;
              margin-left:20px;
        }
          .serviceDetail-title .btn.btn_fav i,
         .serviceDetail-title .btn.btn_favFalse i{ 
              color:#222;
              font-size:16px;
              margin-right:4px;
        }
        .serviceDetail-title .btn.btn_favTrue {
             display:inline-block; 
              color:#000;
              text-align:left; margin-left:20px;
        }
        .serviceDetail-title .btn.btn_favTrue i{ 
              color:#f00;
              color:rgb(211,7,13);
              font-size:15px;
              margin-right:4px;
        }
        .serviceDetail-title .btn.btn_favTrue i:before{ 
           content: "\e60d";
        }

         
/*serviceDetail-info*/
.serviceDetail-info {
    margin: 0 auto;
    width: 100%;
    line-height: 40px;
    padding-left:15px;
    box-sizing:padding-box;
}

.serviceDetail-info  p {
        font-size: 14px;
        padding-right: 55px;
        color: #04518c;
        float: left;
    }
/*serviceDetail-body*/

.serviceDetail-body{
    padding:30px;
}

.serviceDetail-left {
    width: 910px; 
    min-height: 350px;
    float: left;
}

    .serviceDetail-left li { 
        min-height: 74px;
        margin: 0 0 20px 0;
    }

        .serviceDetail-left h4 {
            font-size: 18px;
            color: #00a1d9;
            line-height: 40px;
            font-weight: bold;
            color: #236093;
        }

        .serviceDetail-left p {
            font-size: 16px;
            color: #333;
            line-height: 34px;
        }

.serviceDetail-right {
    float: right; 
    width: 300px;
    background: #f6f6f6; 
    min-height: 350px;
    padding:20px;
    box-sizing:border-box;
}

    .serviceDetail-right li {
        width: 270px;
        min-height: 60px;
        margin: 0 0 10px ;
    }

        .serviceDetail-right li h5 {
            font-size: 16px;
            color: #04518c;
            line-height: 34px;
            font-weight: normal;
        }

        .serviceDetail-right p {
            font-size: 14px;
            color: #333;
            line-height: 28px;
        }

/*serviceDetail-bottom*/
.serviceDetail-bottom {
    width: 1110px;
    min-height: 250px;
    margin: 20px auto;
    overflow: auto;
    background: #fff;
}
    /*flow*/
    .serviceDetail-bottom .tabList .one .flow {
        height: auto;
    }

        .serviceDetail-bottom .tabList .one .flow li {
            text-align: center;
        }
    /*data*/
    .serviceDetail-bottom .tabList .one .data {
        width: 100%;
        line-height: 35px;
        margin-top: 20px;
    }

        .serviceDetail-bottom .tabList .one .data td {
            line-height: 50px;
            border-bottom: 1px dashed #CCC;
            margin-top: 5px;
        }

            .serviceDetail-bottom .tabList .one .data td.nm {
                text-align: center;
            }

    .serviceDetail-bottom .tabList .block {
        display: block;
    }

/*flowNode*/
 .workContent .panel .flowNode{ padding:10px 0 0; display: flex;flex-wrap: nowrap; overflow-y:auto; }
.workContent .panel .flowNode li{ /*float:left;*/ width:18px; height:36px; padding-top:70px; background: url(../images/flow/bg_flownode.png) no-repeat 0 0;flex-grow:1; }
.workContent .panel .flowNode li.on div{ font-weight:bolder; color:#f30;color:#25598b;}
.workContent .panel .flowNode .line{  background-position:right 0;  flex-grow:0; margin:0 3px;}
.workContent .panel .flowNode .site1-0{ background-position:41px  -300px; background: url(../images/flow/bg_flownode1.png) no-repeat center -300px ;}
.workContent .panel .flowNode .site2-0,
.workContent .panel .flowNode .site2-1{  background-position:41px  -300px; background: url(../images/flow/bg_flownode2.png) no-repeat center -300px ;}
.workContent .panel .flowNode .site2-2{  background-position:41px  -300px; background: url(../images/flow/bg_flownode3.png) no-repeat center -300px ;}
.workContent .panel .flowNode .site2-3,
.workContent .panel .flowNode .site99-0,
.workContent .panel .flowNode .site99-1,
.workContent .panel .flowNode .site99-2,
.workContent .panel .flowNode .site99-3,
.workContent .panel .flowNode .site99-5{ background-position:-374px -300px;background: url(../images/flow/bg_flownode99.png) no-repeat center -300px ;}

.workContent .panel .flowNode .site1-0.done{ background-position:center  -150px;}
.workContent .panel .flowNode .site2-0.done,
.workContent .panel .flowNode .site2-1.done{ background-position:center -150px;}
.workContent .panel .flowNode .site2-2.done{ background-position:center -150px;}

.workContent .panel .flowNode .site2-3.done,
.workContent .panel .flowNode .site99-0.done,
.workContent .panel .flowNode .site99-1.done,
.workContent .panel .flowNode .site99-2.done,
.workContent .panel .flowNode .site99-3.done,
.workContent .panel .flowNode .site99-5.done{ background-position:center -150px;}

.workContent .panel .flowNode  .site1-0.on{ background-position:center 0  ;}
.workContent .panel .flowNode .site2-0.on,
.workContent .panel .flowNode .site2-1.on{ background-position:center 0;}
.workContent .panel .flowNode .site2-2.on{ background-position:center 0;}
.workContent .panel .flowNode .site2-3.on,
.workContent .panel .flowNode .site99-0.on,
.workContent .panel .flowNode .site99-1.on,
.workContent .panel .flowNode .site99-2.on,
.workContent .panel .flowNode .site99-3.on,
.workContent .panel .flowNode .site99-5.on{ background-position:center 0;}

.workContent .panel .flowNode div{ display:block; line-height:18px; text-align:center;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color:#5b5b5b }
.workContent .panel .flowNode div{ *display:block;}
/*formArea*/
.workContent #formArea h1.work,
.workContent #formArea h2.work,
.workContent #formArea h3.work{ letter-spacing:2px; font-family2:"simhei"; font-weight:bolder; }
 /*.workContent #formArea table,
.workContent #formArea table th,
.workContent #formArea table td,*/
.workContent table.tabWork,
.workContent table.tabWork th,
.workContent table.tabWork td{ border-color:#333; background-color:#f2f8fc; background:none} 
.workContent #formArea textarea,
.workContent #formArea input[type=text]{ border:1px solid #ccc; padding:4px}
.workContent #formArea .inerr{ border:1px solid #fc4545; background-color:#fdf6f6;}