@font-face {
    font-family: "GEOSANS_LIGHT";
    /*src: url('/fonts/anyoldicon/anyoldicon.TTF');*/
    src: url('/fonts/GEOSANSLIGHT1.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MNJLX";
    src: url('/fonts/MNJLX.ttf');
    font-weight: bold;
    font-style: oblique;
}


body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    background: #f0f0f0;
    font-size: 16px;
    font-family: "Microsoft YaHei" !important;
    margin-top: 70px;
}

* {
    font-family: "Microsoft YaHei" !important;
}

a {
    cursor: pointer;
    color: #3e3e3e;
}

    a:hover, a:active {
        text-decoration: none;
        color: #569cdc;
    }

/*h1, h2, h3 {
    margin-bottom: 20px;
    margin-top: 30px;
}*/

ul {
    list-style-type: none;
}

.loadbg {
    z-index: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    display: none;
}

    .loadbg.startbg {
        display: block;
        opacity: 1;
        z-index: 1010;
    }

[data-loader] {
    border-color: #569cdc;
    display: block;
    margin: 0 auto;
}

[data-loader=circle] {
    border-top-color: transparent;
}

.loadbg span {
    border-top-color: transparent;
    left: 50%;
    position: fixed;
    top: 45%;
    width: 68px;
    height: 68px;
}

.navbar-top {
    margin: 0;
    /*height: 30px;*/
    min-height: 30px;
    background: #fff;
    /*border-bottom: 1px solid #dddddd;*/
    top: 0;
    position: absolute;
    display: none;
    width: 100%;
}

.header-top {
    display: block;
    font-size: 12px;
    /* padding: 5px 5px; */
    line-height: 12px;
    background-color: transparent;
    text-align: right;
}

    .header-top > .header-right {
        margin-right: 10px;
    }

    .header-top .nav > li {
        display: inline-block;
        padding: 14px 0 0 0;
    }

        .header-top .nav > li > a {
            color: #888888;
            border-right: 1px solid #888888;
            padding: 0 10px;
            font-size: 12px;
        }

        .header-top .nav > li:last-child > a {
            border-right: none;
            margin-right: 0;
            padding-right: 0;
        }

        .header-top .nav > li > a:hover, .header-top .nav > li > a:focus {
            color: #333333;
        }

.navbar-blue {
    background: #ffffff;
    color: #333333;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0;
    border-top: 0;
    /*top: 30px;*/
    transition: top 0.5s ease;
    -moz-transition: top 0.5s ease; /* Firefox 4 */
    -webkit-transition: top 0.5s ease; /* Safari 和 Chrome */
    -o-transition: top 0.5s ease; /* Opera */
    /*border-bottom: 1px solid #569cdc;*/
    /*margin-top: 30px;*/
    /*margin-bottom: 15px;*/
}

    .navbar-blue > .navbar {
        background: #fff;
    }

    .navbar-blue .navbar-brand {
        margin-left: 65px !important;
        margin-top: 0px;
        padding: 0;
        line-height: 68px;
    }

.navbar-brand img {
    /*max-width: 100px;*/
    max-height: 44px;
}


/*.navbar-blue li.active {
        background: #569cdc;
        color: #ffffff;
    }*/
.navbar-blue li.active a {
    border-bottom: 4px solid #569cdc;
    color: #569cdc;
}

.navbar-blue li {
    padding: 0 10px;
}

    .navbar-blue li:last-child a {
        margin-right: 0;
        margin-left: 0;
        border-bottom: 1px solid #ddd;
    }

    .navbar-blue li:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .navbar-blue li a {
        color: #3e3e3e;
        padding: 20px 0 24px 0;
        margin: 0 15px;
        text-align: center;
        cursor: pointer;
        min-width: 50px;
        /*font-size: 20px;*/
        /*font-weight: 500;*/
    }



.downQrcode {
    top: 100%;
    left: -30px;
    display: none;
    opacity: 0;
    position: absolute;
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.5),0px -1px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.5),0px -1px 9px rgba(0, 0, 0, 0.5);
    text-align: center;
    transition: opacity 1s;
    -moz-transition: opacity 1s; /* Firefox 4 */
    -webkit-transition: opacity 1s; /* Safari 和 Chrome */
    -o-transition: opacity 1s; /* Opera */
}

    .downQrcode:before {
        border-bottom: 10px solid rgba(0,0,0,0.1);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        display: inline-block;
        left: auto;
        right: 70px;
        position: absolute;
        top: -10px;
    }

    .downQrcode:after {
        border-bottom: 9px solid #fff;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        content: "";
        display: inline-block;
        left: auto;
        right: 71px;
        position: absolute;
        top: -9px;
    }

    .downQrcode img {
        width: 150px;
        height: 150px;
        max-width: 150px;
    }

    .downQrcode span {
        color: #a5a5a5;
        font-size: 14px;
    }

.navbar-blue li:not(.active) a:hover, .navbar-blue li:not(.active) a:active, .navbar-blue li:not(.active) a:focus {
    border-bottom: 4px solid #569cdc;
    background: #fff;
    color: #569cdc;
}

.navbar-blue li:last-child a:hover, .navbar-blue li:last-child a:focus {
    border-bottom: 1px solid #ddd;
    color: #569cdc;
}

.navbar-blue li:last-child:hover .downQrcode, .navbar-blue li:last-child:focus .downQrcode {
    display: block;
    opacity: 1;
}

.navbar-blue a.mobilelink {
    padding: 8px 5px;
    vertical-align: top;
    margin: auto 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #a5a5a5;
    line-height: 28px;
}

    .navbar-blue a.mobilelink img.logo {
        width: 22px;
        height: 22px;
        display: inline-block;
        margin-right: 5px;
    }



/*a.mobilelink span:before {
        border: 10px solid transparent;
        border-bottom: 10px solid #fff;
        width: 0;
        height: 0;
        position: absolute;
        content: ' ';
    }*/

a.mobilelink:hover {
    color: #569cdc;
}

a.mobilelink img.qrcode {
    display: none;
    opacity: 0;
    transition: opacity 1s;
    -moz-transition: opacity 1s; /* Firefox 4 */
    -webkit-transition: opacity 1s; /* Safari 和 Chrome */
    -o-transition: opacity 1s; /* Opera */
}

a.mobilelink:hover img.qrcode {
    position: absolute;
    width: 176px;
    max-width: 300px;
    left: -36px;
    display: block;
    opacity: 1;
}
/*.box-container {
    margin-top: 15px;
}*/
.no-padding-right {
    padding-right: 0;
}

