/* CSS Document */

        .main_image li {
            float: left;
            width: 100%;
        }

        .shoujibeij {
            background-image: url(/templets/default/img/shoujitu.png);
            background-position: center;
            background-size: cover;
            height: 660px;
            width: 315px;
            display: inline-block;
        }

        .kePublic-rightdiv {
            color: rgba(255, 255, 255, .9);
        }

        .kePublic-cont-info {
            margin-top: 28px;
            font-size: 16px;
            color: rgba(255, 255, 255, .9);
        }

        .sj-show-jkjc, .sj-show-qygl, .sj-show-tjsj, .sj-show-yzzx, .sj-show-zljh {
            background-repeat: no-repeat;
            background-size: 64px 64px;
            width: 64px;
            height: 64px;
        }

        .sj-show-jkjc {
            background-image: url(/templets/default/img/sj-show-jkjc.svg);
        }

        .ssj-show-qygl {
            background-image: url(/templets/default/img/sj-show-qygl.svg);
        }

        .sj-show-tjsj {
            background-image: url(/templets/default/img/sj-show-tjsjc.svg);
        }

        .sj-show-yzzx {
            background-image: url(/templets/default/img/sj-show-yzzx.svg);
        }

        .sj-show-zljh {
            background-image: url(/templets/default/img/sj-show-zljh.svg);
        }

        .iOS-icon {
            background-image: url(/templets/default/img/iOS-icon.svg);
        }

        .andio-icon {
            background-image: url(/templets/default/img/andio-icon.svg);
        }

        /* m-banner */

        .mb-news {
            padding: 0 15px;
            line-height: 1.8;
            position: absolute;
            left: 417px;
            top: 150px;
        }

        .mb-news h4 {
            word-break: break-all;
            word-wrap: break-word;
        }

        .mb-news h4 a {
            font-size: 18px;
            color: #8c3608;
            line-height: 1.6;
            word-break: break-all;
            word-wrap: break-word;
        }

        .mb-news p {
            font-size: 14px;
            color: #444;
            margin-top: 15px;
            overflow: hidden;
        }

        .mb-news h4 a:hover {
            text-decoration: underline;
        }

        .mb-img {
            width: 315px;
        }

        .mb-ibox {
            width: 444px;
            height: 660px;
            position: relative;
            overflow: hidden;
        }

        .mb-ibox div {
            display: block;
            overflow: hidden;
            position: absolute;
            top: 180px;
            left: 31px;
            z-index: 10;
        }

        .mb-ibox a {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 5;
            left: 0;
            top: 0;
        }

        .mb-ibox a:first-child {
            z-index: 6;
        }

        .mb-ibox a.move {
            z-index: 7;
        }

        .mb-ibox a.cur {
            z-index: 8;
        }

        .mb-inav {
            z-index: 10 !important;
        }
    </style>
    <!-- 有手机背景的css start -->
    <style type="text/css">
        .main_image li {
            float: left;
            width: 100%;
        }

        .main_image li a {
            display: block;
            width: 100%;
        }

        div.flicking_con {
            position: absolute;
            top: 25px;
            text-align: center;
            margin: 0 0 0 0;
            left: 0;
            width: 100%;
        }

        div.flicking_con .item-text {
            padding: 0;
            display: none;
            color: #fff;
        }

        div.flicking_con .item-text h4 {
            color: #fff;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 15px;
        }

        .main_visual .flicking_con div.on {
            display: block;
        }

        .kePublic-cont-text {
            font-size: 12px;
            margin-top: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
        }
    </style>
    <!-- 有手机背景的css end -->
    <link href="/templets/default/css/animate.min.css" type="text/css" rel="stylesheet">
    <style type="text/css">
        .po-bg {
            background-color: #f2f2f2;
            width: 255px;
            height: 454px;
            position: absolute;
            top: 180px;
            left: 31px;
        }

        .delay_1 {
            -webkit-animation-delay: 200ms;
            -o-animation-delay: 200ms;
            animation-delay: 200ms;
        }

        .delay_2 {
            -webkit-animation-delay: 400ms;
            -o-animation-delay: 400ms;
            animation-delay: 400ms;
        }

        .delay_3 {
            -webkit-animation-delay: 600ms;
            -o-animation-delay: 600ms;
            animation-delay: 600ms;
        }

        .animateUpDown {
            -webkit-animation-name: animateUpDown;
            -o-animation-name: animateUpDown;
            animation-name: animateUpDown;
            -webkit-animation-duration: 900ms;
            -o-animation-duration: 900ms;
            animation-duration: 900ms;
        }

        @-webkit-keyframes animateUpDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
            }

            40% {
                -webkit-transform: translateY(-20%);
                transform: translateY(-20%);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        @-o-keyframes animateUpDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(100%);
                -o-transform: translateY(100%);
                transform: translateY(100%);
            }

            40% {
                -webkit-transform: translateY(-20%);
                -o-transform: translateY(-20%);
                transform: translateY(-20%);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        @keyframes animateUpDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(100%);
                -o-transform: translateY(100%);
                transform: translateY(100%);
            }

            40% {
                -webkit-transform: translateY(-20%);
                -o-transform: translateY(-20%);
                transform: translateY(-20%);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        .animateUp {
            -webkit-animation-name: animateUp;
            -o-animation-name: animateUp;
            animation-name: animateUp;
            -webkit-animation-duration: 500ms;
            -o-animation-duration: 500ms;
            animation-duration: 500ms;
            -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
            -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
            animation-timing-function: cubic-bezier(.39, .575, .565, 1);
        }

        @-webkit-keyframes animateUp {
            from {
                opacity: 0;
                -webkit-transform: translateY(50px);
                transform: translateY(50px);
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        @-o-keyframes animateUp {
            from {
                opacity: 0;
                -webkit-transform: translateY(50px);
                -o-transform: translateY(50px);
                transform: translateY(50px);
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        @keyframes animateUp {
            from {
                opacity: 0;
                -webkit-transform: translateY(50px);
                -o-transform: translateY(50px);
                transform: translateY(50px);
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        .cur .ShowBgUp {
            -webkit-animation-name: ShowBgUp;
            -o-animation-name: ShowBgUp;
            animation-name: ShowBgUp;
            -webkit-animation-duration: 1400ms;
            -o-animation-duration: 1400ms;
            animation-duration: 1400ms;
            -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
            -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
            animation-timing-function: cubic-bezier(.39, .575, .565, 1);
        }

        @-webkit-keyframes ShowBgUp {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @-o-keyframes ShowBgUp {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes ShowBgUp {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .move .ShowBgUp {
            opacity: 1;
            z-index: 9;
        }

        .cur .ShowBgUp {
            z-index: 10;
        }

        #banner .banner-item:nth-child(1) .banner-img {
            background-image: url(../images/health-banner1.jpg);
        }

        #banner .banner-item:nth-child(2) .banner-img {
            background-image: url(../images/health-banner2.jpg);
        }

        @media (-webkit-min-device-pixel-ratio: 2) {
            #banner .banner-item:nth-child(1) .banner-img {
                background-image: url(../images/health-banner1-2x.jpg) !important;
            }

            #banner .banner-item:nth-child(2) .banner-img {
                background-image: url(../images/health-banner2-2x.jpg) !important;
            }
        }

        @media (max-width: 767px) {
            #banner .banner-item:nth-child(1) .banner-img {
                background-image: url(../images/health-banner1-app.jpg) !important;
            }

            #banner .banner-item:nth-child(2) .banner-img {
                background-image: url(../images/health-banner2-app.jpg) !important;
            }
        }

        .banner .banner-item .banner-text > div {
            margin-top: 15% \9; /*兼容IE6 IE7 IE8*/
        }

        .original-shape {
            margin: auto;
            margin-top: 18% \9;
        }