/*---------------------------------------------------------------------------*/
/*--------------------------------页面通用样式--------------------------------*/
/*---------------------------------------------------------------------------*/

/*--------------------------------要素--------------------------------*/
body {
    background: #F0F4F7;
    color: #54667a;
    font-family: "微软雅黑";
}

.login-body-bg {
    background: url(img/login_bg.jpg);
    background-size: 100%;
}

a {
    color: #4dd0e1;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #42bac9;
        text-decoration: underline;
    }

p {
    line-height: 180%;
}

.container-fluid .row.page-width {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.patch-m-t-20 {
    margin-top: 20px;
}

.patch-m-t-50 {
    margin-top: 50px;
}

.patch-m-t-60 {
    margin-top: 60px;
}

.patch-m-t-70 {
    margin-top: 70px;
}

.patch-m-t-80 {
    margin-top: 80px;
}

.patch-m-t-90 {
    margin-top: 90px;
}

.patch-m-t-100 {
    margin-top: 100px;
}

.patch-m-b-20 {
    margin-bottom: 20px;
}

.patch-m-b-30 {
    margin-bottom: 30px;
}

.patch-m-b-40 {
    margin-bottom: 40px;
}

.patch-m-b-50 {
    margin-bottom: 50px;
}

.patch-m-b-60 {
    margin-bottom: 60px;
}

.patch-m-b-70 {
    margin-bottom: 70px;
}

.patch-m-b-80 {
    margin-bottom: 80px;
}

.patch-m-b-90 {
    margin-bottom: 90px;
}

.patch-m-b-100 {
    margin-bottom: 100px;
}


/* 文字排版类-------------------------------------------------------*/
.text-blue,
h1.h1-blue,
h2.h2-blue,
h3.h3-blue,
h4.h4-blue,
h5.h5-blue,
h6.h6-blue,
p.p-blue {
    color: #4dd0e1;
}

.text-violet,
h1.h1-violet,
h2.h2-violet,
h3.h3-violet,
h4.h4-violet,
h5.h5-violet,
h6.h6-violet,
p.p-violet {
    color: #7F64B5;
}

.text-bluegray,
h1.h1-bluegray,
h2.h2-bluegray,
h3.h3-bluegray,
h4.h4-bluegray,
h5.h5-bluegray,
h6.h6-bluegray,
p.p-bluegray {
    color: #54667a;
}

.page-bg-blue,
.page-bg-violet,
.page-bg-bluegray,
.page-bg-blue small,
.page-bg-violet small,
.page-bg-bluegray small {
    color: #FFFFFF;
}

.page-bg-blue {
    background: #4dd0e1;
}

.page-bg-violet {
    background: #7F64B5;
}

.page-bg-bluegray {
    background: #54667a;
}

.page-bg-white {
    background: #FFFFFF;
}

/* ColorTheme cyan */
/* font */
.text-cyan {
    color: #4dd0e1;
}

a.text-cyan:hover {
    color: #42bac9;
}
/* btn */
.btn-noborder {
    border: none;
}

.btn-cyan {
    color: #fff;
    background-color: #4dd0e1;
    border-color: #42bac9;
}

    .btn-cyan:hover,
    .btn-cyan:focus,
    .btn-cyan.focus,
    .btn-cyan:active,
    .btn-cyan.active,
    .open > .dropdown-toggle.btn-cyan {
        color: #fff;
        background-color: #42bac9;
        border-color: #42bac9;
    }

    .btn-cyan:active,
    .btn-cyan.active,
    .open > .dropdown-toggle.btn-cyan {
        background-image: none;
    }

    .btn-cyan.disabled,
    .btn-cyan[disabled],
    fieldset[disabled] .btn-cyan,
    .btn-cyan.disabled:hover,
    .btn-cyan[disabled]:hover,
    fieldset[disabled] .btn-cyan:hover,
    .btn-cyan.disabled:focus,
    .btn-cyan[disabled]:focus,
    fieldset[disabled] .btn-cyan:focus,
    .btn-cyan.disabled.focus,
    .btn-cyan[disabled].focus,
    fieldset[disabled] .btn-cyan.focus,
    .btn-cyan.disabled:active,
    .btn-cyan[disabled]:active,
    fieldset[disabled] .btn-cyan:active,
    .btn-cyan.disabled.active,
    .btn-cyan[disabled].active,
    fieldset[disabled] .btn-cyan.active {
        background-color: #4dd0e1;
        border-color: #42bac9;
    }

    .btn-cyan .badge {
        color: #4dd0e1;
        background-color: #fff;
    }
/* bg */
.bg-cyan {
    color: #fff;
    background-color: #4dd0e1;
}

a.bg-cyan:hover {
    background-color: #42bac9;
}

.bg-cyan .badge {
    color: #4dd0e1;
    background-color: #fff;
}
/* label */
.label-cyan {
    background-color: #4dd0e1;
}

    .label-cyan[href]:hover,
    .label-cyan[href]:focus {
        background-color: #42bac9;
    }
/* panel */
.panel-cyan {
    border-color: #4dd0e1;
}

    .panel-cyan > .panel-heading {
        color: #fff;
        background-color: #4dd0e1;
        border-color: #4dd0e1;
    }

        .panel-cyan > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #4dd0e1;
        }

        .panel-cyan > .panel-heading .badge {
            color: #4dd0e1;
            background-color: #fff;
        }

    .panel-cyan > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #4dd0e1;
    }