.info-view-text img {
    max-width: 800px;
}

.modal-my {
    padding-top: 120px;
}

    .modal-my .modal-body {
        padding-left: 0;
        padding-right: 0;
    }

    .modal-my .modal-dialog {
        width: 700px;
        padding: 0;
    }

    .modal-my .modal-header .close {
        margin-top: -10px;
        font-size: 32px;
    }

    .modal-my .form-horizontal {
        padding: 0 16px;
        width: 100%;
        position: relative;
        text-align: center;
    }

        .modal-my .form-horizontal .form-group {
            margin-bottom: 24px;
            display: inline-block;
            text-align: left;
            position: relative;
            margin: 0 auto;
        }

    .modal-my label.control-label {
        font-size: 16px;
        font-weight: normal;
        color: #a5a5a5;
        width: 88px;
        float: left;
        text-align: left;
    }

    .modal-my .form-control {
        height: 40px;
        font-size: 16px;
        width: 540px;
        color: #3e3e3e;
        float: left;
        /*margin-left: 16px;*/
    }

    .modal-my textarea.form-control {
        height: 240px;
        background: #f8f9fa;
        resize: none;
    }

    .modal-my .btn-submit {
        background: #569cdc;
        color: #fff;
        font-size: 14px;
        padding: 10px 20px;
        float: right;
    }

    .modal-my .no-padding {
        padding-left: 0;
        padding-right: 0;
        display: block;
        float: left;
        width: 540px;
    }

.error {
    display: block;
    color: #a94442;
}

    .error .form-control {
        box-shadow: -1px -1px 1px 1px rgba(232, 8, 8, 0.25), 1px 1px 1px 1px rgba(232, 8, 8, 0.25);
        border: 1px solid rgba(228, 18, 18, 0.75);
        color: rgba(228, 18, 18, 1);
    }

.help-block {
    display: inline-block;
    margin-top: 5px;
    /* margin-bottom: 10px; */
    color: #a94442;
    line-height: 30px;
    width: 530px;
}

.branner-container {
}

.body-content {
    padding: 14px;
    background: #ffffff;
    margin-top: 14px;
}

.btn-card .btn-lg {
    display: block;
    padding: 0;
    width: 100%;
    border-radius: 0;
    font-size: 22px;
    height: 74.55px;
    line-height: 74.55px;
}



    .btn-card .btn-lg i {
        margin-right: 10px;
        border: 1px solid #fff;
        border-radius: 50%;
        font-size: 200%;
        padding: 1px;
        vertical-align: middle;
    }

.no-border {
    border: none !important;
}

.icon_phone {
    position: relative;
    display: inline-block;
    padding: 4px 10px;
}

    .icon_phone:before {
        color: #ff9000;
        font-size: 40px;
        padding: 5px 0;
        display: block;
        position: absolute;
        top: 13px;
    }

.btn-blue {
    background: #569cdc;
    color: #fff;
}

.btn-white {
    background: #f8f8f8;
    border: 1px solid #ededed;
    color: #3e3e3e;
    background: #f8f8f8;
    padding: 0px 0px 0px 14px;
    position: relative;
    position: relative;
    display: block !important;
    height: 74.55px;
}



    .btn-white span {
        display: block;
    }

        .btn-white span.tel {
            line-height: 30px;
            text-indent: 50px;
            font-size: 30px;
            font-family: "GEOSANS_LIGHT" !important;
            margin-top: 10px;
            display: block;
            float: right;
            right: 24px;
            position: absolute;
        }

        .btn-white span.limit-time {
            line-height: 30px;
            color: #888888;
            font-size: 14px;
            float: right;
            /* width: 100%; */
            right: 24px;
            top: 40px;
            position: absolute;
        }

.btn-white-big span.tel {
    line-height: 38px;
    text-indent: 48px;
    font-size: 25px;
    font-family: "GEOSANS_LIGHT" !important;
    display: block;
    float: right;
    right: 20px;
    position: absolute;
    margin-top: 5px;
}

.btn-white-big:before {
    color: #ff9000;
    font-size: 45px;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    line-height: 70px;
}

.btn-white-big span.limit-time {
    line-height: 30px;
    color: #888888;
    font-size: 14px;
    float: right;
    /* width: 100%; */
    right: 20px;
    top: 38px;
    position: absolute;
}

.btn-white[disabled] {
    opacity: 1;
}

.btn-blue:hover, .btn-blue:focus {
    background: #3a8bd6;
    color: #fff;
}

.flexslider .slides img {
    height: 253.65px !important;
}

.flexslider, .flexslider .slides {
    zoom: 1;
}

.flex-control-nav {
    padding: 8px;
}

.btn-card {
    display: block;
    width: 100%;
}

.btn-success {
    background-color: #8ed249;
    border: none;
}




.btn-card i {
    margin-right: 10px;
    /*border: 1px solid #fff;*/
    font-size: 200%;
    padding: 1px;
    vertical-align: middle;
}



.btn-service {
    font-size: 22px;
}

    .btn-service i {
        background: #8ed249;
        border-radius: 50%;
        margin: 0;
        font-size: 360%;
        padding: 15px;
        color: #fff;
        text-align: center;
        display: inline-block;
    }

.icon_maternal, .icon_plane {
    font-size: 64px;
    padding: 8px;
}

.btn-service .text-icon {
    width: 35%;
    line-height: 150px;
    vertical-align: middle;
    text-align: center;
    float: left;
    /*padding: 55px 0 40px 0;*/
}

.btn-service .text-container {
    width: 65%;
    min-height: 150px;
    display: inline-block;
    padding: 10px;
}

.btn-service a {
    border-radius: 0;
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 5px !important;
    padding: 0;
}

    .btn-service a:hover {
        /*-webkit-box-shadow: 0 0 15px 1px rgba(109, 108, 108, 0.81);
            -moz-box-shadow: 0 0 15px 1px rgba(109, 108, 108, 0.81);
            box-shadow: 0 0 15px 1px rgba(109, 108, 108, 0.81);*/
        background: #f0f0f0;
        border: 1px solid #dddddd;
    }

.btn-card .text-title {
    color: #3e3e3e;
    font-size: 24px;
    display: block;
    width: 100%;
    padding: 10px 0;
}

.btn-card .text-body {
    color: #888888;
    font-size: 14px;
    line-height: 24px;
    white-space: normal;
    width: 100%;
    padding: 4px;
    text-align: left;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    color: #a5a5a5;
}

