html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1;
   /* filter: grayscale(100%); 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        -webkit-filter: grayscale(1);*/
}
ol, ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q, blockquote {
    quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}
body {
    font: 12px/1.5 tahoma, arial, "宋体"
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
a {
    text-decoration: none;
    color: #000
}
.clrboth{
    height: 0px;
    clear: both;
}
.page {
    font-family: "Microsoft YaHei", SimSun, '\5b8b\4f53', sans-serif;
    /*margin-top: 34px*/
    /*margin-top: 1.34rem;*/
    margin-top: 2rem;
}
.page img {
    max-width: 100%;
    display: block;
}
.ico {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center
}
.ico-catelog {
    /*background-image: url(../images/ico-catelog-white.png);*/
    background-image: url(../images/more_head_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
.ico-search {
    background-image: url(../images/ico-search-white.png)
}
.header {
    /*display: -webkit-flex;
    display: flex;*/
    height: 44px;
    line-height: 44px;
    color: #fff;
    background: #20a7f6;
    position: absolute;
    z-index: 9999;
    top: 0;
    width: 100%;
    /*huawei兼容性*/
}
.header .m {
    /*-webkit-flex: 1;
    flex: 1*/
    /*width:62%;*/
    width: 55%;
    float:left;
}
.header .l{
    height: 100%;
    float: left;
}
.header .r {
    height: 100%;
    /*float: left;*/
    float: right;
}
.header .l .ico, .header .r .ico {
    width: 40px;
    height: 44px;
    vertical-align: top;
}
.header .header-title {
    text-align: center;
    font-size: 18px
}
.header .back {
    background-image: url(../images/ico-back.png);
}
.header .home-page {
    /*background-image: url(../images/home.png);*/
    background-image: url(../images/home_head_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
}
.index-header {
    background: #fff;
    color: #000
}
.index-header .logo {
    width: 72%;
    height: 100%;
    margin-left: 0.625rem;
    float: left;
    /*-webkit-flex: 5;
    flex: 5;*/
}
.header:after{
    content: '';
    display: inline-block;
    clear: both;
}
.index-header .logo img {
    height: 100%
}
.index-header .ico-catelog {
    /*background-image: url(../images/ico-catelog.png);*/
    background-image: url(../images/more_head_icon.png);
}
.index-header .ico-search {
    background-image: url(../images/ico-search.png)
}
.site-menu {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    opacity: 0;
    height: 0;
    overflow: hidden;
    border-top: 1px solid #a0d4f2;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
.site-menu .ico-recover {
    background: url("../images/ico-recover.png") no-repeat;
    width: 11%;
    float: left;
    height: 37px
}
.site-menu.show {
    opacity: 1;
    height: auto
}
.site-menu .menu-search {
    height: 57px;
    padding: 10px 0 10px 0
}
.fixed-menu {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #a0d4f2
}
.fixed-menu-item .hd {
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 40px;
    color: #20a7f6;
    font-size: 18px;
    border-bottom: 1px solid #fff
}
.fixed-menu-item .hd:after {
    position: absolute;
    content: "";
    left: 5px;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url("../images/ico-menu.png") no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
.fixed-menu-item .bd {
    font-size: 16px;
    text-align: center;
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}
.fixed-menu-item .bd a {
    border: 1px solid #dcdcdc;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: #fff;
    text-align: center;
    color: #595959;
    outline: 0;
    line-height: 19px;
    padding: 8px 0;
    vertical-align: top;
    width: 47%;
    margin: 6px 2px;
    height: 0;
    display: inline-block;
    opacity: 0
}
.fixed-menu-item .bd_l {
    text-align: inherit;
    margin-left: 5px
}
.fixed-menu-item .close {
    position: relative;
    height: 30px;
    padding: 10px 10px;
    text-align: right
}
.fixed-menu-item .home {
    position: relative;
    height: 49px;
    line-height: 47px;
    padding: 0 15px 0 30px;
    font-size: 16px;
    background: url(../images/ico-home.png) no-repeat 10px;
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
    width: 100px
}
.fixed-menu-item .home a {
    color: #20a7f6
}
.fixed-menu-item.opened .hd:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fixed-menu-item.opened .bd {
    opacity: 1;
    height: auto
}
.fixed-menu-item.opened .bd a {
    opacity: 1;
    height: 40px
}
.menu-item .hd {
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 40px 0 26px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #20a7f6;
    border-bottom: 1px solid #fff
}
.menu-item .hd:after {
    position: absolute;
    content: "";
    right: 6px;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url("../images/arr-right-white.png") no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
.menu-item .bd {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}
.menu-item .bd li {
    border-bottom: 1px solid #dfdfdf
}
.menu-item .bd a {
    display: block;
    color: #606366;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0 26px
}
.menu-item .keyword {
    position: relative;
    height: 115px;
    padding: 10px;
    font-size: 16px;
    background: #f5f5f5;
    border-bottom: 1px solid #fff
}
.menu-item .keyword .key {
    border: 1px solid #dcdcdc;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: #fff;
    text-align: center;
    color: #595959;
    outline: 0;
    line-height: 19px;
    padding: 8px 0;
    vertical-align: top;
    width: 30%;
    float: left;
    margin: 5px
}
.menu-item .home {
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 40px 0 26px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #20a7f6;
    border-bottom: 1px solid #fff
}
.menu-item .home a {
    color: #fff
}
.menu-item .home .search {
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 40px 0 26px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #20a7f6;
    border-bottom: 1px solid #fff
}
.menu-item .home .search a {
    color: #fff
}
.menu-item.opened .hd:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.menu-item.opened .bd {
    opacity: 1;
    height: auto
}
#content {
    max-width: 540px;
    margin: auto;
    background: #eaeef9
}
#content.index-content, #content.content-white {
    background: #fff
}
.content-padding {
    padding: 5px 10px
}
.search {
    width: 89%;
    float: left
}
.search input {
    border: 1px solid #dcdcdc;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: none;
    outline: 0;
    line-height: 19px;
    padding: 8px 44px 8px 12px;
    vertical-align: top;
    width: 75%;
    float: left
}
.search input:focus {
    border-color: #20a7f6
}
.search button {
    width: 70px;
    height: 37px;
    text-indent: -9999px;
    background: url("../images/head-search.png") no-repeat 5px 50%;
    border: 0;
    vertical-align: top;
    cursor: pointer
}
.footer {
    line-height: 15px;
    color: #898989;
    font-size: 11px;
    text-align: center;
    padding: 18px 0;
    background: #f6f6f6;
    margin-bottom:3.5rem;
}
.footer a {
    color: #898989
}
.slide {
    position: relative
}
.slide .next, .slide .prev {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    background: url("../images/slide-nav.png") no-repeat;
    -moz-background-size: 40px auto;
    -o-background-size: 40px auto;
    -webkit-background-size: 40px auto;
    background-size: 40px auto
}
.slide .prev {
    left: 0
}
.slide .next {
    right: 0;
    background-position: 0 100%
}
.slide li {
    overflow: hidden
}
.carousel-item {
    float: left;
    width: 7rem;
    margin: 0 0.2rem
}
.carousel-item .pic {
    height: 7rem;
    overflow: hidden
}
.carousel-item .pic img {
    width: 100%;
    height: 100%
}
.carousel-item .info {
    font-size: 12px;
    margin: 7px 0;
    text-align: center;
    line-height: 16px
}
.home-slide {
    position: relative;
    height: 6rem;
    overflow: hidden
}
.home-slide .bd ul li{
    position: relative;
    overflow: hidden;
}
.home-slide .bd ul li span{
    position: absolute;
    display: block;
    font-size: 14px;
    padding: 3px 5px;
    color: #fff;
    top: 10px;
    right: 10px;
    background: #20a7f6;
    border-radius: 4px 0 6px 0;
    border: 1px solid #20a7f6;
}
.home-slide img {
    width: 100%
}
.home-slide .hd {
    position: absolute;
    bottom: 0.25rem;
    width: 100%;
    text-align: center
}
.home-slide .hd li {
    display: inline-block;
    vertical-align: bottom;
    width: 0.3rem;
    height: 0.3rem;
    margin: 0 0.175rem;
    border: 0.05rem solid #dbd7d6;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-indent: -9999px
}
.home-slide .hd li.on {
    border-color: #20a7f6;
    background: #20a7f6
}
.home-nav {
    padding: 0.75rem 0.3rem;
    text-align: center
}
.home-nav ul {
    display: table;
    width: 100%
}
.home-nav li {
    display: table-cell
}
.home-nav .p {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 auto 0.5rem
}
.home-nav .p img {
    width: 100%;
    height: 100%
}
.home-nav .i {
    display: block;
    font-size: 0.6rem
}
.home-hospital-link {
    margin: 0 0.7rem 0.625rem;
    line-height: 1.1rem
}
.home-hospital-link a {
    position: relative;
    display: block;
    color: #20a7f6;
    font-size: 0.6rem;
    text-align: center;
    border: 1px solid #dbd7d6;
    -moz-border-radius: .5rem;
    -webkit-border-radius: .5rem;
    border-radius: .5rem
}
.home-hospital-link a span {
    display: inline-block;
    padding-left: 1.15rem;
    background: url("../images/ico-hospital.png") no-repeat left;
    -moz-background-size: 0.8rem auto;
    -o-background-size: 0.8rem auto;
    -webkit-background-size: 0.8rem auto;
    background-size: 0.8rem auto
}
.home-hospital-link a:after {
    content: "";
    position: absolute;
    width: 0.35rem;
    height: 0.6rem;
    right: 0.45rem;
    top: 50%;
    margin-top: -0.3rem;
    background: url("../images/arr-right.png") no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.home-news .hd {
    padding: 0 0.5rem;
    margin-bottom: 0.2rem
}
.home-news .hd ul {
    /*display: -webkit-flex;
    display: flex*/
}
.home-news .hd li {
    /*-webkit-flex: 1;
    flex: 1;*/
    width: 5.0rem;
    float: left;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.7rem
}
.home-news .hd ul:after{
    content: '';
    display:block;
    clear: both;
}
.home-news .hd li.on {
    position: relative;
    z-index: 9;
    background: #d2ebf9;
    -moz-border-radius: 0.25rem 0.25rem 0 0;
    -webkit-border-radius: .25rem;
    border-radius: 0.25rem 0.25rem 0 0;
    border: 1px solid #dbd7d6;
    border-bottom-color: #d2ebf9;
    padding-bottom: 0.2rem;
    margin: -1px 0 -0.25rem
}
.home-news .hd li.on a {
    color: #000
}
.home-news .hd a {
    display: block;
    color: #898989
}
.home-news .bd {
    border-top: 1px solid #dbd7d6;
    border-bottom: 1px solid #dbd7d6;
    background: #d2ebf9
}
.homenews-hd {
    margin: 0.5rem 0.9rem 0;
    height: 4rem;
    background: #fff;
    overflow: hidden;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}
.homenews-hd .pic {
    float: left;
    width: 7.5rem;
    height: 100%;
    overflow: hidden;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}
.homenews-hd .pic img {
    width: 100%;
    height: 100%
}
.homenews-hd .time {
    position: relative;
    margin-left: 7.5rem;
    margin-top: 2.65rem;
    color: #535353;
    text-align: center
}
.homenews-hd .time span {
    font-size: 0.6rem;
    line-height: 0.9rem
}
.homenews-hd .time em {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: -2.45rem;
    line-height: 2.45rem;
    font-size: 1.5rem
}
.homenews-hd .time:before {
    display: block;
    content: "";
    margin: auto;
    width: 3rem;
    height: 1px;
    background: #bcbab9
}
.homenews-hd-title {
    margin: 0.45rem 0.9rem 0;
    font-size: 0.7rem;
    line-height: 0.9rem
}
.homenews-list {
    margin: 0.8rem 0.9rem 0;
    border-bottom: 1px solid #fff
}
.homenews-list li {
    padding: 0.5rem 0;
    border-top: 1px solid #fff;
    font-size: 0.6rem;
    height: 45px
}
.homenews-list li a {
    color: #3e3a39
}
.homenews-list li .title {
    line-height: 0.8rem;
    height: 0.8rem;
    overflow: hidden;
    width: 70%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: left
}
.homenews-list li .time {
    text-align: right;
    color: #898989;
    font-size: 0.5rem;
    float: right
}
.homenews-more {
    margin: 0 0.9rem;
    line-height: 1.8rem;
    text-align: center
}
.homenews-more a {
    display: block;
    font-size: 0.6rem;
    position: relative;
    width: 6.95rem;
    margin: 15px auto;
    background: #20a7f6;
    color: #fff;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    -moz-background-size: 1.05rem auto;
    -o-background-size: 1.05rem auto;
    -webkit-background-size: 1.05rem auto;
    background-size: 1.05rem auto
}
.home-doctor {
    background: #fff;
    padding: 0.9rem 0.5rem
}
.home-doctor h3 {
    text-align: center;
    font-size: 0.9rem;
    margin-bottom: 1.2rem
}
.home-doctor h3 em {
    display: inline-block;
    width: 2.9rem;
    height: 1.3rem;
    margin-right: 0.7rem;
    text-indent: -9999px;
    background: url("../images/doctor-title.png") no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.home-doctor .item {
    position: relative;
    float: left;
    width: 50%;
    text-align: center
}
.home-doctor .item:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -0.525rem;
    width: 1.05rem;
    height: 1.05rem;
    background: url("../images/arr-right-bluecircle.png") no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.home-doctor .item a {
    display: block;
    padding: 0 1rem 1.5rem
}
.home-doctor .pic {
    width: 5.5rem;
    height: 5.5rem;
    margin: auto;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.home-doctor .pic img {
    width: 100%;
    /*height: 100%*/
}
.home-doctor .name {
    line-height: 1.5rem;
    font-size: 0.8rem;
    font-weight: bold
}
.home-doctor .title {
    color: #7d7e78;
    font-size: 0.6rem;
    line-height: 0.7rem
}
.home-doctor .hd {
    text-align: center;
    padding: 0.7rem 0
}
.home-doctor .hd li {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.175rem;
    background: #dbd7d6;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-indent: -9999px
}
.home-doctor .hd li.on {
    background: #20a7f6
}
.home-doctor .more {
    text-align: center;
    line-height: 1.95rem
}
.home-doctor .more a {
    position: relative;
    display: block;
    width: 6.95rem;
    margin: auto;
    border: 1px solid #bcbab9;
    background: #f6f6f6;
    font-size: 0.6rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}
.home-doctor .more a:after {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    right: 0.45rem;
    top: 50%;
    margin-top: -0.25rem;
    background: url("../images/arr-right-blue.png") no-repeat center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.home-mid-banner img {
    width: 100%
}
.home-mid-banner-link {
    background-color: #409ed6;
    overflow: hidden
}
.home-mid-banner-link .dna {
    width: 100%;
    height: 240px;
    top: -33%;
    left: 90px;
    z-index: 0;
    position: absolute;
    background-image: url("../images/dna.jpg");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-animation: dna 10s linear infinite;
    animation: dna 10s linear infinite
}
.home-mid-banner-link .eye {
    width: 100%;
    height: 240px;
    z-index: 1;
    position: absolute;
    background-image: url("../images/eye.png");
    background-position: 0px 0px;
    background-repeat: no-repeat
}
.home-mid-banner-link .banner-link {
    z-index: 2;
    width: 310px;
    -webkit-animation: more1 2s infinite ease-in-out;
    animation: more1 2s infinite ease-in-out;
    animation-direction: alternate
}
.home-mid-banner-link .banner-link .dot {
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-animation: twinkling 2s infinite ease-in-out;
    animation: twinkling 2s infinite ease-in-out;
    animation-direction: alternate
}
.home-mid-banner-link .banner-link a {
    color: #fff;
    position: absolute;
    font-size: 17px
}
.home-mid-banner-link .banner-link :hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: .4s transform
}
@-webkit-keyframes dna {
    0%, 100% {
        -webkit-transform: translateY(0) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateY(-10px) rotate(6deg)
    }
}
@keyframes dna {
    0%, 100% {
        transform: translateY(0) rotate(-2deg)
    }
    50% {
        transform: translateY(-10px) rotate(6deg)
    }
}
.home-eye-knowledge {
    margin: 1.5rem
}
.knowledge-item {
    margin-bottom: 0.55rem
}
.knowledge-item .hd {
    position: relative;
    line-height: 1.9rem;
    border: 1px solid #bcbab9;
    background: #f6f6f6;
    text-align: center;
    font-size: 0.8rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}
.knowledge-item .hd h3 {
    display: inline-block;
    color: #1daddd
}
.knowledge-item .hd p {
    position: absolute;
    display: inline-block;
    margin-left: 0.15rem;
    font-size: 0.5rem;
    color: #e2e1e1
}
.knowledge-item .hd:after {
    position: absolute;
    content: "";
    right: 0.6rem;
    top: 50%;
    margin-top: -0.375rem;
    width: 0.75rem;
    height: 0.75rem;
    background: url("../images/arr-right-blue.png") no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.knowledge-item .bd {
    opacity: 0;
    height: 0;
    overflow: hidden;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
.knowledge-item .bd li {
    border-bottom: 1px dashed #cccccc
}
.knowledge-item .bd li a {
    display: block;
    font-size: 0.65rem;
    line-height: 2.2rem;
    padding-left: 2.25rem;
    background: url("../images/list-ico.png") no-repeat 0.75rem 50%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-background-size: 0.8rem auto;
    -o-background-size: 0.8rem auto;
    -webkit-background-size: 0.8rem auto;
    background-size: 0.8rem auto
}
.knowledge-item.opened .hd {
    background: #20a7f6
}
.knowledge-item.opened .hd * {
    color: #fff
}
.knowledge-item.opened .hd:after {
    background-image: url(../images/arr-down-white.png)
}
.knowledge-item.opened .bd {
    opacity: 1;
    height: auto
}
.view-more {
    margin: 0.7rem 0;
    text-align: center
}
.view-more a {
    display: inline-block;
    width: 6.8rem;
    padding-bottom: 0.3rem;
    line-height: 1.25rem;
    border: 1px solid #dedede;
    color: #20a7f6;
    font-size: 0.65rem;
    background: url("../images/arr-more.png") no-repeat 50% 1.1rem;
    -moz-background-size: 0.75rem auto;
    -o-background-size: 0.75rem auto;
    -webkit-background-size: 0.75rem auto;
    background-size: 0.75rem auto;
    -moz-border-radius: 1.6rem;
    -webkit-border-radius: 1.6rem;
    border-radius: 1.6rem
}
.view-more a:hover {
    border-color: #20a7f6
}
.home-video {
    margin: 0 1.5rem 1.5rem;
    background: #bbe4fc;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    overflow: hidden
}
.home-video .pic {
    position: relative;
    overflow: hidden;
    height: 7.5rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}
.home-video .pic img {
    width: 100%;
    height: 100%
}
.home-video .pic b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/playicon.png") no-repeat center rgba(0, 0, 0, 0.5);
    -moz-background-size: 2.5rem auto;
    -o-background-size: 2.5rem auto;
    -webkit-background-size: 2.5rem auto;
    background-size: 2.5rem auto;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}
.home-video .info {
    padding: 0.9rem 0;
    text-align: center
}
.home-video .info .title {
    font-size: 1.0rem
}
.home-video .info .desc {
    font-size: 0.6rem
}
.home-video .more {
    margin-top: 0.7rem;
    display: flex;
    justify-content: center;
}
.home-video .more a {
    display: block;
    width: 5.5rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    background: #fff;
    font-size: 0.6rem;
    /*margin: 0.3rem auto 0;*/
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}
.home-video .more a:first-child{
    margin-right: 0.8rem;
}
.home-video .more a:before {
    display: inline-block;
    content: "";
    margin-right: 0.6rem;
    width: 1.05rem;
    height: 1.05rem;
    background: url(../images/arr-right-bluecircle.png) no-repeat;
    vertical-align: middle;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.contact-info-box {
    background: #bbe4fc;
    padding: 1rem 0.5rem 0.5rem 1.3rem
}
.contact-info-box h3 {
    font-size: 0.8rem;
    line-height: 1.5rem;
    margin-bottom: 0.4rem
}
.contact-info-box li {
    margin-bottom: 0.7rem;
    padding-left: 2.35rem;
    background-position: left;
    background-repeat: no-repeat;
    -moz-background-size: 1.875rem auto;
    -o-background-size: 1.875rem auto;
    -webkit-background-size: 1.875rem auto;
    background-size: 1.875rem auto;
    font-size: 0.6rem;
    line-height: 1.875rem
}
/*底部修改(联系我们)start*/
.contact-info-box .link-text{
    display: flex;
    justify-content: center;
    color: #666
}
.contact-info-box .link-text a{
    font-size: 0.6rem;
    width: 5.0rem;
    letter-spacing: 0.1rem;
     color:#000; 
    line-height: 1.8rem;
    background: #fff;
    text-align: center;
    border-radius: 0.25rem;
}
.contact-info-box .link-text a:first-child{
    margin-right: 0.9rem;
}
/*.contact-info-box .link-text a:last-child{
    margin-left: 0.2rem;
}*/
/*底部修改(联系我们)end*/
.contact-map {
    background-image: url(../images/contact-ico-map.png)
}
.contact-eye {
    background-image: url(../images/contact-ico-eye.png)
}
.contact-mail {
    background-image: url(../images/contact-ico-mail.png)
}
.contact-tel {
    background-image: url(../images/contact-ico-tel.png)
}
.contact-people {
    background-image: url(../images/contact-ico-people.png)
}
.home-qrcode {
    height: 169px;
    background: url("../images/home-qrcode.png") no-repeat center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.filter-form .item {
    display: -webkit-flex;
    display: flex;
    font-size: 12px;
    line-height: 34px;
    margin-bottom: 8px
}
.filter-form .hd {
    white-space: nowrap;
    width: 65px;
    text-align: right
}
.filter-form .bd {
    -webkit-flex: 1;
    flex: 1
}
.select-field {
    position: relative
}
.select-field select {
    width: 100%;
    height: 34px;
    color: #000;
    text-align: center;
    background: #f9f9f9;
    border: 1px solid #20a7f6;
    padding: 0 35px 0 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 12px
}
.select-field:after {
    position: absolute;
    content: "";
    right: 0px;
    width: 35px;
    height: 98%;
    background: #20a7f6 url("../images/arr-down-white.png") no-repeat center;
    pointer-events: none;
    top: 1px;
    -moz-background-size: 15px auto;
    -o-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto
}
.search-field {
    position: relative;
    padding-right: 50px
}
.search-field input {
    width: 100%;
    height: 34px;
    border: 1px solid #20a7f6;
    background: #fff;
    vertical-align: top
}
.search-field button {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 34px;
    background: #51a2ff url("../images/btn-search.png") no-repeat center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 0;
    border: 0
}
.good-field {
    position: relative;
    padding-right: 50px
}
.good-field input {
    width: 100%;
    height: 34px;
    border: 1px solid #20a7f6;
    background: #fff;
    vertical-align: top
}
.doctor-list .item {
    position: relative;
    background: #fff;
    padding: 4px;
    margin-bottom: 8px
}
.doctor-list .item:after {
    display: table;
    content: "";
    clear: both;
    height: 0
}
.doctor-list .l {
    float: left;
    width: 101px
}
.doctor-list .info {
    margin: 0 3px 0 109px
}
.doctor-list .pic {
    height: 125px;
    border: 1px solid #e7e7e7;
    padding: 3px
}
.doctor-list .pic img {
    width: 100%;
    height: 100%
}
.doctor-list .btnbar a {
    margin-top: 4px
}
.doctor-list .hospital {
    padding: 2px 0 6px
}
.doctor-list .hospital strong {
    display: inline-block;
    padding-right: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: bold
}
.doctor-list .hospital span {
    font-size: 12px
}
.doctor-list .name {
    padding: 2px 0 6px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.doctor-list .name strong {
    display: inline-block;
    padding-right: 6px;
    border-right: 1px solid #bdbdbd;
    font-size: 14px;
    line-height: 20px;
    color: #1582c2
}
.doctor-list .name span {
    font-size: 12px
}
.doctor-list .title {
    background: #f3f4f8;
    padding: 7px 7px;
    line-height: 1.6;
    font-size: 12px;
    height: 87px;
    margin-top: 8px;
    overflow: hidden
}
.doctor-list .extra {
    padding-top: 5px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.doctor-list .extra em {
    font-weight: bold
}
.info-btn {
    display: inline-block;
    width: 104px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f2f2f2;
    font-size: 13px
}
.info-btn-view:before, .info-btn-chat:before {
    display: inline-block;
    content: "";
    margin-right: 1px;
    vertical-align: -5px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}
.info-btn-view:before {
    background-image: url(../images/ico-view.png)
}
.info-btn-chat {
    color: #fff;
    background: #459fe8
}
.info-btn-chat:before {
    background-image: url(../images/ico-chat.png)
}
.info-btn-book:before {
    background-image: url(../images/book-icon.png);
    background-size:.7rem;
}
.info-btn-details {
    color: #fff;
    background: #459fe8
}
.info-btn-details:before {
    background-image: url(../images/ico-view-w.png)
}
.info-btn-web:before {
    background-image: url(../images/ico-view-web.png)
}
.famous-doctor-list .item {
    border: 1px solid #dee2ec;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.famous-doctor-list .badge {
    position: absolute;
    left: 0;
    top: 0;
    width: 37px;
    height: 37px;
    background: url("../images/doctor-badge.png") no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 0
}
.famous-doctor-list .title {
    -moz-background-size: 13px auto;
    -o-background-size: 13px auto;
    -webkit-background-size: 13px auto;
    background-size: 13px auto;
    overflow: hidden;
    padding: 7px 7px;
    line-height: 1.6
}
.famous-doctor-list .name {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.famous-doctor-list .name span {
    background: url("../images/ico-prize.png") no-repeat;
    padding: 3px 0 0 27px
}
.hospital-list .item {
    position: relative;
    background: #fff;
    padding: 4px;
    margin-bottom: 8px
}
.hospital-list .item:after {
    display: table;
    content: "";
    clear: both;
    height: 0
}
.hospital-list .l {
    float: left;
    width: 74px
}
.hospital-list .info {
    margin: 0 0 0 83px
}
.hospital-list .pic {
    height: 79px;
    overflow: hidden
}
.hospital-list .pic img {
    width: 100%;
    height: 100%
}
.hospital-list .btnbar {
    margin-top: 6px
}
.hospital-list .info-btn-chat {
    width: auto;
    display: block;
    font-size: 12px
}
.hospital-list .name {
    font-size: 14px;
    color: #454545
}
.hospital-list .desc {
    font-size: 12px;
    color: #454545
}
.hospital-list .tag {
    display: inline-block;
    margin: 7px 0;
    padding: 0 9px;
    line-height: 18px;
    height: 18px;
    font-size: 14px;
    color: #fff;
    background: #86c8e2;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px
}
.hospital-list .contact p {
    color: #20a7f6;
    line-height: 18px;
    padding-left: 27px;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: left;
    -moz-background-size: 18px auto;
    -o-background-size: 18px auto;
    -webkit-background-size: 18px auto;
    background-size: 18px auto
}
.hospital-list .contact .address {
    background-image: url(../images/ico-location.png)
}
.hospital-list .contact .tel {
    background-image: url(../images/ico-tel.png)
}
.knowledge-title {
    height: 38px;
    margin: -5px -10px 10px;
    padding: 0 17px 0 10px;
    background: #fff url("../images/knowledge-top.jpg") no-repeat right;
    -moz-background-size: auto 38px;
    -o-background-size: auto 38px;
    -webkit-background-size: auto 38px;
    background-size: auto 38px
}
.knowledge-title h3 {
    position: relative;
    overflow: hidden;
    color: #20a7f6;
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px
}
.knowledge-title h3 span {
    display: inline-block
}
.knowledge-title h3:after {
    content: "";
    position: absolute;
    width: 233px;
    height: 14px;
    margin: 8px 0 0 8px;
    background: url("../images/knowledge-title.png") no-repeat;
    -moz-background-size: auto 14px;
    -o-background-size: auto 14px;
    -webkit-background-size: auto 14px;
    background-size: auto 14px
}
.knowledge-list-top {
    padding: 12px 0 12px 0;
    overflow: hidden;
    border-bottom: 1px dashed #cccccc
}
.knowledge-list-top .pic {
    float: left;
    padding: 4px;
    border: 1px solid #e5e5e5;
    background: #fff
}
.knowledge-list-top .pic div {
    position: relative;
    width: 139px;
    height: 139px;
    overflow: hidden
}
.knowledge-list-top .pic img {
    position: absolute;
    width: 100%;
    height: 100%
}
.knowledge-list-top .info {
    margin: 0 14px 0 160px
}
.knowledge-list-top .title {
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 16px;
    background: url("../images/ico-news.png") no-repeat 0 2px;
    -moz-background-size: 14px auto;
    -o-background-size: 14px auto;
    -webkit-background-size: 14px auto;
    background-size: 14px auto
}
.knowledge-list-top .title a {
    color: #3d51e0
}
.knowledge-list-top .title .ico-hot {
    display: inline-block;
    width: 21px;
    height: 10px;
    background: url("../images/ico-hot.png") no-repeat;
    margin-left: 5px;
    -moz-background-size: 21px auto;
    -o-background-size: 21px auto;
    -webkit-background-size: 21px auto;
    background-size: 21px auto
}
.knowledge-list-top .desc {
    line-height: 17px;
    margin-bottom: 4px;
    font-size: 12px;
    text-align: justify;
    height: 71px;
    overflow: hidden
}
.knowledge-list-top .desc a:hover {
    color: #20a7f6
}
.knowledge-list-top .ctrl {
    text-align: right
}
.knowledge-list {
    margin: 0 17px
}
.knowledge-list .item {
    border-bottom: 1px dashed #cccccc;
    padding: 10px 0
}
.knowledge-list .title {
    line-height: 20px;
    margin-bottom: 4px;
    padding-left: 20px;
    font-size: 13px;
    color: #20a7f6;
    background: url("../images/list-ico.png") no-repeat 2px 4px;
    -moz-background-size: 12px auto;
    -o-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    background-size: 12px auto
}
.knowledge-list .desc {
    line-height: 15px;
    font-size: 12px
}
.mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8;
    display: none
}
.category-menu {
    position: fixed;
    z-index: 9;
    top: 0;
    bottom: 0;
    width: 250px;
    left: -250px;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
.category-menu.opened {
    -moz-transform: translateX(250px);
    -ms-transform: translateX(250px);
    -webkit-transform: translateX(250px);
    transform: translateX(250px)
}
.category-menu.opened .category-menu-toggle:after {
    background-position: 0 -15px
}
.category-menu-toggle {
    position: absolute;
    width: 32px;
    height: 110px;
    top: 40%;
    right: -32px;
    background: #51befd;
    color: #fff;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0;
    border-radius: 0 6px 6px 0
}
.category-menu-toggle span {
    display: block;
    width: 1em;
    font-size: 15px;
    line-height: 1;
    margin: 17px auto 0
}
.category-menu-toggle:after {
    display: block;
    margin: 10px auto 0;
    content: "";
    width: 15px;
    height: 15px;
    background: url("../images/side-arrow.png") no-repeat;
    -moz-background-size: 15px auto;
    -o-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto
}
.category-menu-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
    width: 250px;
    border-right: 1px solid #51befd;
    background: #e6f8fc
}
.category-menu-wrap .menu-item {
    border-bottom: 1px solid #dcdcdc
}
.category-menu-wrap .menu-item.selected dd {
    height: auto;
    opacity: 1
}
.category-menu-wrap dt {
    position: relative;
    line-height: 46px;
    padding-left: 32px;
    font-size: 15px
}
.category-menu-wrap dt a {
    color: #20a7f6
}
.category-menu-wrap dt:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    left: 16px;
    top: 50%;
    margin-top: -6px;
    background: url("../images/list-arrow.png") no-repeat center;
    -moz-background-size: 6px auto;
    -o-background-size: 6px auto;
    -webkit-background-size: 6px auto;
    background-size: 6px auto
}
.category-menu-wrap dd {
    height: 0;
    overflow: hidden;
    opacity: 0;
    background: #fff;
    font-size: 14px;
    line-height: 32px
}
.category-menu-wrap dd ul {
    margin-left: -22px;
    padding: 10px 27px;
    overflow: hidden
}
.category-menu-wrap dd li {
    float: left;
    margin-left: 22px
}
.category-menu-wrap dd a {
    color: #5a5a5a
}
.group-top {
    position: relative;
    margin: -5px -10px 10px;
    padding: 50px 25px 28px;
    background: url("../images/group-top.jpg") no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.group-top h3 {
    position: absolute;
    width: 234px;
    height: 77px;
    font-size: 0;
    top: 10px;
    left: 13px;
    background: url("../images/group-top-before.png") no-repeat;
    -moz-background-size: 234px auto;
    -o-background-size: 234px auto;
    -webkit-background-size: 234px auto;
    background-size: 234px auto;
    z-index: 0
}
.group-top p {
    position: relative;
    z-index: 1;
    font-size: 12px;
    line-height: 18px;
    text-indent: 2em
}
.group-top:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 15px;
    right: 15px;
    bottom: 5px;
    background: url(../images/group-top-after.png) no-repeat;
    -moz-background-size: 16px auto;
    -o-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    background-size: 16px auto
}
.group-title {
    margin: 30px 0 20px;
    height: 2px;
    background: #20a7f6
}
.group-title h3 {
    float: left;
    background: #fff;
    font-size: 14px;
    color: #20a7f6;
    padding-right: 4px;
    height: 20px;
    line-height: 20px;
    margin: -9px 0
}
.doctor-detail {
    *zoom: 1
}
.doctor-detail:after {
    display: table;
    content: "";
    clear: both;
    height: 0
}
.doctor-detail-top {
    margin-bottom: 17px
}
.doctor-detail-top .pic {
    position: absolute;
    width: 122px;
    height: 152px;
    padding: 3px;
    border: 1px solid #c7e9fd
}
.doctor-detail-top .pic img {
    width: 100%;
    height: 100%;
    vertical-align: top
}
.doctor-detail-top .info {
    margin-left: 132px;
    min-height: 152px;
}
.doctor-detail-top .intro {
    float: left;
    margin-bottom: 20px
}
.doctor-detail-top .name {
    padding-top: 7px;
    padding-bottom: 4px;
    border-bottom: 1px solid #cccccc;
    line-height: 26px
}
.doctor-detail-top .name strong {
    font-size: 15px;
    color: #1582c2
}
.doctor-detail-top .name span {
    display: block;
    font-size: 12px;
    color: #dddddd
}
.doctor-detail-top .btnbar {
    clear: both
}
.doctor-detail-top .title {
    padding: 6px 0;
    line-height: 20px;
    font-size: 14px;
    border-bottom: 1px solid #cccccc
}
.doctor-detail-top .extra {
    clear: both;
    line-height: 22px;
    font-size: 13px;
    padding-top: 7px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.doctor-detail-top .extra em {
    font-weight: bold
}
.doctor-detail-body .title {
    padding-left: 41px;
    width: 109px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    border: 1px solid #cccccc;
    background-position: 13px 50%;
    background-repeat: no-repeat;
    margin-bottom: 9px;
    -moz-background-size: 25px auto;
    -o-background-size: 25px auto;
    -webkit-background-size: 25px auto;
    background-size: 25px auto
}
/*医生出诊时间start*/
/*出诊时间背景图片*/
/*清除浮动*/
.clear{
    clear: both;
}
.doctor-detail-body .title-time {
    background-image: url(../images/ico-time.png)
}
.doctor-detail-body .doc_week ul{
    width: 96%;
}
.doctor-detail-body .doc_week ul li{
    float: left;
    width: 13.3%;
    height: 30.5px;
    color: #999;
    font-size: 14px;
    line-height: 30.5px;
    text-align: center;
    background: #fff;
}
.doctor-detail-body .doc_week .doc_day li{
    height: 30px;
    color: #000;
    border-color: #FCFCFC;
    background: #F2F2F2;
    border: 1px solid #fff;
    border-left: none;  
}
.doctor-detail-body .doc_week .doc_mon li{
     border: 1px solid #ccc;
     border-left: none;
}
.doctor-detail-body .doc_week .doc_after li{
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
}
.doctor-detail-body .doc_week .doc_after li:first-child,.doctor-detail-body .doc_week .doc_mon li:first-child{
    border-left: 1px solid #ccc;
}
.doctor-detail-body .doc_week{
    margin-bottom: 40px;
}
.doctor-detail-body .doc_week li.doc_bgcol{
	background-color:#20a7f6;
	color:#ffffff;
}
/*医生出诊时间end*/
.doctor-detail-body .title-job {
    background-image: url(../images/ico-job.png)
}
.doctor-detail-body .title-intro {
    background-image: url(../images/ico-intro.png)
}
.doctor-detail-body .content {
    line-height: 1.8;
    font-size: 14px
}
.doctor-detail-body .divide {
    border: 0;
    margin: 30px 0;
    height: 12px;
    background: url("../images/divide-line.png") no-repeat center;
    -moz-background-size: auto 12px;
    -o-background-size: auto 12px;
    -webkit-background-size: auto 12px;
    background-size: auto 12px
}
.hospital-detail {
    padding: 20px;
    background: #fff;
    *zoom: 1
}
.hospital-detail:after {
    display: table;
    content: "";
    clear: both;
    height: 0
}
.hospital-detail-top .pic {
    width: 100%;
    padding: 8px 6px;
    border: 2px solid #c7e9fd
}
.hospital-detail-top .pic img {
    width: 100%;
    /*height: 100%;*/
    vertical-align: top
}
.hospital-detail-top .intro {
    float: left
}
.hospital-detail-top .name {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc
}
.hospital-detail-top .name strong {
    font-size: 24px;
    color: #1582c2
}
.hospital-detail-top .name span {
    font-size: 28px;
    color: #dddddd
}
.hospital-detail-top .title {
    line-height: 53px;
    font-size: 22px;
    border-bottom: 1px solid #cccccc
}
.hospital-detail-top .extra {
    clear: both;
    padding: 10px 0 10px;
    line-height: 30px;
    font-size: 16px
}
.hospital-detail-top .extra em {
    font-size: 18px;
    font-weight: bold
}
.hospital-detail-body {
    padding: 10px 0 10px 0
}
.hospital-detail-body .title {
    width: 100%;
    height: 70px;
    line-height: 66px;
    font-size: 25px;
    background-position: 25px 50%;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    border-bottom: 4px solid #dfdfdf
}
.hospital-detail-body em {
    width: auto;
    border-bottom: 4px solid #20a7f6;
    float: left
}
.hospital-detail-body .content {
    margin: 0 10px 30px 10px;
    line-height: 27px;
    font-size: 16px
}
.hospital-detail-body .divide {
    border: 0;
    margin: 30px 0;
    height: 25px;
    background: url("../images/divide-line.png") no-repeat center
}
.news-list {
    margin: 0 8px
}
.news-list .item {
    margin-bottom: 9px;
    background: #fff;
    height: 80px
}
.news-list .item:before, .news-list .item:after {
    content: "";
    display: table;
    clear: both;
    height: 0
}
.news-list .pic {
    float: left;
    position: relative;
    width: 90px;
    height: 100%;
    overflow: hidden
}
.news-list .pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    max-width: none
}
.news-list .time {
    position: relative;
    float: left;
    width: 91px;
    height: 100%;
    text-align: center;
    color: #fff;
    margin: 0 10px 0 -90px;
    background-color: #20a7f6;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80)
}
.news-list .time span {
    display: block;
    margin: 45px 7px 0;
    border-top: 1px solid #bcbab9;
    font-size: 15px;
    line-height: 17px
}
.news-list .time em {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    line-height: 32px;
    font-size: 24px
}
.news-list .title {
    margin: 11px 0 0 89px;
    line-height: 18px;
    color: #000;
    font-size: 14px;
    max-height: 54px;
    overflow: hidden
}
.load-more {
    margin: 7px 0
}
.load-more a {
    display: block;
    height: 40px;
    font-size:0.5rem;
    text-align: center;
    line-height: 1rem;
    color: #aaaaaa;
    background: url("../images/arr-down.png") no-repeat center bottom;
    -moz-background-size: 12px auto;
    -o-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    background-size: 12px auto
}
.news-article {
    margin: 0 15px
}
.article-head {
    line-height: 27px;
    font-size: 12px;
    overflow: hidden;
    margin-bottom: 10px
}
.article-head h1 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px
}
.article-head .info {
    overflow: hidden;
    color: #666
}
.article-head .info .author {
    float: left
}
.article-head .info .time {
    float: right
}
.article-head .tool {
    color: #666
}
.article-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    overflow: hidden;
    background: url("../images/article-icons.png") no-repeat;
    -moz-background-size: 27px auto;
    -o-background-size: 27px auto;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}
.artbtn-minus {
    margin-left: 9px;
    background-position: 0 -27px
}
.artbtn-download {
    margin-left: 9px;
    background-position: 0 -54px
}
.article-content {
    font-size: 12px;
    line-height: 2;
    padding: 24px 0 20px
}
.article-nav {
    text-align: center
}
.article-nav a {
    display: inline-block;
    margin: 20px 5px;
    width: 77px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #dedede;
    font-size: 14px;
    -moz-transition: background .2s ease, border .2s ease;
    -o-transition: background .2s ease, border .2s ease;
    -webkit-transition: background .2s ease, border .2s ease;
    transition: background .2s ease, border .2s ease;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}
.article-nav .back {
    background-color: #20a7f6;
    color: #fff
}
.next_prev {
    height: 130px
}
.article_next_prev {
    display: block;
    color: #666;
    clear: both;
    float: left;
    margin: 0px 0 5px 0;
    padding-top: 30px;
    width: 100%
}
.article_next_prev li {
    list-style-type: none;
    clear: both;
    padding: 0 0 5px;
    line-height: 35px;
    overflow: hidden
}
.article_next_prev li span {
    display: block;
    float: left;
    width: 83px;
    padding: 0 0 0 30px;
    height: 35px;
    line-height: 35px;
    background-color: #acc3d0;
    color: #fff;
    font-size: 14px;
    margin-right: 10px
}
.article_next_prev li span:hover {
    background-color: #20a7f6
}
.article_next_prev li a {
    display: block;
    float: left;
    font-size: 14px;
    color: #333333;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.article_next_prev li.prev_article span {
    background-image: url(../images/page-arr.png);
    background-repeat: no-repeat;
    background-position: 9px 13px
}
.article_next_prev li.next_article span {
    background-image: url(../images/page-arr.png);
    background-repeat: no-repeat;
    background-position: 9px -16px
}
.article_next_prev li:hover a, .article_next_prev li:hover a:link, .article_next_prev li:hover a:visited, .article_next_prev li:hover a:hover {
    color: #20a7f6
}
.relates {
    margin: 0;
    padding: 10px
}
.relates .title {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    font-size: 16px;
    color: #20a7f6
}
.relates ul {
    list-style: disc;
    color: #bbb
}
.relates ul li {
    margin-top: 12px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.relates ul li a {
    color: #777;
    font-size: 15px
}
.video-box {
    padding-bottom: 10px
}
.video-wrap {
    position: relative;
    margin: -5px -10px 10px
}
.video-wrap video {
    width: 100%;
    height: 100%
}
.video-title {
    margin: 10px 8px 5px;
    line-height: 18px;
    font-size: 16px
}
.video-playtimes {
    margin: 0 8px;
    text-align: right;
    color: #adadad;
    font-size: 12px
}
.video-list .item {
    height: 66px;
    border: 1px solid #fff;
    background: #ebebeb;
    overflow: hidden;
    box-shadow: 4px 6px 8px 0px rgba(169, 169, 169, 0.2);
    margin-bottom: 10px
}
.video-list .pic {
    float: left;
    width: 118px;
    height: 100%;
    position: relative;
    overflow: hidden
}
.video-list .pic img {
    width: 100%;
    height: 100%
}
.video-list .pic b {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5)
}
.video-list .pic b:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    background: url("../images/playicon.png") no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    opacity: .8
}
.video-list .info {
    margin: 14px 0 0 118px;
    line-height: 18px;
    font-size: 12px;
    padding: 0 8px;
    height: 36px;
    overflow: hidden
}
.epaper-list {
    margin: -5px 0 0
}
.epaper-list .banner {
    position: relative;
    margin: 0 -10px;
    height: 6rem;
    color: #fff
}
.epaper-list .banner img {
    width: 100%;
    height: 100%
}
.epaper-list .banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3
}
.epaper-list .banner .count {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -52px;
    width: 105px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    letter-spacing: 5px
}
.epaper-list .banner .time {
    position: absolute;
    right: 12px;
    top: 10px
}
.epaper-list .banner .month {
    position: absolute;
    top: 0;
    left: 0
}
.epaper-list .banner .month em {
    display: block;
    width: 51px;
    padding-right: 4px;
    text-align: right;
    font-size: 40px;
    line-height: 1
}
.epaper-list .banner .month span {
    position: absolute;
    left: 51px;
    top: 4px
}
.epaper-list .banner .year {
    margin: 22px 0 0 51px;
    margin-top: 22px;
    line-height: 1
}
.epaper-list .info {
    padding: 7px 0 25px;
    text-align: center
}
.epaper-list .info .title {
    font-size: 20px
}
.epaper-list .info .desc {
    font-size: 12px
}
.events-list-wrap {
    margin: 20px 0 20px 15px
}
.events-list-top .dot {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #20a7f6;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -9px
}
.events-list-body {
    border-left: 1px solid #dedede
}
.events-list-body li {
    position: relative;
    margin: 0 0 28px 22px
}
.events-list-body .pic {
    position: relative;
    width: 167px;
    height: 72px;
    border: 1px solid #999
}
.events-list-body .pic img {
    width: 100%;
    height: 100%
}
.events-list-body .pic b {
    position: absolute;
    top: 30px;
    left: -12px;
    border: 6px dashed transparent;
    border-right: 6px solid #999
}
.events-list-body .dot {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 32px;
    left: -27px;
    background: #20a7f6;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.events-list-body .time {
    margin-top: 9px;
    font-size: 18px;
    color: #20a7f6
}
.events-list-body .desc {
    font-size: 12px;
    line-height: 16px
}
.honor-list .item {
    margin-bottom: 5px
}
.honor-list .hd {
    position: relative;
    background: #f8f8f8;
    padding: 0 40px 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    border-right: 1px solid #e5e6e6;
    border-bottom: 2px solid #e5e6e6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.honor-list .hd b {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 15px;
    top: 12px;
    background: url("../images/toggle-icon.png") no-repeat;
    -moz-background-size: 15px auto;
    -o-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto
}
.honor-list .bd {
    display: none;
    overflow: hidden;
    background: #fff;
    padding: 18px 0.1rem 5px;
    border-right: 1px solid #e5e6e6;
    border-bottom: 2px solid #e5e6e6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.honor-list .bd li {
    float: left;
    width: 7.25rem;
    margin: 0 0 14px 0.1rem
}
.honor-list .bd .pic {
    height: 5rem;
    overflow: hidden
}
.honor-list .bd .pic img {
    width: 100%;
    height: 100%
}
.honor-list .bd .info {
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.honor-list .item-open .hd {
    color: #20a7f6
}
.honor-list .item-open .hd b {
    background-position: 0 -15px
}
.honor-list .item-open .bd {
    display: block
}
.concern-section {
    margin-bottom: 10px;
    overflow: hidden
}
.concern-section h3 {
    position: relative;
    line-height: 24px;
    font-size: 14px;
    padding-left: 12px;
    background: #ececec;
    z-index: 2
}
.concern-section h3 b {
    position: absolute;
    width: 0;
    height: 0;
    border: 3px dashed transparent;
    border-top: 3px solid #ececec;
    bottom: -6px;
    left: 40px
}
.concern-section .item {
    position: relative;
    padding-bottom: 25px
}
.concern-section .pic {
    height: 8rem;
    overflow: hidden
}
.concern-section .pic img {
    width: 100%;
    height: 100%
}
.concern-section .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 25px;
    height: 25px;
    font-size: 12px;
    padding: 0 10px;
    background: #ececec;
    color: #6c6f6f;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.culture-content img {
    width: 100%;
    vertical-align: middle
}
.intro-content {
    padding: 10px 24px
}
.intro-content p {
    line-height: 20px;
    font-size: 12px;
    margin: 20px 0
}
.inscription-list {
    margin: 0.6rem 0 0 -0.3rem;
    overflow: hidden
}
.inscription-list .item {
    float: left;
    width: 7.35rem;
    margin: 0 0 0.27rem 0.3rem
}
.inscription-list .item img {
    vertical-align: middle
}
.join-index {
    height: 23rem;
    padding-top: 0.75rem;
    background: #76ace4 url("../images/join-indexbg.jpg") no-repeat bottom;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}
.join-index .logo {
    margin: 0 auto 2.5rem;
    height: 1.5rem;
    background: url("../images/logo-white.png") no-repeat center;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}
.join-nav {
    margin: 0 10px
}
.join-nav li {
    float: left;
    width: 33.3%
}
.join-nav img {
    width: 100%;
    vertical-align: middle
}
.job-list .item {
    padding: 7px 0;
    border-bottom: 1px solid #8b8b8b;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden
}
.job-list .item > a {
    display: block;
    overflow: hidden;
    padding: 7px 0;
    margin: -7px 0
}
.job-list .title {
    font-size: 14px;
    color: #000;
    line-height: 26px
}
.job-list .desc {
    float: left;
    color: #645e5e
}
.job-list .time {
    float: right;
    color: #645e5e
}
.job-content {
    background: #ebf6fd;
    padding: 15px
}
.job-detail-top {
    background: #fff;
    margin: -15px -15px 0;
    padding: 15px
}
.job-detail-top .name {
    font-size: 16px;
    color: #20a7f6;
    margin-bottom: 9px
}
.job-detail-top p {
    line-height: 25px;
    color: #605f60;
    font-size: 14px
}
.job-detail-top p:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0 4px;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain
}
.job-detail-top .location:before {
    background-image: url(../images/ico-location-2.png)
}
.job-detail-top .job:before {
    background-image: url(../images/ico-job-2.png)
}
.job-detail-body {
    padding: 15px 0;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 1.6
}
.job-detail-body h3 {
    color: #4a494a;
    margin: 5px 0
}
.join-content {
    background: #fff
}
.join-content .banner {
    margin: 0 -10px
}
.join-content .banner.topbanner {
    margin-top: -5px
}
.join-content .banner img {
    vertical-align: top
}
.join-content .info {
    font-size: 14px;
    line-height: 24px;
    margin: 0 -10px;
    padding: 16px 24px
}
.join-content .info h3 {
    line-height: 34px;
    font-size: 14px;
    color: #20a7f6
}
.join-content .info .img {
    margin-bottom: 9px
}
.join-content .info .img img {
    width: 100%;
    vertical-align: top
}
.join-content .info-bg {
    background: #f1f7fb
}
.benefit-list {
    margin: 10px -10px
}
.benefit-list li {
    line-height: 35px;
    margin: 4px 0;
    font-size: 16px;
    text-align: center
}
.benefit-list li:nth-of-type(2n) {
    background: #f1eded
}
.cb {
    clear: both;
    height: 0px;
    margin: 0;
    padding: 0;
    width: 0;
    border: none;
    overflow: hidden
}
.clearfix:after {
    clear: both;
    content: "";
    display: table
}
.clearfix {
    clear: both
}
.cl {
    clear: left
}
.cr {
    clear: right
}
.fl {
    float: left;
    display: inline
}
.fr {
    float: right
}
.dis {
    display: block
}
.ndis {
    display: none
}
.disin {
    display: inline
}
.pointer {
    cursor: pointer
}
.m5 {
    margin: 5px
}
.mv5 {
    margin: 5px 0
}
.mh5 {
    margin: 0 5px
}
.ml5 {
    margin-left: 5px
}
.mr5 {
    margin-right: 5px
}
.mt5 {
    margin-top: 5px
}
.mb5 {
    margin-bottom: 5px
}
.m10 {
    margin: 10px
}
.mv10 {
    margin: 10px 0
}
.mh10 {
    margin: 0 10px
}
.ml10 {
    margin-left: 10px
}
.mr10 {
    margin-right: 10px
}
.mt10 {
    margin-top: 10px
}
.mb10 {
    margin-bottom: 10px
}
.m15 {
    margin: 15px
}
.mv15 {
    margin: 15px 0
}
.mh15 {
    margin: 0 15px
}
.ml15 {
    margin-left: 15px
}
.mr15 {
    margin-right: 15px
}
.mt15 {
    margin-top: 15px
}
.mb15 {
    margin-bottom: 15px
}
.m20 {
    margin: 20px
}
.mv20 {
    margin: 20px 0
}
.mh20 {
    margin: 0 20px
}
.ml20 {
    margin-left: 20px
}
.ml40 {
    margin-left: 40px
}
.mr20 {
    margin-right: 20px
}
.mt20 {
    margin-top: 20px
}
.mt50 {
    margin-top: 50px
}
.mt150 {
    margin-top: 150px
}
.mb20 {
    margin-bottom: 20px
}
.mb50 {
    margin-bottom: 50px
}
.mb100 {
    margin-bottom: 100px
}
.p5 {
    padding: 5px
}
.pv5 {
    padding: 5px 0
}
.ph5 {
    padding: 0 5px
}
.pl5 {
    padding-left: 5px
}
.pr5 {
    padding-right: 5px
}
.pt5 {
    padding-top: 5px
}
.pb5 {
    padding-bottom: 5px
}
.p10 {
    padding: 10px
}
.pv10 {
    padding: 10px 0
}
.ph10 {
    padding: 0 10px
}
.pl10 {
    padding-left: 10px
}
.pr10 {
    padding-right: 10px
}
.pt10 {
    padding-top: 10px
}
.pb10 {
    padding-bottom: 10px
}
.p15 {
    padding: 15px
}
.pv15 {
    padding: 15px 0
}
.ph15 {
    padding: 0 15px
}
.pl15 {
    padding-left: 15px
}
.pr15 {
    padding-right: 15px
}
.pt15 {
    padding-top: 15px
}
.pb15 {
    padding-bottom: 15px
}
.p20 {
    padding: 20px
}
.pv20 {
    padding: 20px 0
}
.ph20 {
    padding: 0 20px
}
.pl20 {
    padding-left: 20px
}
.pr20 {
    padding-right: 20px
}
.pt20 {
    padding-top: 20px
}
.pb20 {
    padding-bottom: 20px
}
.p25 {
    padding: 25px
}
.pv25 {
    padding: 25px 0
}
.ph25 {
    padding: 0 25px
}
.pl25 {
    padding-left: 25px
}
.pr25 {
    padding-right: 25px
}
.pt25 {
    padding-top: 25px
}
.pb25 {
    padding-bottom: 25px
}
.pb50 {
    padding-bottom: 50px
}
.pb80 {
    padding-bottom: 80px
}
.pb100 {
    padding-bottom: 100px
}
.p30 {
    padding: 30px
}
.pv30 {
    padding: 30px 0
}
.ph30 {
    padding: 0 30px
}
.pl30 {
    padding-left: 30px
}
.pr30 {
    padding-right: 30px
}
.pt30 {
    padding-top: 30px
}
.pb30 {
    padding-bottom: 30px;
    color: #ffffff
}
.bor_ccc {
    border: 1px solid #ccc
}
.bor_ddd {
    border: 1px solid #ddd
}
.pr {
    position: relative
}
.pa {
    position: absolute
}
.tr {
    text-align: right
}
.tl {
    text-align: left
}
.tc {
    text-align: center
}
.tj {
    text-align: justify
}
.ti2 {
    text-indent: 2em
}
.vat {
    vertical-align: top
}
.vab {
    vertical-align: bottom
}
.vam {
    vertical-align: middle
}
.vatt {
    vertical-align: text-top
}
.vatb {
    vertical-align: text-bottom
}
.b {
    font-weight: bold
}
.f10 {
    font-size: 10px
}
.f12 {
    font-size: 12px
}
.f14 {
    font-size: 14px
}
.f16 {
    font-size: 16px
}
.f18 {
    font-size: 18px
}
.f20 {
    font-size: 20px
}
.f22 {
    font-size: 22px
}
.f24 {
    font-size: 24px
}
.f26 {
    font-size: 26px
}
.f28 {
    font-size: 28px
}
.f30 {
    font-size: 30px
}
.f36 {
    font-size: 36px
}
.lh18 {
    line-height: 18px
}
.lh20 {
    line-height: 20px
}
.lh22 {
    line-height: 22px
}
.lh24 {
    line-height: 24px
}
.lh25 {
    line-height: 25px
}
.lh28 {
    line-height: 28px
}
.lh30 {
    line-height: 30px
}
.lh35 {
    line-height: 35px
}
.lh40 {
    line-height: 40px
}
.colfff {
    color: #fff
}
.col000 {
    color: #000
}
.colccc {
    color: #ccc
}
.col333 {
    color: #333
}
.col666 {
    color: #666
}
.col888 {
    color: #888
}
.col999 {
    color: #999
}
.col369 {
    color: #369
}
.colf60 {
    color: #f60
}
.col069 {
    color: #069
}
.colf00 {
    color: #ff0000
}
.colmain {
    color: #20a7f6
}
#filter {
    display: block;
    margin: 10px;
    position: relative
}
#filter a.active {
    background-color: #20a7f6;
    color: #ffffff;
    text-decoration: none
}
#filter a {
    color: #000;
    display: inline-block;
    width: 31%;
    font-size: 14px;
    border: 1px solid #20a7f6;
    margin-right: 4px;
    margin-bottom: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 40px;
    line-height: 40px;
    text-align: center
}
#filter a:hover {
    background-color: #20a7f6;
    color: #ffffff;
    text-decoration: none
}
#equ li {
    float: left;
    width: 100%;
    margin: 0 5px 7px 5px;
    list-style: none outside none;
    position: relative
}
#equ li img {
    width: 100%
}
.postdoctor-content {
    padding-top: 0
}
.postdoctor-content .banner {
    background: #fff;
    margin: 0 -10px
}
.postdoctor-content .banner img {
    vertical-align: middle
}
.postdoctor-content .info {
    font-size: 12px;
    line-height: 2;
    padding: 0 10px 10px
}
.postdoctor-content .conbg1 {
    background: #fff;
    margin: 0 -10px;
    padding: 10px
}
.postdoctor-content .conbg2 {
    background: url(../images/post-contact.jpg) no-repeat center center;
    height: 512px
}
.publictit {
    margin: 15px 0;
    text-align: center;
    background: url(../images/page-line.jpg) no-repeat center center
}
.publictit h3 {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    line-height: 26px;
    height: 26px;
    background-color: #eaeef9
}
.postdoctor-number {
    background: url(../images/postdoctor-number-1.png) no-repeat center center;
    width: 50px;
    height: 50px;
    text-align: center
}
.postdoctor-number p {
    margin: 10px auto
}
.salary {
    height: 400px
}
.salary .salary-column-hdtitle {
    max-width: 540px;
    min-width: 300px
}
.condition-column {
    float: left;
    width: 46%;
    position: relative;
    margin: 5px
}
.condition-column-wrap {
    border: 1px solid #D4DDE4;
    height: 260px;
    padding: 20px 10px;
    line-height: 22px
}
.condition-column-bg1 {
    background: url(../images/postdoctor-condition-1-s.png) no-repeat center 20%
}
.condition-column-bg2 {
    background: url(../images/postdoctor-condition-2-s.png) no-repeat center 20%
}
.condition-column-bg3 {
    background: url(../images/postdoctor-condition-3-s.png) no-repeat center 20%
}
.condition-column-bg4 {
    background: url(../images/postdoctor-condition-4-s.png) no-repeat center 20%
}
.condition-column-hd {
    position: relative;
    background: #fff;
    height: 120px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 8px
}
.condition {
    height: 500px
}
.strengh-index {
    height: 23rem;
    padding-top: 0.75rem;
    background: #fff url("../images/strengh-indexbg.jpg") no-repeat bottom;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}
.strengh-index .logo {
    margin: 0 auto 2.5rem;
    height: 1.5rem;
    background: url("../images/logo-blue.png") no-repeat center;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}
.strengh-nav {
    margin: 50px 10px
}
.strengh-nav li {
    float: left;
    width: 33.33%
}
.strengh-nav img {
    width: 100%;
    vertical-align: middle
}
.guide-index {
    background: #fff url("../images/guide-indexbg.jpg") no-repeat bottom
}
.content-navpage {
    position: relative;
    top: 44px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding-bottom: 24.5rem;
}
.nav-box {
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -6.12rem;
    width: 12.25rem;
    height: 13.25rem;
    background: url("../images/nav-box-bg.png") no-repeat center;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%
}
.nav-box2 {
    /* background: url("../images/nav-box-bg2.png") no-repeat center; */
    background: url("../images/nav-box-bg.png") no-repeat center;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%
}
.nav-item {
    position: absolute;
    width: 3.5rem;
    height: 4rem
}
.nav-item .nav-ico {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0.4rem auto 0;
    background: no-repeat center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}
.nav-item .nav-text {
    display: block;
    color: #f7f8f9;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1
}
.nav-item-t {
    left: 4.4rem;
    top: 0
}
.nav-item-c {
    left: 4.4rem;
    top: 4.55rem
}
.nav-item-c .nav-ico {
    margin-top: 0.2rem;
    width: 2.5rem;
    height: 2.5rem
}
.nav-item-b {
    left: 4.4rem;
    top: 9.15rem
}
.nav-item-tr {
    left: 8.7rem;
    top: 1.65rem
}
.nav-item-br {
    left: 8.7rem;
    top: 6.5rem
}
.nav-item-tl {
    left: 0;
    top: 1.65rem
}
.nav-item-bl {
    left: 0;
    top: 6.5rem
}
/*底部固定模块start*/
.footer_fix{
    width: 100%;
    padding: 0.47rem 0 0;
    position: fixed;
    bottom:0px;
    left: 0px;
    background:white;
    border-top:1px solid #d2d2d2;
    z-index: 9999;
}
.footer_fix ul li{
    width:37.5%;
    float: left;
    border-right: 1px solid #d2d2d2;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.footer_fix ul:after{
    content: '';
    clear: both;
}
.footer_fix ul li.flink_back{
    width:25%;
    border-right: none;
	line-height:0.8;
}
.footer_fix ul li a{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size:0.75rem ;
    line-height: 1.47rem;
    color: #646464;
}
.footer_fix ul li:last-child a,.footer_fix ul li.flink_back a{
	font-size:0;
	line-height: 0rem;
}
.footer_fix ul li img{
    width: 1.25rem;
}
.footer_fix ul li.flink_back1 a:before,.footer_fix ul li.flink_back2 a:before{
    content: '';
    display: inline-block;
    width: 1.25rem;
    height: 1.47rem;
    background: url(../images/icon_tel.png) no-repeat;
    background-size: 1.25rem;
    margin-right: 0.625rem;
    vertical-align: middle;
}
.footer_fix ul li.flink_back2 a:before{
     background: url(../images/icon_advice.png) no-repeat;
    background-size: 1.25rem;
}
/*底部固定模块end*/
/*视频样式start*/
/*========视频列表============*/
.video_wrapper{
    width:100%;
    /*height: 406px;*/
}
.video_inner_left{
    widows: 100%;
    overflow: hidden;
}
.video_inner_left .video_inner{
    height: 250px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.video_inner_left .text{
    width: 100%;
    background-color: #e1eff5;
    padding: 0.55rem 0.625rem;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.video_inner_left .text p{
    height: 1rem;
    font-family: SourceHanSansCN-Regular;
    font-size: 0.4rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1rem;
    letter-spacing: 0px;
    color: #666666;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
}
.video_inner_left .text p:nth-child(1){
    font-family: SourceHanSansCN-Medium;
    font-size: 0.6rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    padding-bottom: 0.1rem;
}
.video_inner_text{
    width: 100%;
    /*height:16.5rem;*/
    overflow: hidden;
    padding:1rem 0.69rem 0.5rem;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.video_inner_text ul{
    height: 360px;
    overflow-y: scroll;
    overflow-x:hidden; 
}
.video_inner_text>h4{
    font-family: SourceHanSansCN-Medium;
    font-size: 0.8rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    padding-left: 0.2rem;
    font-weight: normal;
   margin-bottom: 0.5rem;
   border-left: 2px solid #20a7f6;
}
.video_inner_text .video_inner_title>h3{
    display: inline-block;
    width: 4rem;
    line-height: 1.5rem;
    font-family: SourceHanSansCN-Medium;
    font-size: 0.6rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    text-align: center;
    color: #1583ff;
    font-weight: normal;
    margin-bottom: 0.6rem;
    border-radius: 10px;
    border: solid 1px #1583ff;
}
.video_inner_text .video_inner_title>h3:nth-child(2){
    margin:0 0.25rem;
}
.video_inner_title>h3 a{
    display: block;
    width: 100%;
    color: #1583ff;
}
.video_inner_title>h3.current{
    background: #1583ff;
}
.video_inner_title>h3.current a{
    color: #fff;
}
.video_inner_text .video_bg,.video_inner_text .video_bg img{
    width:4rem;
    height: 3.5rem; 
    position: relative;
}
.video_inner_text .video_bg:after{
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    background:url(../images/play-icon.png) no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    opacity: 0.8;
}
.video_inner_text .video_title{
    width: 9.4rem;
    padding:0.35rem 0.6rem;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    
}
.video_inner_text li{
    margin-bottom: 0.8rem;
    cursor: pointer;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
   
}
.video_inner_text li:after{
    content: '';
    display: block;
    clear: both;
}
.video_inner_text li p{
    height: 1rem;
    font-family: SourceHanSansCN-Regular;
    font-size: 0.6rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1rem;
    letter-spacing: 0px;
    color: #333333;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
}
.video_inner_text li  p:nth-child(2){
    height: 2rem;
    padding-top: 0.2rem;
    font-family: SourceHanSansCN-Regular;
    font-size:0.4rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    -webkit-line-clamp:2;
}
.video_inner_text li.onbg{
    background: rgba(255,255,255,0.8);
}
.video_inner_text li.onbg p{
    color: #8f1515;
}
 /*滚动条样式*/
.video_inner_text ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.video_inner_text ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.video_inner_text ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
/*========视频列表============*/
/*视频样式end*/
@media screen and (max-width: 325px){
    .index-header .logo{
        width: 71%;
    }
}
/* ==================头尾修改start 7.3= */
.top_header_wrapper{
    width: 100%;
    /*max-width:540px;*/
    display: flex;
    height: 2.074074rem;
    align-items: center;
    justify-content:space-between;
    flex-wrap: nowrap;
    padding:0 1.037037rem;
    background-color: #20a7f6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    /*margin-left: -8.0rem;*/
    box-sizing:border-box;
}
.top_header_wrapper a{
    display: block;
    width: 1.13rem;
    /*height: 0.92rem;*/
}
.top_header_wrapper a:first-child{
    /*height: 1.01rem;*/
   /* background: url(../images/home_head_icon.png) center no-repeat;
    background-size:100%; */
}
.top_header_wrapper a:nth-child(2){
    width: 5.66rem;
    /*height: 1.01rem;*/
}
.top_header_wrapper a:nth-child(2) img{
    width: 100%;
}
.top_header_wrapper a:nth-child(3){
    width: 1.04rem;
    /*height: 1.01rem;*/
    /*background: url(../images/more_head_icon.png) no-repeat center;
    background-size: 100%;*/
}
/*====== 头尾修改start 7.4==== */
.footer_fix_wrapper{
    width: 100%;
    background: #20a7f6;
    position: fixed;
    left: 0;
    bottom: 0px;
    z-index: 9999;
}
.footer_fix_wrapper ul{
    display: flex;
    flex-wrap: nowrap;
    justify-items:center;
    align-items: center;
}
.footer_fix_wrapper ul li{
    flex: 1;
    position: relative;
    border-right:0.059259rem solid #4cbeff;
    padding:0.592593rem 0;
}
.footer_fix_wrapper ul li a{
    display: block;
    width: 100%;
    text-align: center;
    
}
.footer_fix_wrapper ul li img{
    width:1.333333rem;
    margin:0 auto;
}
.footer_fix_wrapper ul li a p,.footer_fix_wrapper ul li p{
    font-size:0.711111rem;
    font-weight: normal;
    font-stretch: normal;
    line-height:0.6rem;
    letter-spacing: 0rem;
    color: #ffffff;
    text-align: center;
}
.footer_fix_wrapper .swt_count{
    width: 0.68rem;
    height: 0.68rem;
    background-color: #ff6159;
    border-radius: 50%;
    position: absolute;
    right:0.948148rem;
    top:0.3rem;
    font-size: 0.47rem;
    font-weight: normal;
    font-stretch: normal;
    line-height:0.68rem;
    text-align: center;
    letter-spacing: 0rem;
    color: #ffffff;
    font-style: normal;
}
/* =====底部样式修改start ======*/
/*========= 联系我们start=============== */
.lxwm-wrapper{
}
.lxwm-wrapper .colf80{
    color: #20a7f6;
    font-weight: bold;
}
.lxwm-wrapper p{
    font-size:0.6rem;
    margin-bottom:0.3rem;
    color:rgb(102, 102, 102)
}
.lxwm-wrapper p a{
    font-size:0.7rem;
    color: #20a7f6;
}
.lxwm-wrapper h2{
    font-weight: bold;
    color: #000;
    font-size:0.7rem;
}
.lxwm-wrapper strong{
    font-weight: bold;
}
.lxwm-wrapper .lxwmb{
    padding:0.588rem 0.755rem;
}
/*========= 联系我们end=============== */
/*网站地图列表页面布局样式start*/
.map_wrapper{
    width: 90%;
    background: #fff;
    padding: 0.8rem;
    margin: 0px auto;
}
.map_list{
    margin-bottom:1.6rem;
}
.map_wrapper h2{
    font-weight: normal;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #efefef;
}
.map_wrapper h2 a{
    display: inline-block;
    font-size: 0.88rem;
    color: #2b2b2b;
}
.map_wrapper h2:after{
    content: '';
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    background: url(../images/map_minus.png) no-repeat; 
    background-size: 100%;
    vertical-align: middle;
    margin-left: 0.33rem;
    margin-top: -0.4rem;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease; /* Firefox 4 */
    -webkit-transiton:all 0.3s ease;/* Safari 和 Chrome */
}
.map_wrapper .map_list1 h3:after{
    content: '';
    display: inline-block;
    width: 0.66rem;
    height: 0.66rem;
    background: url(../images/map_minus1.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 0.33rem;
    margin-top: -0.4rem;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease; /* Firefox 4 */
    -webkit-transiton:all 0.3s ease;/* Safari 和 Chrome */
}
.map_wrapper h2.on:after{
    background: url(../images/map_add.png) no-repeat;
    background-size: 100%;
}
.map_wrapper .map_list1 h3.on:after{
    background:url(../images/map_add1.png);
    background-size: 100%;
}
.map_wrapper ul{
    /* padding-left: 0.2rem; */
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.map_wrapper ul li{
    /* width: 266px; */
    width: 50%;
    padding-left: 1.375rem;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    background:url(../images/map_icon1.png) no-repeat;
    float: left;
    margin-top: 1rem;
    
}
.map_wrapper ul li a{
    display: block;
    width: 100%;
    text-decoration: none;
    color: #2b2b2b;
}
.map_wrapper ul li a h3,.map_wrapper .map_list1 h3 a{
    font-weight: normal;
    font-size: 0.82rem;
    color: #2b2b2b;
}
.map_wrapper ul li a h3,.map_wrapper .map_list1 h3{
    margin-bottom: 6px;
}
.map_wrapper ul li a p{
    /* width:180px; */
    /* width:7.5rem;
    white-space: nowrap; */
    overflow:hidden;
    font-size: 0.58rem;
    line-height: 0.875rem;
    text-overflow:ellipsis;
    color:#7d7e78;
}
.map_wrapper ul:after{
    content: '';
    display: block;
    clear: both;
}
.map_wrapper .map_list1 ul li{
    width: 100%;
}
.map_wrapper .map_list1 a{
    display: inline-block;
    width: auto;
}
.map_wrapper .map_list1 .fd_link{
    margin-bottom: 0.625rem;
}
.map_wrapper .map_list1 .fd_link a{
    display: inline;
    padding: 0 0.54rem;
    font-size: 0.58rem;
    color: #333;
    border-left:1px solid #71b4ff; 
}
.map_wrapper .map_list1 .fd_link a.alink1{
    border-right: 1px solid #71b4ff;
}
/*网站地图页面布局样式end*/


@media screen and (min-width:540px){
    html{font-size:33.75px;}
}
@media screen and (min-width:414px) and (max-width:639px){
    html{font-size:25.875px;}
}
@media screen and (min-width:375px) and (max-width:413px){
    html{font-size:23.44px;}
}
@media screen and (min-width:320px) and (max-width:374px){
    html{font-size:20px;}
}