/* alert */
.alert-cyan {
    color: #4dd0e1;
    background-color: #dbf6f9;
    border-color: #b8ecf3;
}


/*--------------------------------通用内容框架--------------------------------*/

/* 带3px左边框的标签页--------------------------------------------------------*/
.page-caption {
    margin-bottom: 30px;
}

    .page-caption .caption-header {
        background: #4dd0e1;
        height: 54px;
        line-height: 54px;
        display: inline-block;
        padding: 0 30px;
        color: #FFFFFF;
    }

    .page-caption .caption-body {
        border-left: 3px solid #4dd0e1;
        padding: 30px;
        background: #FFFFFF;
        color: #54667a;
    }

    .page-caption .caption-img {
        border-left: 3px solid #4dd0e1;
    }

        .page-caption .caption-img img {
            width: 100%;
        }

    .page-caption .caption-box {
        border-left: 3px solid #4dd0e1;
        background: #FFFFFF;
    }


/* 子页面左右边栏--------------------------------------------------------*/
.page-sidebar {
    padding: 30px;
    margin-bottom: 30px;
    border-top: 3px solid #4dd0e1;
}

.page-sidebar-wrap {
    margin-bottom: 30px;
}

.page-sidebar h1,
.page-sidebar h2,
.page-sidebar h3,
.page-sidebar h4,
.page-sidebar h5,
.page-sidebar h6 {
    margin-top: 10px;
    text-transform: uppercase;
}

    .page-sidebar h1 small,
    .page-sidebar h2 small,
    .page-sidebar h3 small,
    .page-sidebar h4 small,
    .page-sidebar h5 small,
    .page-sidebar h6 small {
        text-transform: none;
    }

.page-sidebar-content {
    margin-bottom: 0;
}

/* 普通列表 */
.sidebar-list {
    margin: 0;
    overflow: hidden;
    padding-left: 24px;
}

    .sidebar-list li {
        line-height: 25px;
        font-size: 12px;
    }