.flex-control-nav li {
    float: right;
    margin: 0 3px;
}

.flex-control-paging li a {
    background: #c7c7c7;
    border-radius: 0;
}


    .flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
        background: #3a8bd6;
        color: #3a8bd6;
    }

.flex-control-paging li a {
    width: 6px;
    height: 6px;
}

.btn-card > a {
    margin-bottom: 15px;
}

.margin-0 {
    margin: 0;
    padding: 0;
}

.service-box {
    text-align: center;
    display: inline-block;
    position: relative;
}

.link-more {
    position: absolute;
    right: 40px;
    font-size: 14px;
    color: #a5a5a5;
}

.service-box h2 {
    font-size: 26px;
    font-weight: 500;
    color: #569cdc;
    padding: 10px 0;
}

h2.service-box-header {
    color: #202020;
    font-size: 20px;
}

.service-box-body-container {
    color: #a5a5a5;
    font-size: 14px;
    padding: 30px;
    line-height: 2em;
    text-align: left;
}

    .service-box-body-container p {
        text-indent: 2em;
        margin: 0;
    }

.box-companys {
    float: left;
    position: relative;
    text-align: left;
    font-size: 16px;
    height: 200px;
    margin-left: 30px;
    padding: 52px;
}

    .box-companys p {
        margin: auto 0;
        line-height: 2em;
    }

.service-header {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    min-width: 380px;
}

hr {
    margin: 20px 0;
    color: #dddddd;
}

h3 {
    font-size: 20px;
    color: #3e3e3e;
}

.sed-title {
    color: #a5a5a5;
    font-size: 16px;
    margin-bottom: 20px;
}

