.jsdw-bk {
    height: 300px;
    width: 100%;
    background-image: url(../images/dangjian/djbk_01.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

@media screen and (max-width: 768px) {
   .jsdw-bk {
    height: 200px;
    width: 100%;
    background-image: url(../images/dangjian/djbk_01.jpg);
    background-repeat: no-repeat;
    background-position-x: 25%;
    background-position-y: center;
}
}

#fh5co-intro {
    position: relative;
    bottom: 0;
    margin-top: 0;
    z-index: 10;
    padding-bottom: 2em;
}

@media screen and (max-width: 768px) {
    #fh5co-intro {
        padding-bottom: 3em;
    }
}

#fh5co-intro > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}

#fh5co-intro .fh5co-block {
    width: 33.33%;
    float: left;
    text-align: center;
    font-size: 16px;
    min-height: 300px;
    vertical-align: middle;
    padding: 40px;
    -webkit-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -moz-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -ms-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -o-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    z-index: 7;
    flex-grow: 1;
    background-size: cover;
    position: relative;
}

#fh5co-intro .fh5co-block2 {
    width: 33.33%;
    float: left;
    text-align: center;
    font-size: 16px;
    min-height: 300px;
    vertical-align: middle;
    -webkit-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -moz-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -ms-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -o-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    z-index: 7;
    flex-grow: 1;
    background-size: cover;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    #fh5co-intro .fh5co-block {
        width: 100%;
    }
}

#fh5co-intro .fh5co-block > .fh5co-text {
    margin: auto;
    position: relative;
    z-index: 10;
}

    #fh5co-intro .fh5co-block > .fh5co-text .fh5co-intro-icon {
        font-size: 50px;
        color: #52d3aa;
        margin-bottom: 30px;
        display: block;
    }

#fh5co-intro .fh5co-block h2 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 30px;
}


#dangjian-zhgl {
    position: relative;
    bottom: 0;
    margin-top: 0;
    z-index: 10;
    padding-bottom: 2em;
}

@media screen and (max-width: 768px) {
    #dangjian-zhgl {
        padding-bottom: 3em;
    }
}

#dangjian-zhgl .to-head {
    padding: 40px 0 0 0;
    margin: 0 0;
}

#dangjian-zhgl > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}

#dangjian-zhgl .fh5co-block {
    width: 33.33%;
    float: left;
    text-align: center;
    font-size: 16px;
    min-height: 300px;
    vertical-align: middle;
    -webkit-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -moz-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -ms-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -o-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    padding: 40px;
    z-index: 7;
    flex-grow: 1;
    background-size: cover;
    position: relative;
}

#dangjian-zhgl .fh5co-block2 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    min-height: 300px;
    vertical-align: middle;
    -webkit-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -moz-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -ms-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -o-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    z-index: 7;
    flex-grow: 1;
    background-size: cover;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    #dangjian-zhgl .fh5co-block {
        width: 100%;
    }
}

#dangjian-zhgl .fh5co-block > .fh5co-text {
    margin: auto;
    position: relative;
    z-index: 10;
}

    #dangjian-zhgl .fh5co-block > .fh5co-text .fh5co-intro-icon {
        font-size: 50px;
        color: #52d3aa;
        margin-bottom: 30px;
        display: block;
    }

#dangjian-zhgl .fh5co-block h2 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 30px;
}


.container-dangjian {
    position: relative;
    bottom: 0;
    margin-top: 0;
    z-index: 10;
    padding-bottom: 2em;
}

@media screen and (max-width: 768px) {
    .container-dangjian {
        padding-bottom: 3em;
    }
}

.container-dangjian .to-head {
    padding: 40px 0 0 0;
    margin: 0 0;
}

.full {
    width: 100%;
}

.container-dangjian > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}

.container-dangjian .fh5co-block {
    width: 33.33%;
    float: left;
    text-align: center;
    font-size: 16px;
    min-height: 300px;
    vertical-align: middle;
    padding: 40px;
    z-index: 7;
    flex-grow: 1;
    background-size: cover;
    position: relative;
}

.container-dangjian .fh5co-block2 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    min-height: 300px;
    vertical-align: middle;
    -webkit-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -moz-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -ms-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    -o-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    z-index: 7;
    flex-grow: 1;
    background-size: cover;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.container-dangjian .fh5co-block3 {
    width: 25%;
    float: left;
    text-align: center;
    font-size: 16px;
    min-height: 300px;
    vertical-align: middle;
    z-index: 7;
    flex-grow: 1;
    background-size: cover;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .container-dangjian .fh5co-block {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .container-dangjian .fh5co-block3 {
        width: 100%;
    }
}

.container-dangjian .fh5co-block > .fh5co-text {
    margin: auto;
    position: relative;
    z-index: 10;
}

    .container-dangjian .fh5co-block > .fh5co-text .fh5co-intro-icon {
        font-size: 50px;
        color: #52d3aa;
        margin-bottom: 30px;
        display: block;
    }

.container-dangjian .fh5co-block h2 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 30px;
}

.fh5co-block-half {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px;
    min-height: 300px;
    vertical-align: middle;
    z-index: 7;
    flex-grow: 1;
    background-size: cover;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .fh5co-block-half {
        width: 100%;
    }
}