/* 普通链接列表 */
.sidebar-link-list {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .sidebar-link-list li {
        list-style: none;
        line-height: 30px;
    }
/* 疾病链接列表 */
.sidebar-disease-list {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .sidebar-disease-list li {
        list-style: none;
        float: left;
        width: 50%;
    }

        .sidebar-disease-list li a {
            display: block;
            height: 160px;
            text-align: center;
            border: 1px solid #f0f0f0;
        }

            .sidebar-disease-list li a .icon {
                display: block;
                font-size: 48px;
                margin-top: 24px;
            }

        .sidebar-disease-list li a {
            color: #54667a;
        }

            .sidebar-disease-list li a:hover {
                text-decoration: none;
                color: #7F64B5;
            }
/* 分享图标列表 */
.page-sidebar .share-icon-list {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .page-sidebar .share-icon-list li {
        list-style: none;
        float: left;
        width: 20%;
        margin-bottom: 6px;
    }

        .page-sidebar .share-icon-list li a {
            width: 50px;
            text-align: center;
            height: 40px;
            line-height: 24px;
        }

            .page-sidebar .share-icon-list li a.btn {
                border-radius: 0;
            }
/* 搜索 */
.sidebar-search {
}

    .sidebar-search input.form-control,
    .sidebar-search textarea.form-control,
    .sidebar-search select.form-control {
        background: #42bac9;
        border: none;
        border-radius: 0;
        margin-bottom: 10px;
        color: #FFFFFF;
    }

    .sidebar-search .input-group input.form-control {
        margin-bottom: 0;
    }

    .sidebar-search input.form-control::-moz-placeholder,
    .sidebar-search textarea.form-control::-moz-placeholder {
        color: #FFFFFF;
    }

    .sidebar-search input.form-control:-ms-input-placeholder,
    .sidebar-search textarea.form-control:-ms-input-placeholder {
        color: #FFFFFF;
    }

    .sidebar-search input.form-control:-moz-placeholder,
    .sidebar-search textarea.form-control:-moz-placeholder {
        color: #FFFFFF;
    }

    .sidebar-search input.form-control::-webkit-input-placeholder,
    .sidebar-search textarea.form-control::-webkit-input-placeholder {
        color: #FFFFFF;
    }

    .sidebar-search textarea.form-control {
        height: 100px;
    }

    .sidebar-search input.btn-default {
        border: 1px solid #ffffff;
        border-radius: 0;
        color: #4dd0e1;
    }

        .sidebar-search input.btn-default:hover {
            background: #4dd0e1;
            color: #FFFFFF;
        }

/* 路径导航---------------------------------------------------------------*/
.page-breadcrumb {
    background: none;
    margin-top: 18px;
}
/* 内容页面-------------------------------------------------------------------*/
.page-content {
    background: #ffffff;
    padding: 30px;
    margin-bottom: 30px;
}

.content-img img {
    width: 100%;
}
/* 页面中间banner广告----------------------------------------------------------*/
.page-ad {
    background: #4dd0e1;
    height: 120px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
}

    .page-ad .ad-img img {
        margin-top: -99px;
        margin-left: 20px;
    }

    .page-ad .ad-slogan {
        color: #FFFFFF;
        padding-top: 30px;
    }

    .page-ad .ad-btn {
        padding-top: 38px;
    }

        .page-ad .ad-btn .btn-default {
            padding: 10px 40px;
            border-radius: 0;
            color: #4dd0e1;
            font-size: 16px;
            border: 1px solid #ffffff;
        }

            .page-ad .ad-btn .btn-default:hover {
                background: #4dd0e1;
                border: 1px solid #ffffff;
                color: #ffffff;
            }

    .page-ad .ad-slogan a.ad-phone {
        color: #FFFFFF;
        font-size: 22px;
    }

    .page-ad .ad-slogan .fa {
        font-size: 66px;
        color: #ffffff;
        float: left;
        margin-right: 10px;
        margin-top: -3px;
    }

/* 页面顶边-------------------------------------------------------------------*/
.page-headers {
    border-bottom: 1px solid #d8dde3;
    margin-bottom: 20px;
}

.headers-left {
    line-height: 48px;
    padding: 0;
    margin: 0;
}

.page-headers .label {
    color: #54667a;
    font-size: 14px;
}

    .page-headers .label:hover {
        color: #4dd0e1;
    }

.page-headers .btn {
    border-radius: 0;
    margin-bottom: 0;
    line-height: 36px;
}

.page-right-clear {
    padding-right: 0;
}
/* 页面顶部导航--------------------------------------------------------*/
.logo {
    margin: 0px 0;
    display: inline-block;
    font-family: "Dosis", sans-serif;
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
    color: #54667a;
}

    .logo img {
        width: 44px;
        margin-bottom: 0px;
    }

.logono {
    margin: 0px 0;
    display: inline-block;
    font-family: "Dosis", sans-serif;
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
    color: #54667a;
}

    .logono img {
        width: 260px;
        margin-bottom: 0px;
    }

.logo-others {
    border-left: 1px solid #cccccc;
    margin-left: 10px;
    padding-left: 10px;
}

    .logo-others img {
        height: 40px;
        max-width: 180px;
    }

.page-navs {
    padding-bottom: 20px;
}

    .page-navs .nav-phone {
    }

        .page-navs .nav-phone .fa {
            float: left;
            margin-right: 10px;
            font-size: 32px;
            color: #54667a;
        }

        .page-navs .nav-phone small,
        .page-navs .nav-phone a {
            display: block;
            color: #54667a;
        }

        .page-navs .nav-phone small {
            margin-top: 3px;
            font-size: 12px;
            line-height: 1;
        }

        .page-navs .nav-phone a {
            font-size: 16px;
            line-height: 1.08;
            letter-spacing: 0.05em;
            font-weight: 700;
        }

    .page-navs .navs-list {
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-left: 1px solid #EEEEEE;
    }

        .page-navs .navs-list li {
            list-style: none;
            float: left;
        }

            .page-navs .navs-list li a {
                display: block;
                height: 46px;
                line-height: 46px;
                padding: 0 24px;
                color: #54667a;
            }

        .page-navs .navs-list > li > a:hover, .page-navs .navs-list > li.active > a {
            color: #ffffff;
            background: #83dce7;
            text-decoration: none;
        }

        .page-navs .navs-list > li.active > a {
            color: #FFFFFF;
            background: #4dd0e1;
        }

        .page-navs .navs-list li:hover > .nav-dropdown {
            visibility: visible;
            opacity: 1;
        }

    .page-navs .nav-dropdown {
        visibility: hidden;
        position: absolute;
        z-index: 400;
        width: 200px;
        padding: 30px 0;
        margin-top: 0px;
        background-color: #54667a;
        opacity: 0;
    }

        .page-navs .nav-dropdown li {
            width: 100%;
        }

            .page-navs .nav-dropdown li a {
                color: #c0cfe0;
                display: block;
            }

                .page-navs .nav-dropdown li a:hover {
                    color: #FFFFFF;
                    background: #73879e;
                    text-decoration: none;
                }

    .page-navs .nav-dropdown {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
/* 底部footer--------------------------------------------------------*/

.footer .row {
    /*width: 1140px;*/
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}

.footer {
    /*height: 445px;*/
    padding-top: 43px;
    background-color: #54667a;
}

    .footer h5 {
        margin-bottom: 40px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
    }

.list-links {
    margin: 0;
    list-style: none outside none;
    padding: 0;
}

    .list-links li {
        margin-bottom: 4px;
        float: left;
        width: 50%;
    }

    .list-links a {
        color: #c2cfde;
        font-size: 13px;
        line-height: 2;
        text-transform: uppercase;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

        .list-links a:hover {
            color: #fff;
        }

.list-work-times {
    margin: -20px 0 0;
    list-style: none outside none;
    padding: 0;
    padding-right: 20px;
}

    .list-work-times li + li {
        border-top: 1px solid #5f7286;
    }

    .list-work-times p {
        overflow: hidden;
        margin-bottom: 0;
        font-weight: 400;
    }

        .list-work-times p span {
            float: left;
            line-height: 3.2;
            color: #c2cfde;
        }

            .list-work-times p span + span {
                float: right;
                /*margin-top: 2px;*/
                line-height: 3.7;
                color: #ffffff;
            }

.footer p {
    color: #c2cfde;
}

.footer .contacts p {
    margin-bottom: 25px;
}

.footer .contacts ul {
    margin: 0;
    list-style: none outside none;
}

    .footer .contacts ul p {
        margin-bottom: 0;
    }

        .footer .contacts ul p span:first-child {
            color: #ffffff;
        }

.copyright {
    padding-top: 20px;
    border-top: 1px solid #5c6f83;
    margin-top: 30px;
    text-align: center;
}

.contact-us {
}

    .contact-us ul {
        margin: 0;
        padding: 0;
    }

        .contact-us ul li {
            list-style: none;
        }

            .contact-us ul li p span:first-child {
                color: #ffffff;
            }

.subscribe {
    font-size: 0;
    line-height: 0;
}

.subscribe-patch {
    padding-right: 20px;
}

.subscribe label {
    display: inline-block;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 1.73;
    color: #c2cfde;
    font-weight: normal;
    height: 40px;
    overflow: hidden;
}

.subscribe-btn .input-group-addon {
    background-color: #4dd0e1;
    color: #ffffff;
    border: none;
}

.subscribe-btn .input-group-addon {
    color: #FFFFFF;
    text-decoration: none;
}

    .subscribe-btn .input-group-addon button {
        border: none;
        background: none;
    }

@media (max-width: 1024px) {
    .footer {
        position: static;
        height: auto;
        padding: 30px 0 0;
    }

        .footer .columns {
            margin-bottom: 20px;
        }

        .footer h5 {
            margin-bottom: 10px;
        }

    .copyright {
        margin-top: 20px;
    }
}

/* 子页面中部banner--------------------------------------------------------*/
.page-intro .page-caption {
    margin-top: 40px;
}

.page-intro-img {
    background: url(/img/slide2.jpg);
    background-size: 100%;
}

.page-fenzhen-img {
    background: url(/img/slide01.jpg);
    background-size: 100%;
}

.page-intro-img-0 {
    background: url(img/slide10.png);
    background-size: 100%;
}

.page-intro-img-1 {
    background: url(img/slide11.png);
    background-size: 100%;
}

.page-intro-img-2 {
    background: url(img/slide12.png);
    background-size: 100%;
}

.page-intro-img-3 {
    background: url(img/slide13.png);
    background-size: 100%;
}

.page-intro-img-4 {
    background: url(img/slide14.png);
    background-size: 100%;
}

/*---------------------------------------------------------------------------*/
/*---------------------------------子页面样式---------------------------------*/
/*---------------------------------------------------------------------------*/


/* 首页body样式-------------------------------------------------------*/
.homepage {
    background: #FFFFFF;
}
/* 新闻页面------------------------------------------------------------*/
.news-list-btn {
}

    .news-list-btn .btn {
        border-radius: 0;
        font-size: 12px;
        padding-top: 16px;
        padding-bottom: 16px;
        color: #54667a;
    }

        .news-list-btn .btn .fa {
            margin-right: 8px;
        }

/* 内容页面列表样式 1-----------------------------------------------*/
.content-list-checks {
    padding: 0;
    margin: 20px 0;
    overflow: hidden;
}

    .content-list-checks li {
        list-style: none;
        float: left;
        width: 50%;
    }

.content-blockquote {
    font-size: 14px;
    padding: 30px;
    background: #F4FBFF;
    border-left: 3px solid #856cb9;
}

/* 医生页面图片和表格横排----------------------------------------------*/
.doctor-infor {
    overflow: hidden;
    margin-bottom: 30px;
}

    .doctor-infor img {
        float: left;
        width: 200px;
        margin-right: 30px;
    }

    .doctor-infor .table-wrap {
        display: inline-block;
        background: #7F64B5;
        color: #FFFFFF;
        height: 200px;
        width: 450px;
        font-size: 14px;
        padding: 20px 20px;
    }

        .doctor-infor .table-wrap table tbody tr td:nth-child(odd) {
            color: #cdbcf0;
        }
/* 新闻页面表单提交---------------------------------------------*/
.new-form {
}

    .new-form .row .col-md-6, .new-form .row .col-md-12 {
        padding-bottom: 20px;
    }

    .new-form textarea.form-control {
        height: 150px;
    }
/* 404--------------------------------------------------------*/
.jumbotron-title {
    font-size: 180px;
}

/*--slide-banner--*/

.slide-banner {
    padding: 0;
}

    .slide-banner > .row {
        margin: 0;
    }

        .slide-banner > .row > .col-md-12 {
            padding: 0;
        }


/*Intro Slider*/

.intro-slider {
    text-align: left;
}

    .intro-slider h1,
    .intro-slider h2,
    .intro-slider h3,
    .intro-slider h3,
    .intro-slider h4,
    .intro-slider h5,
    .intro-slider h6,
    .intro-slider .mobile-hidden {
        color: #54667a;
        text-shadow: none;
    }

    .intro-slider .slide-caption {
        position: absolute;
        left: 50%;
        width: 433px;
        margin: -55% 0 0 -490px;
    }

        .intro-slider .slide-caption > h3, .intro-slider .slide-caption > h4, .intro-slider .slide-caption > h5 {
            display: inline-block;
            min-width: 171px;
            height: 52px;
            padding: 16px 0;
            color: #fff;
            background-color: #4dd0e1;
            text-align: center;
            margin-bottom: 0;
        }

    .intro-slider .slide-caption-inner {
        padding: 30px 33px;
        border-left: 3px solid #4dd0e1;
        background-color: #fff;
    }

        .intro-slider .slide-caption-inner h1 {
            margin-bottom: 24px;
        }

            .intro-slider .slide-caption-inner h1 span {
                font-weight: 300;
            }

        .intro-slider .slide-caption-inner a {
            text-transform: uppercase;
            text-shadow: none;
        }

    .intro-slider .bx-wrapper .bx-controls-direction a {
        width: auto;
        height: auto;
    }

.bx-wrapper .bx-controls .bx-prev,
.bx-wrapper .bx-controls .bx-next {
    position: absolute;
    top: 50%;
    z-index: 300;
    margin-top: -20px;
    background: none;
    font: normal normal normal 0/1 FontAwesome;
    color: #fff;
    text-rendering: auto;
    text-indent: 0;
    color: #54667a;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

    .bx-wrapper .bx-controls .bx-prev:hover,
    .bx-wrapper .bx-controls .bx-next:hover {
        opacity: .7;
        text-decoration: none;
    }

    .bx-wrapper .bx-controls .bx-prev:before {
        content: "\f053";
        left: 47px;
        font-size: 24px;
    }

    .bx-wrapper .bx-controls .bx-next:before {
        content: "\f054";
        right: 47px;
        font-size: 24px;
    }


/*--section-ribbon--*/

.section-ribbon {
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 50;
    width: 140px;
    margin-left: -70px;
    background-color: #ffffff;
    text-align: center;
}

    .section-ribbon .ico {
        position: relative;
        z-index: 50;
    }

    .section-ribbon:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 70px 40px 70px;
        border-color: transparent transparent #ffffff transparent;
        z-index: 999;
    }

    .section-ribbon i {
        font-size: 80px;
        /*color: #7f64b5;*/
    }


/*--form--*/

.row.form-type01 {
    margin-top: 40px;
}

.form-type01 .col-md-3 .input-width-90per {
    width: 95%;
}

.form-type01 .btn {
    margin-top: 16px;
    width: 200px;
}


/*--Section Information--*/

.section-information {
    position: relative;
    font-family: arial;
}

.row.section-information {
    margin-top: 50px;
}

.section-information h2 {
    color: #ffffff;
    text-transform: uppercase;
}

.section-information:after,
.section-information:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 0;
}

.section-information:after {
    left: 0;
    background: #54667a;
}

.section-information:before {
    right: 0;
    background: #4dd0e1;
}

.section-information .row {
    position: relative;
    z-index: 1;
}

.section-about-us {
    position: relative;
    min-height: 620px;
    padding-top: 104px;
    margin-right: -15px;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    background-position: bottom right;
    padding-left: 30px;
}

    .section-about-us h6 {
        color: #9dadbf;
    }

    .section-about-us h2 {
        margin-bottom: 32px;
    }

    .section-about-us h3 {
        max-width: 370px;
        margin-bottom: 38px;
        color: #cfd9e4;
        font-weight: 400;
    }

    .section-about-us p {
        max-width: 370px;
        margin-bottom: 32px;
        color: #aab9ca;
        font-size: 16px;
    }

.section-features {
    position: relative;
    min-height: 620px;
    padding: 100px 0 0 30px;
}

    .section-features h6 {
        color: #0d679a;
    }

    .section-features h2,
    .section-features p {
        margin-bottom: 28px;
    }

    .section-features p {
        color: #d0eeff;
    }

.list-features {
    margin: 0 0 40px 0;
    list-style: none outside none;
    overflow: hidden;
}

    .list-features li {
        margin-bottom: 8px;
        float: left;
        width: 50%;
    }

        .list-features li p {
            margin-bottom: 0;
            font-weight: 700;
            text-transform: uppercase;
            color: #ffffff;
        }

    .list-features a {
        color: #ffffff;
    }

        .list-features a:hover {
            color: #117dbf !important;
        }

.information-grey {
    background: #54667a url(../img/doctor.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.information-blue {
    background-color: #4dd0e1;
}


/*--doctor--*/

.doctor h5 {
    margin-bottom: 0;
    ;
}

.doctor-patch-10 {
    padding-right: 10px;
}

.doctor-patch-40 {
    margin-top: 40px;
}

.doctor-name {
    display: inline-block;
    padding: 16px 33px 15px;
    background-color: #4dd0e1;
    font-family: "Karla", sans-serif;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
}

.doctor-box {
    border-left: 3px solid #4dd0e1;
    background-color: #ffffff;
}

.section-doctors-alt .doctor-box {
    background-color: #ffffff;
}

.doctor-image {
    margin-bottom: 38px;
}

    .doctor-image:hover {
        opacity: .8;
    }

    .doctor-image img {
        width: 100%;
        height: auto;
        line-height: 255px;
        vertical-align: middle;
    }

.doctor-body {
    overflow: hidden;
    padding: 0 26px 26px;
}

    .doctor-body h6 {
        float: left;
        margin-bottom: 30px;
        margin-top: 0px;
        max-width: calc(100% - 86px);
        text-transform: uppercase;
    }

    .doctor-body .socials {
        float: right;
    }

        .doctor-body .socials ul {
            overflow: hidden;
        }

        .doctor-body .socials li {
            margin: 0;
            list-style: none;
            float: right;
            margin-left: 10px;
        }

    .doctor-body p {
        clear: both;
    }

.section-doctors-alt .ad {
    margin-top: 179px;
}


/* Doctor profile page */

.doctor-profile {
    margin-bottom: 30px;
}

.doctor-program {
    background: #7f64b5;
    padding: 34px;
}

.event-body .doctor-program h4 {
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0px;
}

.doctor-program ul {
    color: #cdbcf0;
}

.doctor-program li {
    font-size: 14px;
    border-bottom: 1px solid #cdbcf0;
    padding: 7px 5px 7px 10px;
}

.doctor-program ul span {
    float: right;
    color: #ffffff;
}


/*--services--*/

.section-services {
    position: relative;
    z-index: 5;
    padding-bottom: 43px;
    background-color: #967ADC;
}

    .section-services .section-ribbon {
        background-color: #967ADC;
    }

        .section-services .section-ribbon i {
            color: #ffffff;
        }

        .section-services .section-ribbon:before {
            border-color: transparent transparent #967ADC transparent;
        }

    .section-services .section-head {
        padding-top: 60px;
    }

        .section-services .section-head h2 {
            color: #ffffff;
        }

        .section-services .section-head h6 {
            color: #ac92ec;
            margin-top: 10px;
        }

    .section-services .ad {
        margin-top: 105px;
    }

    .section-services.section-doctors {
        padding-bottom: 0;
    }

        .section-services.section-doctors .row {
            margin-bottom: 31px;
        }

.service-image {
    overflow: hidden;
    max-height: 225px;
}

    .service-image:hover {
        opacity: .8;
    }

    .service-image a {
        display: block;
    }

    .service-image img {
        width: 100%;
    }

.service-body {
    padding: 34px 32px;
    background-color: #ffffff;
}

    .service-body h6 {
        margin-bottom: 22px;
        color: #54667a;
        text-transform: uppercase;
    }

    .service-body p {
        margin-bottom: 25px;
    }

.icon-tabs {
    border: none;
}


    .icon-tabs li {
        font-size: 20px;
        text-align: center;
        width: 25%;
        padding: 0;
        border-left: 1px solid #876cbc;
    }

        .icon-tabs li .icon-tabs-text {
            font-size: 16px;
        }

        .icon-tabs li:first-child {
            border: none;
        }

        .icon-tabs li + li {
            margin-left: 0px;
        }

        .icon-tabs li > a,
        .icon-tabs li > a:visited,
        .icon-tabs li > a:link {
            color: #ccc1e1;
            border: none;
            background: none;
        }

            .icon-tabs li > a:hover {
                border: none;
                background: none;
                color: #ffffff;
            }

        .icon-tabs li.active > a,
        .icon-tabs li.active > a:hover,
        .icon-tabs li.active > a:active,
        .icon-tabs li.active > a:visited,
        .icon-tabs li.active > a:link {
            background: none;
            border: none;
            color: #ffffff;
        }

        .icon-tabs li:after {
            content: '';
            visibility: hidden;
            position: absolute;
            top: 100%;
            left: 50%;
            margin: 18px 0 0 -24px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 24px 24px 24px;
            border-color: transparent transparent #F0F4F7 transparent;
            opacity: 0;
        }

        .icon-tabs li.active:after {
            visibility: visible;
            opacity: 1;
        }

        .icon-tabs li .icon {
            display: block;
            font-size: 50px;
        }


/*--service-description--*/

.medical-box {
    margin-bottom: 30px;
}

.service-description {
    padding: 20px 0 18px 40px;
    border-left: 3px solid #4dd0e1;
    /*margin-bottom: 120px;*/
}

    .service-description h1 {
        margin-bottom: 22px;
        text-transform: uppercase;
    }

        .service-description h1 span {
            display: block;
            font-weight: 300;
        }

    .service-description a {
        text-transform: uppercase;
    }

.service-benefits {
    padding: 20px 0 18px 50px;
    border-left: 1px solid #dee3e8;
    /*margin-bottom: 120px;*/
}

    .service-benefits h3 {
        margin-bottom: 25px;
        text-transform: uppercase;
    }

.list-checks {
    margin: 0;
    padding: 0;
    list-style: none outside none;
}

    .list-checks li {
        margin: 0;
        padding: 0;
        margin-bottom: 8px;
    }

    .list-checks p {
        margin: 0;
        padding: 0;
    }

    .list-checks .fa {
        margin-right: 9px;
    }

.service-video {
    position: relative;
}

    .service-video video {
        width: 100%;
        height: auto;
        cursor: pointer;
    }

    .service-video .btn-play {
        position: absolute;
        top: 50%;
        left: 50%;
        pointer-events: none;
        cursor: pointer;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }



/*--section-testimonials--*/

.section-testimonials {
    margin-top: 50px;
    position: relative;
    z-index: 5;
    padding: 80px 0 50px;
    background-color: #3b4754;
}

    .section-testimonials > .row {
        /*width: 1140px;*/
        margin-left: auto;
        margin-right: auto;
    }

    .section-testimonials .section-head {
        /*margin-bottom: 50px;*/
        text-align: center;
    }

        .section-testimonials .section-head .fa {
            margin-bottom: 17px;
            font-size: 40px;
            color: #4dd0e1;
        }

        .section-testimonials .section-head h2 {
            margin-bottom: 5px;
            color: #ffffff;
        }

        .section-testimonials .section-head h6 {
            font-family: "Karla", sans-serif;
            color: #a7b9cd;
        }

    .section-testimonials .carousel-inner .item {
        height: 320px;
    }

        .section-testimonials .carousel-inner .item .carousel-caption p {
            font-size: 18px;
            margin-top: -220px;
            color: #bdcad9;
        }

            .section-testimonials .carousel-inner .item .carousel-caption p img {
                width: 82px;
                height: 82px;
                border-radius: 41px;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .section-testimonials .carousel-inner .item .carousel-caption p i {
                font-size: 12px;
                color: #ffffff;
            }

    .section-testimonials .carousel-control.left,
    .section-testimonials .carousel-control.right {
        background: none;
        background-image: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }





/*--intro--*/
.intro.no-bg-img {
    background: #7f64b5;
}

.intro {
    position: relative;
    background: #7f64b5;
    height: 340px;
}

.intro-small {
    overflow: hidden;
    height: auto;
    height: 341px;
}

    .intro-small.alt {
        background-color: #f0f4f7;
    }

    .intro-small img.fullsize-image {
        display: none;
    }

    .intro-small .intro-image {
        position: relative;
        height: 100%;
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .intro-small .row {
        /*width: 1140px;*/
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    .intro-small .intro-caption {
        text-transform: uppercase;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 150px;
        width: 30%;
    }

        .intro-small .intro-caption h5 {
            display: inline-block;
            padding: 13px 31px 12px;
            margin-bottom: -1px;
            background-color: #4dd0e1;
            font-size: 15px;
            line-height: 1.73;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
        }

        .intro-small .intro-caption h2 {
            padding: 20px 27px;
            border-left: 3px solid #4dd0e1;
            background-color: #fff;
            margin-top: 0;
        }

@media (max-width: 1199px) {
    .intro-small .intro-caption {
        left: 15px;
    }
}

@media (max-width: 1024px) {
    .intro-small {
        min-height: 200px;
    }

        .intro-small .intro-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background-position: 0 0 !important;
            background-attachment: scroll;
            -webkit-background-size: cover;
            background-size: cover;
        }
}


/* login */

.pLogin-box, .Login-box {
    padding: 30px 0;
}

    .pLogin-box > .form-inline, .Login-box > .form-inline {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

        .pLogin-box > .form-inline > .form-group, .Login-box > .form-inline > .form-group {
            margin: 10px 0;
        }

            .pLogin-box > .form-inline > .form-group label, .Login-box > .form-inline > .form-group label {
                width: 70px;
                text-align: right;
                padding-right: 6px;
            }

.login-btn-box {
    display: inline-block;
}

.page-content-login {
    border-radius: 10px;
}

.login-title-big {
    color: #5fd4e4;
    font-size: 36px;
}

.login-title-medium {
    color: #999999;
    font-weight: normal;
    font-size: 28px;
}

.login-title-box {
    margin-top: 80px;
    margin-bottom: 20px;
}


/* */
.table-page-title {
}

.table-required {
    font-size: 12px;
    float: right;
}

.table-required-icon {
    font-size: 12px;
}


.table-small-title {
    font-weight: bold;
    display: inline-block;
}

    .table-small-title > .table-small-title-text {
        display: inline-block;
        padding: 8px 20px;
        background: #4dd0e1;
        color: #FFFFFF;
    }

    .table-small-title:after {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        margin-left: auto;
        margin-right: auto;
        border-style: solid;
        border-width: 10px 10px 10px 10px;
        border-color: transparent;
        border-top-color: #4dd0e1;
    }

.td-w-a {
    width: 90px;
    text-align: right;
}

    .td-w-a label {
        line-height: 30px;
        height: 30px;
    }

.table-wrap {
    border: 1px solid #4dd0e1;
    padding: 10px;
    margin-bottom: 10px;
}

    .table-wrap .table {
        margin-bottom: 0;
    }

        .table-wrap .table .form-group {
            margin-bottom: 0;
        }

        .table-wrap .table label {
            font-weight: normal;
            /*float: right;*/
            display: inline-block;
        }

        .table-wrap .table > thead > tr > th, .table-wrap .table > tbody > tr > th, .table-wrap .table > tfoot > tr > th, .table-wrap .table > thead > tr > td, .table-wrap .table > tbody > tr > td, .table-wrap .table > tfoot > tr > td {
            border: none;
        }

.table-wrap-margin {
    margin-top: -20px;
}

.totop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 104400;
}

    .totop a, .totop a:visited {
        display: block;
        width: 50px;
        height: 50px;
        color: #fff;
        text-align: center;
        line-height: 50px;
    }

        .totop a:hover {
            color: #fff;
            text-decoration: none;
        }
/* 医院选择 */
.Hospital-selection-box {
    padding: 0;
    overflow: hidden;
}

.Hospital-selection-left-box {
    float: left;
    width: 20%;
    height: 400px;
    background: #f0f0f0;
    overflow-y: auto;
    border: none;
}

    .Hospital-selection-left-box li {
        width: 100%;
    }

.nav-tabs.Hospital-selection-left-box > li.active, .nav-tabs.Hospital-selection-left-box > li {
    margin-bottom: 0;
}

    .nav-tabs.Hospital-selection-left-box > li > a {
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #dddddd;
        margin-right: 0;
    }

    .nav-tabs.Hospital-selection-left-box > li.active > a,
    .nav-tabs.Hospital-selection-left-box > li.active > a:hover,
    .nav-tabs.Hospital-selection-left-box > li.active > a:focus {
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #dddddd;
    }

.Hospital-selection-right-box {
    float: right;
    width: 80%;
    height: 400px;
    overflow-y: auto;
}

.Hospital-itme-box {
}

    .Hospital-itme-box li {
        padding: 6px 20px 20px 0;
        border-bottom: 1px dashed #eeeeee;
        color: #999999;
    }

        .Hospital-itme-box li .Hospital-name {
            font-size: 16px;
            width: 100%;
        }

            .Hospital-itme-box li .Hospital-name span {
                float: right;
            }

        .Hospital-itme-box li.active p {
            color: #656D78;
        }

        .Hospital-itme-box li.active .Hospital-name {
            color: #4dd0e1;
        }



/* 智能分诊 */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #42bac9;
    background: #4DD0E1;
}

.ui-button {
    margin-right: 0.3em;
    width: 32%;
    text-align: left;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #42bac9;
    background-color: #ffffff;
}

.hr-grapefruit {
    border-top: 2px solid #F25758;
}


.fenzhen-banner {
    background: url(../img/banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 230px;
    padding-top: 24px;
    padding-left: 50px;
}

    .fenzhen-banner h1, .fenzhen-banner h2, .fenzhen-banner h3, .fenzhen-banner h4, .fenzhen-banner h5, .fenzhen-banner h6, .fenzhen-banner p {
        color: #FFFFFF;
    }

    .fenzhen-banner h1 {
        font-weight: bold;
        font-size: 42px;
    }

.diagnosis-result {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .diagnosis-result li {
        list-style: none;
        float: left;
        width: 29%;
        margin-left: 2%;
        margin-right: 2%;
        padding: 10px 0;
    }

        .diagnosis-result li.diagnosis-result-line {
            width: 100%;
            border-bottom: 1px dashed #cccccc;
            height: 0px;
            padding: 0px;
        }


.health-title {
    margin-bottom: 30px;
}

.iphone-wrap {
    background: url(/img/iphone7BG.png);
    background-size: 560px;
    padding: 88px 192px;
    background-position: center top;
    background-repeat: no-repeat;
}

.iphone-box {
    /*
	width: 258px;
	height: 455px;*/
    width: 100%;
    height: 540px;
}

/* 专题页面样式 */
.news-special-wrap {
    background: #FFFFFF;
}

.new-special-topbanner-box {
}

.new-special-topbanner-box {
    padding-left: 0;
    padding-right: 0;
}

    .new-special-topbanner-box img {
        width: 100%;
    }

.new-special-advantage-box, .new-special-form-box {
    padding: 20px 0px;
    background: #FFFFFF;
}

.new-special-form-title {
}

    .new-special-form-title:after {
        content: "";
        border-top: 3px solid #FC6E51;
        display: block;
        width: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 20px;
    }

.new-special-form-box-1 {
    padding: 10px 20px 20px 6px;
    border-radius: 12px;
}

.new-special-form-box-2 {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 12px 36px;
}

.new-special-plus-box {
    padding-top: 20px;
    padding-bottom: 10px;
}

.new-special-plus-item {
}

.decorate-scroll {
    position: absolute;
    width: 30px;
    height: 300px;
    margin-left: -18px;
    margin-top: 20px;
}

.decorate-scroll-item {
    width: 100%;
    height: 15px;
    border-radius: 3px;
    background: #aaaaaa;
    margin-bottom: 40px;
}
/* 紧急救援 */
.special-page-20180816-list-box {
    background: #f0f4f7;
}

    .special-page-20180816-list-box ul {
        padding: 0;
        margin: 0;
        margin-top: 30px;
    }

        .special-page-20180816-list-box ul li {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .special-page-20180816-list-box ul li .boxa {
                display: block;
                width: 100%;
                height: 80px;
                line-height: 80px;
                background: #FFFFFF;
                box-shadow: 5px 5px 5px #d7dadd;
                font-size: 24px;
                color: #434a54;
                text-decoration: none;
                padding-left: 20px;
                margin-bottom: 20px;
                cursor: default;
            }

            .special-page-20180816-list-box ul li a {
                display: block;
                width: 100%;
                height: 80px;
                line-height: 80px;
                background: #FFFFFF;
                box-shadow: 5px 5px 5px #d7dadd;
                font-size: 24px;
                color: #434a54;
                text-decoration: none;
                padding-left: 20px;
                margin-bottom: 20px;
            }

                .special-page-20180816-list-box ul li a:hover {
                    background: #4FC1E9;
                    color: #FFFFFF;
                }
/*
    开通手机登录
*/
.step-wrap {
    text-align: center;
    font-size: 16px;
}

.step-box {
    display: inline-block;
}

.step-item {
    display: inline-block;
    padding: 6px 12px;
}

.step-number, .step-text {
    display: inline-block;
    height: 36px;
    line-height: 32px;
}

.step-number {
    width: 36px;
    border: 2px solid #CCCCCC;
    border-radius: 18px;
}

.step-item.active .step-number {
    border-color: #41B9C8;
    color: #41B9C8;
}

.step-text {
}

    .step-text:after {
        content: "";
        display: inline-block;
        height: 2px;
        width: 70px;
        background: #eeeeee;
        margin-bottom: 5px;
        margin-left: 9px;
    }

.step-item:last-child .step-text:after {
    content: "";
    display: inline-block;
    height: 0px;
    width: 0px;
    background: #eeeeee;
    margin-bottom: 5px;
    margin-left: 9px;
}

.step-item.active .step-text {
    color: #41B9C8;
}

.mobile-reg-wrap {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.VerificationCode {
    padding: 0;
}

    .VerificationCode input {
        border: none;
        background: none;
    }

.mobile-tips-text {
    margin-top: 20px;
}