.service-body {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

    .service-body .btn-success {
        display: block;
        width: 28.75%;
        height: 328px;
        min-height: 300px;
        vertical-align: bottom;
        text-align: center;
        background-color: #8ed249;
        border: none;
        border-radius: 0;
        color: #fff;
        margin: 0;
        padding: 0 60px;
        float: left;
    }



.info-group-list {
    width: 100%;
    padding: 0 30px 30px;
}

.info-item {
    padding: 30px 0;
    border-bottom: 1px dotted #dddddd;
    width: 100%;
    display: inline-block;
    text-align: left;
}

div.info-item:first-child {
    padding-top: 0;
}

div.info-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.info-item-img {
    width: 156px;
    float: left;
    background-image: url(/image/defaultImage.jpg);
    background-size: 209px 156px;
    background-repeat: no-repeat;
    background-position: -26.5px 0;
    height: 156px;
}

.info-item-container {
    float: left;
    margin-left: 30px;
    display: block;
    max-width: 615px;
    color: #a5a5a5;
    width: 100%;
}

.info-title {
    margin-top: 0;
    padding-top: 0;
    font-size: 20px;
    color: #3e3e3e;
}

.info-body {
    font-size: 16px;
    text-indent: 2em;
    height: 6.5em;
}

.info-ser {
    float: right;
    display: block;
    text-align: right;
    margin-top: 0.865em;
    width: 100%;
}

.info-thand {
    font-size: 14px;
    color: #a5a5a5;
}

.info-header {
    text-align: center;
    padding: 36px 58px 0;
}

    .info-header h3, .info-header h2 {
        margin-top: 0;
        padding-top: 0;
    }

.info-view-body {
    font-size: 16px;
    color: #3e3e3e;
    margin-top: 36px;
    padding: 0 58px 26px;
}

.info-view-text {
    margin-top: 30px;
    /*text-indent: 2em;*/
}

.service-body a:hover, .service-body a:active {
    /*border: 1px solid #ededed;*/
    color: #569cdc !important;
    text-decoration: none;
    background-color: transparent;
}

.service-body i {
    width: 100%;
    font-size: 500%;
}

.service-body .title {
    width: 100%;
    display: block;
    font-weight: 400;
    padding: 10px;
}

.service-body .body {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 14px;
    white-space: normal;
    line-height: 20px;
    padding: 0 20px;
    height: 3em;
}

.dot {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    height: 5.5em;
}


.service-imgbox {
    width: 71.25%;
    float: left;
}

.service-body img.big-img {
    width: 100%;
    vertical-align: top;
    float: right;
    height: 100%;
    height: 328px;
}

.case-logo {
    margin-top: 65px;
    margin-bottom: 8px;
}

a.link-case {
    padding: 3px 10px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
}

.link-case i {
    width: auto;
    font-size: 19px;
    margin: 0 10px;
    font-weight: 100;
    padding: 0;
    vertical-align: top;
}

.contect {
    display: block;
    position: fixed;
    top: 40%;
    right: 2px;
    width: 60px;
    height: 260px;
}

    .contect a {
        width: 48px;
        display: block;
        height: 48px;
        font-size: 42px;
        color: #a5a5a5;
        border: 1px solid #dddddd;
        text-align: center;
        background: #ffffff;
        margin-bottom: 5px;
        vertical-align: middle;
        line-height: 40px;
        cursor: pointer;
        padding: 2px;
    }

        .contect a:hover, .contect a:active {
            color: #569cdc;
            text-decoration: none;
        }

            .contect a:hover .qrcode-show, .contect a:active .qrcode-show {
                right: 60px;
                display: block;
                -moz-transform: translate(0);
                -ms-transform: translate(0);
                -o-transform: translate(0);
                -webkit-transform: translate(0);
                transform: translate(0);
                -moz-transition: .5s;
                -o-transition: .5s;
                -webkit-transition: .5s;
                transition: .5s;
            }


.qrcode-show {
    background: #fff;
    text-align: center;
    width: 170px;
    height: 170px;
    background: #fff;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    padding: 10px;
    top: 0;
    right: 0;
    z-index: 1;
    transition: translate 1s;
    -moz-transition: translate 1s; /* Firefox 4 */
    -webkit-transition: translate 1s; /* Safari 和 Chrome */
    -o-transition: translate 1s; /* Opera */
    -moz-transform: translate(120%);
    -ms-transform: translate(120%);
    -o-transform: translate(120%);
    -webkit-transform: translate(120%);
    transform: translate(120%);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

    .qrcode-show img {
        width: 130px;
        height: 130px;
    }
    /*right: 70px;*/

    .qrcode-show .lbl {
        font-size: 14px;
        display: block;
        line-height: 1;
        margin-top: 5px;
        color: #3e3e3e;
    }

.btn_top {
    opacity: 0;
    visibility: hidden;
    -webkit-animation: hide 0.4s ease-out;
    display: block;
    transition: height 1ms;
    transition-delay: 0.4s;
    overflow: hidden;
}

    .btn_top.show {
        opacity: 1;
        visibility: inherit;
        -webkit-animation: show 0.4s ease-in;
        transition-delay: 0s;
    }





    .btn_top i {
        /*line-height: 50px;
        font-size: 26px;
        display: block;*/
    }

.card-content {
    /*overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;*/
    color: #a5a5a5;
    font-size: 14px;
    text-align: left;
    height: 3em;
    /*line-height: 20px;*/
}

.card-title {
    border-left: 8px solid #569cdc;
    padding: 0 5px;
    display: block;
    margin: 14px 0 5px 0;
    line-height: 15px;
    font-size: 14px;
    color: #a5a5a5;
    text-align: left;
}

.card-header {
    font-size: 16px;
    margin: 10px 0 0 0;
    color: #3e3e3e;
    /*font-weight: bolder;*/
    display: block;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

img.info-img {
    width: 100%;
    height: 228px;
    display: inline-block;
    /* margin: 0 auto; */
    float: inherit;
}

.info-div-bg {
    width: 228px;
    height: 228px;
    display: block;
    float: inherit;
    background-position: -39px 0;
    background-repeat: no-repeat;
    background-size: 306px 228px;
}

.branner-div-bg {
    height: 253.65px;
    /* width: 800px; */
    display: block;
    float: inherit;
    background-position: 0 -35.675px;
    background-repeat: no-repeat;
    background-size: 830px 325px;
}

.home-bigbtn {
    width: 286px;
    float: left;
    padding-left: 15px;
    padding-right: 1px;
}

.home-branner {
    width: 830px;
    float: left;
    margin-left: 15px;
}

.info-box {
    margin: 0 58px 0 0;
    float: left;
    width: 228px;
}

    .info-box > a {
        display: inline-block;
        /*padding: 5px 10px 0 10px;*/
        border: none;
    }

        .info-box > a:hover, .info-box a:active {
            color: #569cdc;
            border: none;
        }

    .info-box:last-child {
        margin-right: 0;
    }

.info-container {
    margin: 0 auto 10px;
    display: inline-block;
}

.coop-box {
    width: 285px;
}

    .coop-box img.info-img {
        height: 198px !important;
    }

    .coop-box .card-header {
        margin: 20px 0;
    }


.footer {
    background: #595757;
    min-height: 120px;
    margin-top: 20px;
    /*padding-bottom: 36px;*/
    color: #b8b8b8;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    display: block;
    position: relative;
}

.share a {
    display: block;
    float: left;
    font-size: 30px;
    color: #595757;
    background: #fff;
    border-radius: 50%;
    height: 44px;
    width: 44px;
    /*padding: 7px;*/
    line-height: 40px;
    text-align: center;
    margin: 0 15px;
}

a.link-hospital {
    color: #b8b8b8;
    border-right: 1px solid #b8b8b8;
    padding: 0 10px 0 5px;
    margin-bottom: 20px;
}

    a.link-hospital:hover {
        text-decoration: none;
    }

    a.link-hospital:last-child {
        border: none;
    }

.share {
    display: inline-block;
    /*padding: 36px;*/
    padding: 18px;
}

.hospital-info {
    margin: 20px 0 36px 0;
}


/*新闻资讯*/
.sidebar {
    background: transparent;
    display: inline-block;
    float: left;
    /*padding: 14px;*/
    /*border: 1px solid transparent;*/
}

    /*.sidebar ul {
        background: #fff;
        margin-bottom: 14px;
    }*/

    /*.sidebar ul.first-nav li:last-child {
            margin-top: 14px;
            padding: 0;
        }*/

    .sidebar .second-container {
        background: #fff;
        padding: 14px;
        text-align: center;
        font-size: 20px;
        display: inline-block;
    }

    .sidebar ul li.active {
        background: #569cdc;
    }

        .sidebar ul li.active a {
            color: #fff;
        }

            .sidebar ul li.active:hover, .sidebar ul li.active a:hover, .sidebar ul li.active a:focus, .sidebar ul li.active:focus {
                background-color: #569cdc;
                /*border-color: #569cdc;*/
            }


    .sidebar ul.second-nav {
        width: 200px;
    }

        .sidebar ul.second-nav li {
            border: 1px solid #dddddd;
            margin-bottom: 10px;
            padding: 0;
        }

            .sidebar ul.second-nav li a {
                padding: 15px;
                font-size: 18px;
            }

            .sidebar ul.second-nav li:last-child {
                margin-bottom: 0;
            }


/*时间轴*/
.timerline-container {
    width: 100%;
    position: relative;
    text-align: left;
    float: left;
    overflow: hidden;
}

    .timerline-container:before {
        position: absolute;
        width: 1px;
        background: #dddddd;
        top: 0px;
        left: 50%;
        margin-left: -2px;
        content: '';
        height: 100%;
    }

.timerline-row {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding: 0 0 40px 0;
}

.timerline-row-left, .timerline-row-right {
    float: left;
    width: 50%;
    position: relative;
}

    .timerline-row-left img, .timerline-row-right img {
        width: 254px;
    }

    .timerline-row-left h3, .timerline-row-right h3 {
        font-size: 18px;
        color: #202020;
        text-align: left;
        text-indent: 42px;
        margin-bottom: 20px;
    }

    .timerline-row-left h3 {
        text-align: right;
        margin-right: 42px;
    }

        .timerline-row-left h3:after, .timerline-row-right h3:before {
            content: " ";
            height: 20px;
            width: 20px;
            /*background: #569cdc;*/
            border-radius: 50%;
            position: absolute;
            left: -11px;
        }

        .timerline-row-left h3:after {
            right: -9px;
            left: auto;
        }

        .timerline-row-left h3.green:after, .timerline-row-right h3.green:before {
            background: #56ec33;
        }

        .timerline-row-left h3.orange:after, .timerline-row-right h3.orange:before {
            background: #ffb20e;
        }

        .timerline-row-left h3.purple:after, .timerline-row-right h3.purple:before {
            background: #de3dfb;
        }

        .timerline-row-left h3.darkblue:after, .timerline-row-right h3.darkblue:before {
            background: #1c87ea;
        }

        .timerline-row-left h3.blue:after, .timerline-row-right h3.blue:before {
            background: #31abde;
        }

        .timerline-row-left h3.rosered:after, .timerline-row-right h3.rosered:before {
            background: #fe61a0;
        }

.timerline-row-item-container {
    color: #a5a5a5;
    font-size: 14px;
    line-height: 24px;
    text-indent: 2em;
    text-align: justify;
}

.timerline-row-left .timerline-row-item-container {
    padding-right: 42px;
}

.timerline-row-right .timerline-row-item-container {
    padding-left: 42px;
}

.height-170 {
    height: 170px;
}

.height-254 {
    height: 254px;
}

.timerline-row-left {
    text-align: right;
    float: left;
    /*padding-right: 42px;*/
}

    .timerline-row-left img {
        margin-right: 42px;
    }

.timerline-row-right img {
    margin-left: 42px;
}

/*服务项目*/
.service-group-list {
    padding-top: 0;
}

.service-item {
    padding: 0 0 0 32px;
    display: block;
    width: 100%;
}

.service-item-body {
    display: table;
    padding-right: 12px;
    width: 100%;
    max-height: 112px;
}

.service-item h3, .service-item h2 {
    background: #dddddd;
    display: block;
    line-height: 40px;
    text-align: left;
    /* width: 100%; */
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    font-style: italic;
    font-weight: bolder;
    margin-left: 140px;
    margin-right: 12px;
    margin-top: 10px;
}

.service-item-text {
    line-height: 30px;
    font-size: 16px;
    color: #3e3e3e;
    min-height: 112px;
    margin-left: 28px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 28px;
    text-align: left;
    width: 100%;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
    }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}



/*icon*/
.service-item-icon {
    float: left;
    border: 1px solid #ddd;
    border-radius: 50%;
    vertical-align: middle;
    /*font-size: 300%;*/
    /*padding: 30px;*/
    margin: auto 0;
    width: 112px;
    height: 112px;
}

    .service-item-icon i {
        font-size: 300%;
        font-weight: 500;
        /*margin: 30px 32px;*/
        display: block;
        line-height: 112px;
        padding: 0;
    }

        .service-item-icon i.icon_expert, .service-item-icon i.icon_hospitalization, .service-item-icon i.icon_service, .service-item-icon i.icon_Escort, .service-item-icon i.icon_vip, .service-item-icon i.icon_maternal {
            font-size: 420%;
        }

        .service-item-icon i.icon_healthy {
            font-size: 500%;
        }

        .service-item-icon i.icon_plane {
            font-size: 450%;
        }

.icon_group {
    font-size: 350%;
}

.service-item-icon i:before {
    font-weight: 500;
}

.service-item-icon i.icon_time {
    color: #03cb9c;
}

.service-item-icon i.icon_message2 {
    color: #ff9000;
}

.service-item-icon i.icon_heart {
    color: #569cdc;
}

.service-item-icon i.icon_user {
    color: #8ed249;
}


.color-orange {
    color: #ff9000;
}

.bg-orange {
    background: #ff9000;
}

.color-green-light {
    color: #8ed249;
}

.bg-green-light {
    background: #8ed249;
}

.color-green {
    color: #12b57d;
}

.bg-green {
    background: #12b57d;
}

.color-navy {
    color: #03cb9c;
}

.bg-navy {
    background: #03cb9c;
}

.color-blue {
    color: #569cdc;
}

.bg-blue {
    background: #569cdc;
}

.color-blue-light {
    color: #18b8da;
}

.bg-blue-light {
    background: #18b8da;
}
/*#18b8da*/
.color-red {
    color: #ff0000;
}

.bg-red {
    background: #ff0000;
}

.color-black {
    color: #3e3e3e;
}

.bg-black {
    background: #3e3e3e;
}

.color-gray {
    color: #a5a5a5;
}

.bg-gray {
    background: #dddddd;
}

.color-yellow-light {
    color: #f1c733;
}

.bg-yellow-light {
    background: #f1c733;
}


/*流程*/
.process-group {
    display: inline-block;
    font-size: 16px;
    padding: 0;
    margin: 0 auto;
}

.process-group-item {
    margin-bottom: 38px;
    display: inherit;
    position: relative;
    width: 100%;
}

    .process-group-item:before {
        content: " ";
        border: 1px dotted #ddd;
        position: absolute;
        height: 41px;
        left: 10px;
        top: 25px;
    }

    .process-group-item:last-child:before {
        content: " ";
        border: none;
    }

    .process-group-item:last-child {
        margin: 0;
    }

.process-group-item-index {
    font-size: 15px;
    display: inherit;
    background: #569cdc;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-family: 'Arail';
}

.process-group-item-text {
    margin-left: 28px;
    color: #a5a5a5;
    font-size: 18px;
}
/*流程图2*/
.process-group-arow-item-3x {
    max-width: 15em;
    min-width: 12em;
    display: table-cell;
    float: left;
    position: relative;
    padding: 0 1rem;
    text-align: justify;
}

.process-group-arow-item-4x {
    max-width: 11em;
    min-width: 9em;
    display: table-cell;
    float: left;
    position: relative;
    padding: 0 1rem;
    text-align: justify;
}

.process-group-arow li {
    float: left;
    display: table-cell;
}

.process-group-arow-icongroup {
    width: 3rem;
    height: 100%;
    display: block;
    margin: auto 0;
    position: relative;
}

.process-group-arow-iconbox {
    background: #569cdc;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    position: relative;
    display: table-cell;
    text-align: center;
}


.process-group-arow i {
    font-size: 2em;
    line-height: 40px;
    vertical-align: middle;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 100%;
}

.process-group-arow-item:after {
    content: "\f138";
    color: #569cdc;
}

process-group-arow-item i {
    height: 3rem;
    display: inline-block;
    width: 3rem;
    font-size: 3rem;
    position: absolute;
    right: -1rem;
    bottom: 1rem;
}


/*招贤纳士*/
.table-box {
    width: 100%;
    border: 1px solid #f8f8f8;
    text-align: center;
    font-size: 16px;
}

    .table-box tbody > tr > td, .table-box thead > tr > td {
        padding: 16px;
    }

    .table-box thead {
        background: #f8f8f8;
    }

    .table-box a {
    }

    .table-box thead > tr > td {
        color: #202020;
    }

    .table-box tbody > tr {
        border-top: solid 1px #ddd;
    }

        .table-box tbody > tr > td, .table-box tbody > tr > td a, .table-box tbody > tr > td span {
            color: #7d7d7d;
        }

/*医疗资源*/

.area-seletor {
    background: #569cdc;
    color: #ffffff;
    padding: 20px;
}

    .area-seletor > .nav {
        text-align: justify;
        text-align-last: justify;
    }

    .area-seletor a {
        margin: 0 11px;
        /* padding: 14px 5px; */
        /* text-align: left; */
        /* padding: 10px 0; */
        float: left;
    }

        .area-seletor a:nth-child(4n+1) {
            margin-left: 0;
        }

        .area-seletor a:nth-child(4n+0) {
            margin-right: 0;
        }

        .area-seletor a.active span {
            color: #ffffff;
        }

    .area-seletor.wihte a.active span {
        color: #569cdc;
    }

    .area-seletor.wihte {
        margin-top: 12px;
        background: #fff;
        border: 1px solid #dddddd;
    }

    .area-seletor span {
        color: rgba(255, 255, 255, 0.6);
        font-size: 14px;
    }


    .area-seletor.wihte span {
        color: #000;
    }

.service-body > .hospital-list {
    width: 100%;
    display: inline-block;
    margin-bottom: 14px;
}

.hospital-list .hospital-list-item {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #202020;
    text-align: left;
    margin-bottom: 10px;
}

.hospital-item-panel {
    border: 1px solid #ededed;
    padding: 12px 20px;
    margin-right: 10px;
    max-height: 134px;
    min-height: 82px;
    display: block;
}

a.hospital-item-panel:hover {
    border: 1px solid #428bca;
}

.hospital-list-item:nth-child(even) .hospital-item-panel {
    margin-right: 6px;
}

.hospital-list-item:nth-child(odd) .hospital-item-panel {
    margin-left: 20px;
}


.hospital-item-tilte {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #3e3e3e;
}

.hospital-item-and {
    margin-top: 12px;
    display: inline-block;
    font-weight: 500;
    color: #3e3e3e;
}

.hospital-item-address {
    color: #a5a5a5;
    margin: 0;
    margin-top: 14px;
}
/*面包屑*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
nav.breadcrumb {
}

section {
    /* used just to separate different styles */
    border-bottom: 1px solid #e6e6e6;
    padding: 4em 0;
}

    section h2 {
        width: 90%;
        margin: 0 auto 2em;
        color: #2c3f4c;
        font-size: 2rem;
        font-weight: 700;
        text-align: center;
    }

@media only screen and (min-width: 1170px) {
    section {
        padding: 6em 0;
    }
	.info-view-body section {
		padding: 0;
		border-bottom: 0px;
	}section h2 {
		margin: 0 auto 3em;
	}
}

/* -------------------------------- 

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
    width: 90%;
    max-width: 768px;
    font-size: 14px;
    /*padding: 0.5em 1em;*/
    margin: 1rem 0 0 0;
    background-color: #edeff0;
    border-radius: .25em;
}

    .cd-breadcrumb:after, .cd-multi-steps:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-breadcrumb li, .cd-multi-steps li {
        display: inline-block;
        float: left;
        /*margin: 0.5em 0;*/
    }

        .cd-breadcrumb li::after, .cd-multi-steps li::after {
            /* this is the separator between items */
            display: inline-block;
            content: '\f105';
            margin: 0 .6em;
            color: #959fa5;
            font-family: 'FontAwesome';
        }

        .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
            /* hide separator after the last item */
            display: none;
        }

        .cd-breadcrumb li > *, .cd-multi-steps li > * {
            /* single step */
            display: inline-block;
            font-size: 14px;
            color: #a5a5a5;
        }

        .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
            /* selected step */
            color: #569cdc;
        }