.fh5co-block-half-left {
    width: 50%;
    float: left;
    text-align: left;
    font-size: 16px;
    min-height: 300px;
    vertical-align: middle;
    z-index: 7;
    flex-grow: 1;
    background-size: cover;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .fh5co-block-half-left {
        width: 100%;
    }
}

.fh5co-block p, .fh5co-block2 p {
    text-align: left;
}

img {
    max-width: 100%;
}

#dangjian-zhkj .ts {
    height: 25%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
}

    #dangjian-zhkj .ts a {
        font-size: 25px;
        font-weight: 700;
        color: #000;
    }

    #dangjian-zhkj .ts img {
        height: 50px;
        margin-right: 10%;
    }

#dangjian-jsdw {
    padding-top: 4em;
}

@media screen and (max-width: 768px) {
    #dangjian-jsdw {
        padding-top: 2em;
    }
}

#dangjian-jsdw .jsdwtd {
    margin-bottom: 2em;
}

    #dangjian-jsdw .jsdwtd img {
        max-height: 100%;
    }

    #dangjian-jsdw .jsdwtd a {
        color: #000;
        font-size: 28px;
        font-weight: 400;
        margin: 0 20px;
    }

@media screen and (max-width: 768px) {
}

#dangjian-jsdw .jsdwms {
    padding: 0 20%;
}

#dangjian-jsdw .jsdwms-col-3 {
    width: 33.3%;
}

    #dangjian-jsdw .jsdwms-col-3 .row-text {
        margin-top: 30px;
    }

        #dangjian-jsdw .jsdwms-col-3 .row-text a {
            color: #000;
            font-size: 28px;
        }

#dangjian-zhwl .cust {
    max-width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    #dangjian-zhwl .cust {
        max-width: 100%;
        margin: auto;
        margin-bottom: 20px;
    }
}

#dangjian-jssl .cust {
    padding: 0 2em;
    min-height:340px;
}

#dangjian-jssl .cls-bk-blue {
    background-color: #77a8e0;
}

#dangjian-jssl .cls-bk-gree {
    background-color: #48debc;
}

#dangjian-jssl .cls-bk-yellow {
    background-color: #fdf065;
}

#dangjian-jssl .cls-bk-org {
    background-color: #fcb733;
}

#dangjian-jssl .cust h2 {
    font-size: 25px;
}

#dangjian-jssl .iconintro {
    width: 80px;
    margin: auto;
    padding: 20px 0;
    min-height: 100px;
}

    #dangjian-jssl .iconintro .circle {
        width: 80px;
        height: 80px;
        background-color: #fff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        vertical-align: middle;
        display: table-cell;
    }

        #dangjian-jssl .iconintro .circle i {
            font-size: 50px;
        }

    #dangjian-jssl .iconintro i:hover {
        font-size: 60px;
    }

#dangjian-jssl .cust a {
    color: #000;
    font-size:20px;
    padding: 0 20px;
}

#dangjian-jsnr .jsnr {
    max-width: 100%;
    margin: auto;
    margin-bottom: 10px;
}

#dangjian-sxxg .cls-left {
    float: left;
    margin: 10px 0;
}

@media screen and (max-width: 768px) {
    #dangjian-sxxg .cls-left {
        float: left;
        margin: 10px 2px 10px 40px;
        max-width: 55%;
    }
}

#dangjian-sxxg .cls-left h5 {
    margin-left: 30px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}

#dangjian-sxxg .cls-left a {
    color: #000;
    margin-left: 30px;
}

/*#dangjian-wmdts .wmdts-out {
    width: 26%;
    height: 100%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    float: left;
}

#dangjian-wmdts .wmdts-in {
    height: 35%;
    border: 0.1px solid #5aaae2;
}

    #dangjian-wmdts .wmdts-in .cls-left {
        width: 48%;
        float: left;
        padding-left: 14%;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    #dangjian-wmdts .wmdts-in .cls-left-a {
        width: 48%;
        float: left;
        padding-left: 8%;
    }

        #dangjian-wmdts .wmdts-in .cls-left-a a {
            vertical-align: middle;
            color: #000;
            font-weight: 400;
        }

#dangjian-wmdts .wmdts-in-head {
    width: 100%;
    height: 10%;
    background-color: #5aaae2;
    text-align: center;
}

    #dangjian-wmdts .wmdts-in-head a {
        color: #000;
        font-weight: 700;
    }

#dangjian-wmdts .wmdts-in-icon {
    width: 100%;
    height: 25%;
    margin: 20px 0;
}*/
#dangjian-wmdts {
    position: relative;
    bottom: 0;
    margin-top: 0;
    z-index: 10;
    padding-bottom: 2em;
}

    #dangjian-wmdts .wmdts-text .wmdts-row {
        margin-bottom: 20px;
    }

    #dangjian-wmdts .wmdts-text a {
        color: #000;
        font-size: 20px;
        font-weight: 400;
        margin-left: 40px;
    }

    #dangjian-wmdts .fh5co-block {
        -webkit-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
        -moz-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
        -ms-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
        -o-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
        box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
    }

/*# sourceMappingURL=style.css.map */


/*color*/


.cls-blue:before {
    color: #77a8e0;
}

.cls-gree:before {
    color: #48debc;
}

.cls-yellow:before {
    color: #fdf065;
}

.cls-org:before {
    color: #fcb733;
}

.cls-gree2:before {
    color: #61bfa9;
}