.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
    /* steps already visited */
    color: #569cdc;
}







@media only screen and (min-width: 768px) {
    .cd-breadcrumb, .cd-multi-steps {
        padding: 0 14px;
    }

        .cd-breadcrumb li, .cd-multi-steps li {
            margin: 0;
            color: #a5a5a5;
            font-size: 1rem;
        }

            .cd-breadcrumb li::after, .cd-multi-steps li::after {
                margin: 0 13px;
            }

            .cd-breadcrumb li > *, .cd-multi-steps li > * {
                font-size: 14px;
            }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-breadcrumb.triangle {
        /* reset basic style */
        background-color: transparent;
        padding: 0;
    }

        .cd-breadcrumb.triangle li {
            position: relative;
            padding: 0;
            margin: 4px 4px 4px 0;
        }

            .cd-breadcrumb.triangle li:last-of-type {
                margin-right: 0;
            }

            .cd-breadcrumb.triangle li > * {
                position: relative;
                /*padding: 1em .8em 1em 2.5em;*/
                color: #2c3f4c;
                background-color: #edeff0;
                /* the border color is used to style its ::after pseudo-element */
                border-color: #edeff0;
            }

            .cd-breadcrumb.triangle li.current > * {
                /* selected step */
                color: #ffffff;
                background-color: #569cdc;
                border-color: #569cdc;
            }

            .cd-breadcrumb.triangle li:first-of-type > * {
                padding-left: 1.6em;
                border-radius: .25em 0 0 .25em;
            }

            .cd-breadcrumb.triangle li:last-of-type > * {
                padding-right: 1.6em;
                border-radius: 0 .25em .25em 0;
            }

    .no-touch .cd-breadcrumb.triangle a:hover {
        /* steps already visited */
        color: #ffffff;
        background-color: #2c3f4c;
        border-color: #2c3f4c;
    }

    .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
        /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        content: '';
        height: 0;
        width: 0;
        /* 48px is the height of the <a> element */
        border: 24px solid transparent;
        border-right-width: 0;
        border-left-width: 20px;
    }

    .cd-breadcrumb.triangle li::after {
        /* this is the white separator between two items */
        z-index: 1;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
        border-left-color: #ffffff;
        /* reset style */
        margin: 0;
    }

    .cd-breadcrumb.triangle li > *::after {
        /* this is the colored triangle after each element */
        z-index: 2;
        border-left-color: inherit;
    }

    .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
        /* hide the triangle after the last step */
        display: none;
    }

    .cd-breadcrumb.triangle.custom-separator li::after {
        /* reset style */
        background-image: none;
    }

    .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
        /* 50px is the height of the <a> element */
        border-top-width: 25px;
        border-bottom-width: 25px;
    }

    @-moz-document url-prefix() {
        .cd-breadcrumb.triangle li::after,
        .cd-breadcrumb.triangle li > *::after {
            /* fix a bug on Firefix - tooth edge on css triangle */
            border-left-style: dashed;
        }
    }
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
    .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
        /* change custom icon using image sprites - hover effect or current item */
        background-position: 0 -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
        background-position: -20px -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
        background-position: -40px -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
        background-position: -60px -40px;
    }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-multi-steps {
        /* reset style */
        background-color: transparent;
        padding: 0;
        text-align: center;
    }

        .cd-multi-steps li {
            position: relative;
            float: none;
            margin: 0.4em 40px 0.4em 0;
        }

            .cd-multi-steps li:last-of-type {
                margin-right: 0;
            }

            .cd-multi-steps li::after {
                /* this is the line connecting 2 adjacent items */
                position: absolute;
                content: '';
                height: 4px;
                background: #edeff0;
                /* reset style */
                margin: 0;
            }

            .cd-multi-steps li.visited::after {
                background-color: #569cdc;
            }

            .cd-multi-steps li > *, .cd-multi-steps li.current > * {
                position: relative;
                color: #a5a5a5;
            }

        .cd-multi-steps.custom-separator li::after {
            /* reset style */
            height: 4px;
            background: #edeff0;
        }

        .cd-multi-steps.text-center li::after {
            width: 100%;
            top: 50%;
            left: 100%;
            -webkit-transform: translateY(-50%) translateX(-1px);
            -moz-transform: translateY(-50%) translateX(-1px);
            -ms-transform: translateY(-50%) translateX(-1px);
            -o-transform: translateY(-50%) translateX(-1px);
            transform: translateY(-50%) translateX(-1px);
        }

        .cd-multi-steps.text-center li > * {
            z-index: 1;
            padding: .6em 1em;
            border-radius: .25em;
            background-color: #edeff0;
        }

    .no-touch .cd-multi-steps.text-center a:hover {
        background-color: #2c3f4c;
    }

    .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
        color: #ffffff;
        background-color: #569cdc;
    }

    .cd-multi-steps.text-center.custom-icons li.visited a::before {
        /* change the custom icon for the visited item - check icon */
        background-position: 0 -60px;
    }

    .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
        width: 80px;
        text-align: center;
    }

        .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
            /* this is the line connecting 2 adjacent items */
            position: absolute;
            left: 50%;
            /* 40px is the <li> right margin value */
            width: calc(100% + 40px);
        }

        .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
            /* this is the spot indicator */
            content: '';
            position: absolute;
            z-index: 1;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background-color: #edeff0;
        }

        .cd-multi-steps.text-top li.visited > *::before,
        .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
        .cd-multi-steps.text-bottom li.current > *::before {
            background-color: #569cdc;
        }

    .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
        color: #569cdc;
    }

        .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
            box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
        }

    .cd-multi-steps.text-top li::after {
        /* this is the line connecting 2 adjacent items */
        bottom: 4px;
    }

    .cd-multi-steps.text-top li > * {
        padding-bottom: 20px;
    }

        .cd-multi-steps.text-top li > *::before {
            /* this is the spot indicator */
            bottom: 0;
        }

    .cd-multi-steps.text-bottom li::after {
        /* this is the line connecting 2 adjacent items */
        top: 3px;
    }

    .cd-multi-steps.text-bottom li > * {
        padding-top: 20px;
    }

        .cd-multi-steps.text-bottom li > *::before {
            /* this is the spot indicator */
            top: 0;
        }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
    counter-increment: steps;
}

    .cd-multi-steps.count li > *::before {
        content: counter(steps) " - ";
    }

@media only screen and (min-width: 768px) {
    .cd-multi-steps.text-top.count li > *::before,
    .cd-multi-steps.text-bottom.count li > *::before {
        /* this is the spot indicator */
        content: counter(steps);
        height: 26px;
        width: 26px;
        line-height: 26px;
        font-size: 1.4rem;
        color: #ffffff;
    }

    .cd-multi-steps.text-top.count li:not(.current) em::before,
    .cd-multi-steps.text-bottom.count li:not(.current) em::before {
        /* steps not visited yet - counter color */
        color: #a5a5a5;
    }

    .cd-multi-steps.text-top.count li::after {
        bottom: 11px;
    }

    .cd-multi-steps.text-top.count li > * {
        padding-bottom: 34px;
    }

    .cd-multi-steps.text-bottom.count li::after {
        top: 11px;
    }

    .cd-multi-steps.text-bottom.count li > * {
        padding-top: 34px;
    }
}



@font-face {
    font-family: 'Branner China';
    src: url('/fonts/zzgflj.otf');
    font-weight: normal;
    font-style: normal;
}

[class^="icon_"], [class*=" icon_"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa {
    font-family: 'FontAwesome' !important;
}




/*
 * angular-deckgrid-demo
 *
 * Copyright(c) 2013 André König <akoenig@posteo.de>
 * MIT Licensed
 *
 */

/**
 * @author André König (andre.koenig@posteo.de)
 *
 */




img {
    height: auto;
    max-width: 100%;
}

.animation-fade {
    opacity: 0;
}

.animation-faded {
    opacity: 1;
}

.animation-faded {
    -webkit-transition: opacity 1s linear .2s;
    -moz-transition: opacity 1s linear .2s;
    -o-transition: opacity 1s linear .2s;
    transition: opacity 1s linear .2s;
}

.balloon-wrapper {
    padding-top: 30px;
    opacity: 1;
    text-align: center;
}

.balloon {
    background: #3498db;
    border-radius: 50%;
    display: inline-block;
    font-size: 160%;
    text-align: center;
    height: 100px;
    line-height: 100px;
    width: 100px;
}

.button {
    border: 3px solid #000;
    border-radius: 8px;
    color: #000;
    display: inline-block;
    opacity: .6;
    padding: 15px 25px;
    -webkit-transition: opacity .4s linear 0s;
    -moz-transition: opacity .4s linear 0s;
    -o-transition: opacity .4s linear 0s;
    transition: opacity .4s linear 0s;
}

    .button:hover {
        opacity: 1;
    }

.image-round {
    border-radius: 50%;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.l-header {
    margin-top: 180px;
    text-align: center;
}

.l-navigation {
    margin-top: 60px;
    text-align: center;
}

.l-footer {
    bottom: 10px;
    position: fixed;
    right: 10px;
    text-align: right;
    width: 50px;
}

    .l-footer small {
        display: block;
        font-size: 60%;
        margin-bottom: 5px;
        opacity: .5;
        text-align: center;
        width: 100%;
    }

.deckgrid {
    /*margin: 100px auto;*/
    width: 100%;
    display: inline-block;
}

    .deckgrid a {
        border: 1px solid #eee;
        background: #fafafa;
        display: block;
        margin: 0;
        margin-bottom: 36px;
    }

        .deckgrid a:hover {
            background: #569cdc;
            color: #fff;
        }

            .deckgrid a:hover h2 {
                color: #fff;
            }

            .deckgrid a:hover p {
                color: #ffffff;
            }

            .deckgrid a:hover .hr1 {
                border-bottom: 2px solid #fff;
            }

            .deckgrid a:hover .hr2 {
                border-bottom: 1px solid rgba(255, 255, 255, 0.51);
            }

    .deckgrid hr {
        padding: 0;
        margin: 0;
        height: 0px;
        border: none;
    }

    .deckgrid .hr1 {
        width: 40px;
        border-bottom: 2px solid #569cdc;
    }

    .deckgrid .hr2 {
        border-bottom: 1px solid #eee;
    }

    .deckgrid h2 {
        font-size: 18px;
        color: #303030;
        margin: 18px auto;
    }

    .deckgrid[deckgrid]::before {
        content: '3 .column.size-1-3';
        font-size: 0;
        visibility: hidden;
    }

    .deckgrid .column {
        float: left;
        padding: 5px;
    }

        .deckgrid .column .a-card {
            display: inline-block;
            margin-bottom: 10px;
            height: 412px;
            /*margin:10px 0;*/
        }

            .deckgrid .column .a-card img {
                width: 100%;
                height: 246px;
            }

.photo {
    background: #fff url(/image/spinner.gif) center 30px no-repeat;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    margin: 0 10px 10px 0;
    position: relative;
}

    .photo .photo-index {
        background: rgba(0, 0, 0, .9);
        color: #fff;
        position: absolute;
        height: 100%;
        text-align: center;
        width: 100%;
        z-index: 99;
    }

        .photo .photo-index p:first-child {
            margin-top: 10px;
        }

    .photo .photo-wrapper {
        min-height: 60px;
    }

.photo-description {
    padding: 0 30px;
}



    .photo-description > p {
        margin-top: 16px;
        font-size: 14px;
        color: #3e3e3e;
        height: 5em;
    }

.deckgrid .column.size-1-5 {
    width: 20%;
}

.deckgrid .column.size-1-4 {
    width: 20%;
}

.deckgrid .column.size-1-3 {
    width: 33.333333333%;
}

.deckgrid .column.size-1-2 {
    width: 25%;
}

.deckgrid .column.size-1-1 {
    width: 30%;
}

#loadingContainer {
    box-sizing: border-box;
    width: 500px;
    height: 200px;
    display: block;
    margin: 20px auto;
    /*border: solid 2px #D5D6E2;*/
}

    #loadingContainer * {
        box-sizing: border-box;
    }

    #loadingContainer .loadingbar {
        position: relative;
        width: calc(100% - 20px);
        height: 50px;
        background-color: #fac833;
        border-radius: 999999px;
        margin: 50px 10px;
        padding: 4px 37px 4px 4px;
    }

        #loadingContainer .loadingbar .filler_wrapper {
            border-radius: 999999px;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            #loadingContainer .loadingbar .filler_wrapper .filler {
                transition: ease-out width 0.9s;
                -webkit-transition: ease-out width 0.9s;
                background-color: darkorange;
                text-align: center;
                width: 0;
                height: 100%;
            }

                #loadingContainer .loadingbar .filler_wrapper .filler .value {
                    color: white;
                    text-shadow: 1px 1px 3px darkorange;
                    font-size: 17px;
                    position: absolute;
                    top: 25%;
                    left: 45%;
                }

        #loadingContainer .loadingbar .leaf {
            transition: linear all 2.5s;
            -webkit-transition: linear all 2.5s;
            width: 20px;
            height: 25px;
            background: url("https://y01.imgup.net/leafe61e.png") no-repeat;
            background-size: contain;
            position: absolute;
            right: 5%;
            top: 5px;
            z-index: 5;
        }

        #loadingContainer .loadingbar .marker_container {
            height: 60px;
            width: 60px;
            border-radius: 50%;
            border: solid 2px white;
            position: absolute;
            background-color: darkorange;
            right: 0;
            top: -5px;
            transition: all 2s ease-out;
            z-index: 10;
        }

            #loadingContainer .loadingbar .marker_container:before {
                content: " ";
                display: inline-block;
                position: relative;
                width: 60px;
                height: 10px;
            }

            #loadingContainer .loadingbar .marker_container:after {
                content: " ";
                width: 4px;
                height: 4px;
                border-radius: 100px;
                background-color: white;
                display: inline-block;
                position: absolute;
                left: calc(50% - 2px);
                top: calc(50% - 2px);
            }

            #loadingContainer .loadingbar .marker_container .marker {
                position: absolute;
                width: 20px;
                height: 20px;
                border-radius: 100% 100% 100% 0;
                background-color: white;
            }

                #loadingContainer .loadingbar .marker_container .marker:nth-child(1) {
                    left: 18px;
                    top: 1px;
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

                #loadingContainer .loadingbar .marker_container .marker:nth-child(2) {
                    left: 1px;
                    top: 18px;
                    -moz-transform: rotate(-135deg);
                    -ms-transform: rotate(-135deg);
                    -webkit-transform: rotate(-135deg);
                    transform: rotate(-135deg);
                }

                #loadingContainer .loadingbar .marker_container .marker:nth-child(3) {
                    left: 18px;
                    bottom: 1px;
                    -moz-transform: rotate(-225deg);
                    -ms-transform: rotate(-225deg);
                    -webkit-transform: rotate(-225deg);
                    transform: rotate(-225deg);
                }

                #loadingContainer .loadingbar .marker_container .marker:nth-child(4) {
                    right: 1px;
                    top: 18px;
                    -moz-transform: rotate(-315deg);
                    -ms-transform: rotate(-315deg);
                    -webkit-transform: rotate(-315deg);
                    transform: rotate(-315deg);
                }

@keyframes wowrotate {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes wind {
    0% {
        top: 2px;
    }

    50% {
        top: 12px;
    }

    100% {
        top: 30px;
        right: 100%;
    }
}

@keyframes wind-up {
    0% {
        top: 1px;
    }

    60% {
        top: 20px;
    }

    100% {
        top: 7px;
        right: 100%;
    }
}

.rotateIt {
    animation: wowrotate 3s infinite ease-in-out;
}

/**[Demo]* */
#plus_ten {
    margin: auto;
    display: block;
}

/*body {
  background: orange;
}*/