.header div :focus,
html a,
html input,
html textarea {
    outline: 0
}

.classify dl dd a.btn,
.classify dl dd a:hover,
.nav div a.btn,
.nav div a:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.cooperation_bj .cooperation>div:hover,
.video_l>div:hover {
    -moz-box-shadow: 2px 2px 7px rgba(51, 51, 51, .3);
    -webkit-box-shadow: 2px 2px 7px rgba(51, 51, 51, .3)
}

html body {
    background-color: #fff;
    font: 14px/1.5 Arial, Helvetica, sans-serif
}

html em,
html i,
html sub,
html sup {
    font-style: normal
}

html article,
html aside,
html audio,
html body,
html dd,
html div,
html dl,
html footer,
html form,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html header,
html iframe,
html input,
html label,
html nav,
html ol,
html p,
html section,
html select,
html td,
html textarea,
html th,
html time,
html ul,
html video {
    margin: 0;
    padding: 0
}

html article,
html aside,
html audio,
html canvas,
html footer,
html header,
html nav,
html section,
html video {
    display: block
}

html textarea {
    resize: none
}

html button,
html input {
    -webkit-appearance: none
}

html iframe,
html img {
    border: 0
}

html li,
html ol,
html ul {
    list-style: none
}

html a {
    text-decoration: none;
    list-style-type: none;
    color: #333
}

.header_top,
.header_top .header_c li .phone_bx span,
.header_top .header_c li a,
.header_top .header_c ul .phone_bx span,
.header_top .header_c ul a {
    font-size: 12px;
    color: #999
}

html h1,
html h2,
html h3,
html strong {
    font-weight: 400
}

html .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

html .clearfix {
    zoom: 1
}

html sub,
html sup {
    vertical-align: baseline
}

.header_top {
    height: 36px;
    border-bottom: 1px solid #e5e5e5;
    background: #f9f9f9;
    width: 100%
}

.header_top .header_c {
    margin: 0 auto;
    width: 1000px;
    position: relative
}

.header_top .header_c li,
.header_top .header_c ul {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    float: left;
    padding: 0 12px
}

.header_top .header_c li a.zm,
.header_top .header_c ul a.zm {
    background: url(../images/zhaomu.png) no-repeat
}

.header_top .header_c li a.login,
.header_top .header_c ul a.login {
    background: url(../images/uesr.png) no-repeat
}

.header_top .header_c li a.login,
.header_top .header_c li a.zm,
.header_top .header_c ul a.login,
.header_top .header_c ul a.zm {
    padding-left: 16px;
    background-position: 0 2px
}

.header_top .header_c .h_fr {
    float: right !important
}

.header_top .header_c .webNav {
    display: none;
    position: absolute;
    right: 185px;
    top: 36px;
    z-index: 200;
    padding: 14px 30px 10px;
    width: 700px;
    border: 1px solid #ddd;
    background: #fff
}

.header_top .header_c .phone_bx em,
.header_top .header_c .phone_bx i,
.header_top .header_c .phone_bx span,
.header_top .header_c .webNav .webNav_dl dd a {
    display: inline-block;
    float: left;
    overflow: hidden
}

.header_top .header_c .webNav .webNav_dl {
    width: 700px;
    border-bottom: 1px dashed #ccc;
    overflow: hidden
}

.header_top .header_c .webNav .webNav_dl:last-child {
    border-bottom: 0
}

.header_top .header_c .webNav .webNav_dl dd,
.header_top .header_c .webNav .webNav_dl dt {
    float: left;
    padding: 10px 0;
    line-height: 27px;
    font-size: 14px
}

.header_top .header_c .webNav .webNav_dl dt {
    padding-right: 20px;
    width: 65px;
    height: 27px;
    text-align: right;
    color: #000
}

.header_top .header_c .webNav .webNav_dl dd {
    width: 614px;
    overflow: hidden
}

.header_top .header_c .webNav .webNav_dl dd a {
    margin-right: 13px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    color: #000
}

.header_top .header_c .webNav .webNav_dl dd a.bold {
    color: #0590eb;
    font-weight: 600
}

.header_top .header_c #ewm_area,
.header_top .header_c #wxgzh_area {
    position: relative;
    z-index: 20
}

.header_top .header_c .phone_bx {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    cursor: pointer
}

.header_top .header_c .phone_bx i {
    margin: 9px 5px 0 0;
    width: 13px;
    height: 19px;
    background: url(../images/icon_2.png) -37px -248px no-repeat
}

.header_top .header_c .phone_bx em {
    margin: 17px 0 0 5px;
    width: 9px;
    height: 5px;
    background: url(../images/icon_1.png) -791px -208px no-repeat
}

.header_top .header_c .phone_bx.hover {
    text-decoration: underline
}

.header_top .header_c .phone_bx.hover i {
    background-position: -37px -248px
}

.header_top .header_c .phone_bx.hover em {
    background-position: -791px -187px
}

.header_top .header_c .ewm_phone_bx {
    display: none;
    position: absolute;
    left: 12px;
    top: 36px;
    z-index: 99;
    padding: 10px 10px 0;
    width: 152px;
    height: 180px;
    border: 1px solid #e5e5e5;
    background: #fff
}

.header_top .header_c .ewm_phone_bx dd {
    width: 150px;
    height: 150px;
    border: 1px solid #e5e5e5
}

.header_top .header_c .ewm_phone_bx dt {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #333;
    text-align: center
}

.footer_area {
    margin: 20px 0 0;
    padding: 14px 0 29px;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    background: #fff;
    float: left;
    width: 100%
}

.footer_area .footer_c {
    margin: 0 auto;
    width: 1000px;
    overflow: hidden
}

.footer_area .footer_c p {
    width: 100%;
    line-height: 24px;
    font-size: 12px;
    color: #999;
    text-align: center;
    float: left
}

.footer_area .footer_c p em {
    font-size: 12px;
    font-style: normal
}

.footer_area .footer_c p a {
    font-size: 12px;
    color: #999
}

.footer_area .footer_c span {
    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #999;
    height: 24px;
    line-height: 24px;
    font-size: 0
}

.footer_area .footer_c span a {
    display: inline-block;
    text-align: center;
    color: #999;
    font-size: 12px
}

.footer_area .footer_c span a i {
    padding: 0 13px;
    display: inline-block;
    font-size: 12px
}

.footer_area .footer_c .authoritative_website {
    margin: 15px auto 0;
    width: 100%;
    height: 52px;
    float: left;
    display: inline-block;
    text-align: center
}

.footer_area .footer_c .authoritative_website li {
    margin: 0 7px;
    width: 120px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #ccc;
    text-align: center;
    display: inline-block
}

.footer_area .footer_c .authoritative_website li a,
.footer_area .footer_c .authoritative_website li a img {
    display: block;
    width: 120px;
    height: 50px;
    overflow: hidden
}

.header {
    height: 120px;
    width: 1000px;
    margin: 0 auto
}

.header h2 {
    float: left;
    width: 240px;
    height: 68px;
    margin-top: 26px
}

.header div {
    width: 490px;
    height: 40px;
    float: right;
    margin-top: 40px
}

.header div input {
    border: 1px solid #f9c5a0;
    float: left;
    width: 380px;
    box-sizing: border-box;
    border-right: 0;
    height: 40px;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
    color: #999;
    text-indent: 1em
}

.header div a,
.header div button {
    width: 110px;
    height: 40px;
    background-color: #ffd3b3;
    font-size: 18px;
    line-height: 40px;
    box-sizing: border-box;
    text-align: center
}

.header div ::-webkit-input-placeholder {
    color: #999
}

.header div :-moz-placeholder {
    color: #999
}

.header div ::-moz-placeholder {
    color: #999
}

.header div :-ms-input-placeholder {
    color: #999
}

.header div a,
.header div button,
.nav div a {
    color: #fff;
    float: left
}

.header div a {
    border: 1px solid #f9c5a0;
    border-left: 0;
    border-radius: 0 4px 4px 0
}

.header div button {
    border: 1px solid #f9c5a0;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    text-decoration: none;
    outline: 0;
    padding: 0;
    margin: 0
}

.nav,
.nav div,
.nav div a {
    height: 50px
}

.nav {
    float: left;
    width: 100%;
    background-color: #81d9d1;
    margin-bottom: 20px
}

.classify,
.nav div {
    width: 1000px;
    margin: 0 auto
}

.nav div a {
    padding: 0 22px;
    font-size: 16px;
    line-height: 50px
}

.nav div a.btn,
.nav div a:hover {
    background-color: #6ec3c6;
    transition: all .2s ease-in-out
}

.classify {
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    background-color: #f8f8f8;
    padding-bottom: 5px
}

.classify dl {
    border-bottom: none !important;
    width: 960px;
    margin: 0 20px;
    float: left
}

.classify dl:first-child {
    border-bottom: 1px solid #e8e8e8;
    color: #333;
    font-size: 16px
}

.classify dl dt {
    width: 50px;
    height: 100%;
    line-height: 65px;
    float: left;
    font-size: 16px;
    color: #333
}

.classify dl dd {
    margin-top: 20px;
    float: left;
    width: 910px;
    overflow: hidden
}

.classify dl dd a {
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    color: #777;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer
}

.classify dl dd a.btn,
.classify dl dd a:hover {
    background-color: #81d9d1;
    color: #fff;
    transition: all .2s ease-in-out
}

.page ul li a:hover,
.science_video ul li:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.classify dl em {
    float: left;
    width: 100%;
    text-align: center;
    height: 28px;
    padding: 10px 0;
    display: none
}

.classify dl em a {
    background: url(../images/bottom.png) no-repeat;
    width: 14px;
    height: 11px;
    display: inline-block;
    background-size: 14px 11px;
    margin-right: 3px
}

.classify dl em strong {
    background: url(../images/top.png) no-repeat;
    width: 14px;
    height: 11px;
    display: inline-block;
    background-size: 14px 11px;
    margin-right: 3px
}

.classify dl em p {
    width: 100px;
    text-align: center;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #6ec3c6;
    border: 1px solid #6ec3c6;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer
}

.video_l {
    margin: 20px auto 0;
    width: 1000px
}

.video_l>div {
    float: left;
    width: 233px;
    margin: 0 22px 22px 0
}

.video_l>div>a {
    float: left;
    width: 100%;
    display: inline-block;
    position: relative
}

.video_l>div>a>i {
    width: 100%;
    height: 131px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left
}

.video_l>div>a>i img {
    float: left;
    width: 100%;
    height: 100%
}

.video_l>div>a>i em {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36px;
    height: 24px;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    line-height: 24px
}

.video_l>div>a strong {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 131px;
    background: url(../images/play.png) center center no-repeat rgba(51, 51, 51, .5);
    background-size: 57px 57px;
    display: none
}

.video_l>div>a div,
.video_l>div>span {
    line-height: 48px;
    background-color: #f8f8f8;
    float: left;
    box-sizing: border-box
}

.video_l>div>a span {
    float: left;
    width: 100%;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    border-top: 0;
    border-bottom: 0
}

.video_l>div>a span p {
    float: left;
    width: 213px;
    margin: 15px 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video_l>div>a span em {
    float: left;
    width: 213px;
    margin: 10px
}

.video_l>div>a span em i {
    float: left;
    color: #999;
    font-size: 12px;
    margin-right: 15px
}

.video_l>div>a div i,
.video_l>div>span a i {
    font-size: 14px;
    color: #6ec3c6
}

.video_l>div>a div {
    height: 48px;
    width: 100%;
    border: 1px solid #f0f0f0;
    border-top: 0
}

.video_l>div>a div img {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 9px 12px 0
}

.video_l>div>a:hover p {
    color: #6ec3c6
}

.video_l>div:nth-child(4n) {
    margin-right: 0
}

.video_l>div>span {
    height: 48px;
    width: 100%;
    border: 1px solid #f0f0f0;
    border-top: 0
}

.video_l>div>span a {
    float: left;
    width: 100%;
    text-decoration: none
}

.video_l>div>span a img {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 9px 12px 0
}

.page,
.page ul,
.page ul li a {
    width: 100%;
    float: left
}

.page ul,
.page ul li {
    height: 36px;
    line-height: 36px
}

.video_l>div:hover {
    box-shadow: 2px 2px 7px rgba(51, 51, 51, .3)
}

.page {
    padding: 20px 0;
    overflow: hidden
}

.page ul {
    font-size: 0;
    display: inline-block;
    text-align: center
}

.page ul li,
.page ul li a {
    font-size: 14px;
    color: #6ec3c6;
    min-width: 36px;
    display: inline-block
}

.page ul li {
    margin-right: 5px
}

.page ul li a {
    height: 100%;
    border: 1px solid #e8e8e8;
    padding: 0 15px;
    box-sizing: border-box
}

.page ul li a:hover {
    border: 1px solid #6ec3c6;
    background-color: #6ec3c6;
    color: #fff;
    transition: all .2s ease-in-out
}

.page ul li a.no_bb {
    border: 0 !important
}

.page ul li.btn a {
    border: 1px solid #6ec3c6;
    background-color: #6ec3c6;
    color: #fff
}

.seek_video {
    margin: 20px auto 0;
    width: 1000px;
    overflow: hidden
}

.seek_video h2 {
    background: url(../images/seek_video.jpg) no-repeat;
    font-size: 0;
    display: inline-block;
    width: 178px;
    height: 260px;
    background-size: 178px 260px;
    float: left
}

.seek_video h2 a {
    float: left;
    width: 100%;
    height: 100%;
    display: inline-block
}

.seek_video .seek_tab {
    float: left;
    width: 822px;
    padding: 0 30px;
    height: 260px;
    border: 1px solid #6ec3c6;
    box-sizing: border-box;
    border-left: 0;
    background-color: #fff
}

.seek_video .seek_tab ul {
    float: left;
    width: 100%;
    height: 110px;
    margin-top: 23px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box
}

.seek_video .seek_tab ul li {
    float: left;
    width: 12.5%;
    text-align: center;
    height: 110px;
    cursor: pointer
}

.recommend dl dd a,
.seek_video .seek_tab ol li a {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.seek_video .seek_tab ul li i {
    background: url(../images/icon_seek.png) no-repeat;
    width: 60px;
    height: 60px;
    background-size: 746px 60px;
    display: inline-block
}

.seek_video .seek_tab ul li em {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #000;
    margin: 10px 0
}

.seek_video .seek_tab ul li:nth-child(1) i {
    background-position: 0 0
}

.seek_video .seek_tab ul li:nth-child(2) i {
    background-position: -98px 0
}

.seek_video .seek_tab ul li:nth-child(3) i {
    background-position: -196px 0
}

.seek_video .seek_tab ul li:nth-child(4) i {
    background-position: -294px 0
}

.seek_video .seek_tab ul li:nth-child(5) i {
    background-position: -392px 0
}

.seek_video .seek_tab ul li:nth-child(6) i {
    background-position: -490px 0
}

.seek_video .seek_tab ul li:nth-child(7) i {
    background-position: -588px 0
}

.seek_video .seek_tab ul li:nth-child(8) i {
    background-position: -686px 0
}

.seek_video .seek_tab ul li.btn,
.seek_video .seek_tab ul li:hover {
    background: url(../images/seek_hover.png) bottom center no-repeat;
    background-size: 100% 5px
}

.seek_video .seek_tab ul li.btn em,
.seek_video .seek_tab ul li:hover em {
    color: #6ec3c6
}

.seek_video .seek_tab ol {
    float: left;
    width: 100%;
    margin-top: 10px
}

.seek_video .seek_tab ol li {
    float: left;
    width: 100%;
    display: none
}

.seek_video .seek_tab ol li a {
    float: left;
    color: #777;
    font-size: 14px;
    margin: 10px 10px 0;
    width: 16.66666667%
}

.seek_video .seek_tab ol li a:hover {
    color: #6ec3c6
}

.recommend {
    margin: 20px auto 0;
    width: 980px;
    padding: 30px 10px;
    overflow: hidden;
    background-color: #f8f8f8;
    height: 106px
}

.recommend dl {
    float: left;
    width: 20%;
    border-right: 1px dotted #ccc;
    height: 100%;
    padding: 0 0 0 20px;
    box-sizing: border-box
}

.recommend dl dd,
.recommend dl dt {
    width: 100%;
    float: left
}

.recommend dl dt {
    font-size: 16px;
    color: #000
}

.recommend dl dd a {
    float: left;
    width: 45%;
    font-size: 14px;
    color: #777;
    margin-top: 8px
}

.recommend dl dd a:hover {
    color: #6ec3c6
}

.recommend dl:last-child {
    border: 0
}

.science_video {
    margin: 20px auto 0;
    width: 1000px
}

.science_video h2 {
    height: 32px;
    display: inline-block;
    color: #6ec3c6;
    line-height: 32px;
    font-size: 28px
}

.science_video ul a,
.science_video ul li {
    margin-right: 10px;
    border-radius: 15px;
    padding: 0 15px;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    line-height: 32px
}

.science_video h2 i {
    background: url(../images/icon_title.png) no-repeat;
    background-size: 100px 100px;
    display: inline-block;
    width: 28px;
    height: 28px;
    float: left;
    margin-right: 10px;
    margin-top: 2px
}

.science_video ul {
    float: right;
    height: 32px;
    line-height: 32px
}

.science_video ul li {
    float: left;
    height: 32px;
    color: #777
}

.science_video ul li.btn,
.science_video ul li:hover {
    color: #fff;
    background-color: #ffc398
}

.science_video ul li:hover {
    transition: all .2s ease-in-out
}

.ask ul li:hover,
.science_video ul a:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.science_video ul a {
    float: left;
    height: 32px;
    color: #777
}

.science_video ul a:hover {
    background-color: #ffc398;
    color: #fff;
    transition: all .2s ease-in-out
}

.science_video ol {
    float: left;
    width: 100%
}

.science_video ol li {
    display: none;
    float: left;
    width: 100%;
    padding-bottom: 8px
}

.cooperation_bj {
    float: left;
    width: 100%;
    background-color: #f8f8f8;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 30px
}

.cooperation_bj .cooperation {
    width: 1000px;
    margin: 30px auto
}

.cooperation_bj .cooperation h2 {
    height: 32px;
    display: inline-block;
    color: #6ec3c6;
    line-height: 32px;
    font-size: 28px;
    float: left;
    width: 100%
}

.cooperation_bj .cooperation h2 i {
    background: url(../images/icon_title.png) 0 -75px no-repeat;
    background-size: 100px 100px;
    display: inline-block;
    width: 35px;
    height: 25px;
    float: left;
    margin-right: 10px;
    margin-top: 4px
}

.cooperation_bj .cooperation>div {
    float: left;
    width: 233px;
    margin: 22px 22px 0 0
}

.cooperation_bj .cooperation>div a {
    float: left;
    width: 100%;
    display: inline-block;
    position: relative
}

.cooperation_bj .cooperation>div a>i {
    width: 100%;
    height: 154px;
    position: relative;
    display: inline-block;
    float: left;
    overflow: hidden
}

.cooperation_bj .cooperation>div a>i img {
    float: left;
    width: 100%;
    height: 100%
}

.cooperation_bj .cooperation>div a>span {
    background-color: #fff;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    border-top: 0
}

.cooperation_bj .cooperation>div a>span p {
    width: 92%;
    margin: 10px 4%;
    float: left;
    height: 18px;
    line-height: 18px
}

.cooperation_bj .cooperation>div a>span p em {
    float: left;
    color: #333;
    font-size: 16px;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cooperation_bj .cooperation>div a>span p i {
    float: left;
    margin-top: 2px;
    width: 27px;
    height: 14px;
    line-height: 14px;
    background-color: #6ec3c6;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
    padding: 0 2px;
    border-radius: 2px;
    display: inline-block
}

.cooperation_bj .cooperation>div a>span strong {
    font-size: 14px;
    color: #999;
    width: 92%;
    margin: 0 4%
}

.cooperation_bj .cooperation>div a sub,
.cooperation_bj .cooperation>div a sup {
    width: 39px;
    height: 26px;
    line-height: 22px;
    position: absolute;
    left: 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    top: 0
}

.cooperation_bj .cooperation>div a sub {
    background: url(../images/title_icon.png) no-repeat
}

.cooperation_bj .cooperation>div a sup {
    background: url(../images/title_icon.png) 0 -34px no-repeat
}

.cooperation_bj .cooperation>div:nth-child(4n+1) {
    margin-right: 0
}

.cooperation_bj .cooperation>div:hover {
    box-shadow: 2px 2px 7px rgba(51, 51, 51, .3)
}

.doctor {
    margin: 0 auto;
    width: 1000px
}

.doctor h2 {
    height: 32px;
    display: inline-block;
    color: #6ec3c6;
    line-height: 32px;
    font-size: 28px;
    margin-top: 10px
}

.doctor h2 i {
    background: url(../images/icon_title.png) 0 -75px no-repeat;
    background-size: 100px 100px;
    display: inline-block;
    width: 35px;
    height: 25px;
    float: left;
    margin-right: 10px;
    margin-top: 4px
}

.doctor ul {
    float: right;
    height: 32px;
    margin-top: 10px
}

.doctor ul li {
    float: left;
    width: 10px;
    height: 10px;
    margin: 10px 10px 0 0;
    display: inline-block;
    color: #777;
    cursor: pointer;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 50%
}

.doctor>sub,
.doctor>sup {
    float: right;
    margin-top: 18px;
    width: 8px;
    height: 15px;
    display: inline-block;
    cursor: pointer
}

.doctor ul li.btn {
    background-color: #ffc398;
    color: #fff;
    border: 0
}

.doctor>sub {
    background: url(../images/jiantou.png) -30px -22px no-repeat
}

.doctor>sub:hover {
    background: url(../images/jiantou.png) -30px 0 no-repeat
}

.doctor>sup {
    margin-right: 10px;
    background: url(../images/jiantou.png) no-repeat
}

.doctor>sup:hover {
    background: url(../images/jiantou.png) -1px -22px no-repeat
}

.doctor ol {
    float: left;
    width: 100%;
    margin-top: 20px
}

.doctor ol li {
    float: left;
    width: 100%;
    display: none
}

.doctor ol li>div {
    float: left;
    width: 233px;
    margin: 0 22px 22px 0;
    border: 1px solid #f0f0f0;
    box-sizing: border-box
}

.doctor ol li>div a {
    float: left;
    width: 100%;
    display: inline-block;
    position: relative
}

.doctor ol li>div a>i {
    width: 100%;
    height: 124px;
    position: relative;
    display: inline-block;
    float: left;
    text-align: center;
    margin-top: 20px;
    overflow: hidden
}

.doctor ol li>div a>i em,
.doctor ol li>div a>i img {
    position: absolute;
    display: inline-block;
    text-align: center
}

.doctor ol li>div a>i img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    top: 0;
    left: 56px
}

.doctor ol li>div a>i em {
    background: url(../images/img_host2.png) no-repeat;
    width: 133px;
    height: 23px;
    left: 50px;
    bottom: 0;
    font-size: 12px;
    color: #fff;
    line-height: 23px
}

.doctor ol li>div a h3 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0
}

.doctor ol li>div a h3 i {
    font-size: 18px;
    color: #333
}

.doctor ol li>div a h3 strong {
    font-size: 14px;
    color: #6ec3c6;
    margin-left: 5px
}

.doctor ol li>div a p {
    height: 43px;
    float: left;
    width: 193px;
    margin: 0 20px;
    font-size: 14px;
    color: #999;
    text-align: center;
    border-bottom: 1px dotted #e0e0e0;
    padding-bottom: 10px
}

.doctor ol li>div a>strong {
    float: left;
    width: 193px;
    font-size: 14px;
    color: #999;
    line-height: 22px;
    margin: 10px 20px 15px;
    height: 44px;
    overflow: hidden
}

.doctor ol li>div a span {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #f8f8f8
}

.doctor ol li>div a span sub,
.doctor ol li>div a span sup {
    width: 50%;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    margin-top: 14px;
    float: left
}

.doctor ol li>div a span sup {
    border-left: 1px solid #999;
    color: #999;
    box-sizing: border-box
}

.doctor ol li>div a span sup i {
    margin-left: 5px;
    color: #ffd3b3
}

.doctor ol li>div a span sub {
    color: #999
}

.doctor ol li>div a span sub i {
    margin-left: 5px;
    color: #ffd3b3
}

.doctor ol li>div:nth-child(4n) {
    margin-right: 0
}

.doctor ol li>div:hover {
    -moz-box-shadow: 2px 2px 7px rgba(51, 51, 51, .3);
    -webkit-box-shadow: 2px 2px 7px rgba(51, 51, 51, .3);
    box-shadow: 2px 2px 7px rgba(51, 51, 51, .3)
}

.ask {
    margin: 0 auto;
    width: 1000px;
    overflow: hidden;
    padding-top: 10px
}

.ask h2 {
    height: 32px;
    display: inline-block;
    color: #6ec3c6;
    line-height: 32px;
    font-size: 28px
}

.ask ul a,
.ask ul li {
    margin-right: 10px;
    border-radius: 15px;
    padding: 0 15px;
    font-size: 16px;
    display: inline-block;
    cursor: pointer
}

.ask h2 i {
    background: url(../images/icon_title.png) 0 -75px no-repeat;
    background-size: 100px 100px;
    display: inline-block;
    width: 35px;
    height: 25px;
    float: left;
    margin-right: 10px;
    margin-top: 4px
}

.ask ul,
.ask ul a,
.ask ul li {
    height: 32px;
    line-height: 32px
}

.ask ul {
    float: right
}

.ask ul li {
    float: left;
    color: #777
}

.ask ul li.btn,
.ask ul li:hover {
    color: #fff;
    background-color: #ffc398
}

.ask ul li:hover {
    transition: all .2s ease-in-out
}

.ask ul a {
    float: left;
    color: #777
}

.ask ul a:hover {
    background-color: #ffc398;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ask ol {
    float: left;
    width: 100%;
    margin-top: 20px
}

.ask ol li {
    float: left;
    width: 100%;
    display: none
}

.ask ol li .ask_l {
    float: left;
    overflow: hidden;
    width: 730px;
    margin-right: 20px
}

.ask ol li .ask_l .doc_ask {
    float: left;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
    height: 102px;
    margin: 24px 0 12px;
    padding-bottom: 12px;
    position: relative
}

.ask ol li .ask_l .doc_ask a.doc_head {
    float: left;
    width: 180px;
    margin-right: 20px;
    overflow: hidden;
    height: 115px
}

.ask ol li .ask_l .doc_ask a.doc_head i {
    float: left;
    display: inline-block;
    width: 70px;
    height: 80px;
    position: relative;
    margin-right: 10px
}

.ask ol li .ask_l .doc_ask a.doc_head i img {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.ask ol li .ask_l .doc_ask a.doc_head i em {
    position: absolute;
    bottom: 0;
    left: 5px;
    display: inline-block;
    width: 60px;
    border: 1px solid #ffd3b3;
    box-sizing: border-box;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    font-size: 12px;
    color: #ffd3b3;
    border-radius: 4px;
    text-align: center
}

.ask ol li .ask_l .doc_ask a.doc_head span {
    float: left;
    width: 100px;
    height: 100%;
    display: inline-block
}

.ask ol li .ask_l .doc_ask a.doc_head span sub {
    font-size: 16px;
    color: #333;
    float: left;
    width: 100%;
    display: inline-block;
    margin: 5px 0
}

.ask ol li .ask_l .doc_ask a.doc_head span sup {
    font-size: 14px;
    color: #999;
    float: left;
    width: 100%;
    line-height: 20px
}

.ask ol li .ask_l .doc_ask a.doc_qa {
    float: left;
    width: 530px;
    overflow: hidden;
    height: 115px
}

.ask ol li .ask_l .doc_ask a.doc_qa h3 {
    color: #333;
    float: left;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 7px
}

.ask ol li .ask_l .doc_ask a.doc_qa h3 i {
    background: url(../images/qa.png) no-repeat;
    font-size: 16px;
    background-size: 20px 47px;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 10px
}

.ask ol li .ask_l .doc_ask a.doc_qa span {
    float: left;
    height: 45px;
    width: 100%;
    overflow: hidden
}

.ask ol li .ask_l .doc_ask a.doc_qa span p {
    float: right;
    width: 500px;
    font-size: 14px;
    color: #999;
    line-height: 24px
}

.ask ol li .ask_l .doc_ask a.doc_qa span i {
    background: url(../images/qa.png) 0 -27px no-repeat;
    font-size: 16px;
    background-size: 20px 47px;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 3px
}

.ask ol li .ask_l .doc_ask a.doc_qa:hover h3 {
    color: #6ec3c6
}

.ask ol li .ask_l .doc_ask>span {
    position: absolute;
    right: 0;
    bottom: 12px;
    font-size: 14px;
    color: #999
}

.ask ol li .ask_l .doc_ask>span i {
    color: #ffd3b3
}

.ask ol li .ask_l .doc_ask:last-child {
    border: 0
}

.ask ol li .ask_r {
    float: left;
    overflow: hidden;
    width: 250px
}

.ask ol li .ask_r .consult {
    float: left;
    width: 100%;
    height: 270px;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    position: relative
}

.ask ol li .ask_r .consult .tab_img {
    float: left;
    width: 100%;
    height: 100px;
    position: relative;
    margin-top: 20px
}

.ask ol li .ask_r .consult .tab_img i {
    float: left;
    display: inline-block
}

.ask ol li .ask_r .consult .tab_img i:nth-child(1) {
    position: absolute;
    left: 30px;
    bottom: 0;
    z-index: 1
}

.ask ol li .ask_r .consult .tab_img i:nth-child(1) img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.ask ol li .ask_r .consult .tab_img i:nth-child(2) {
    position: absolute;
    left: 75px;
    top: 0;
    z-index: 2
}

.ask ol li .ask_r .consult .tab_img i:nth-child(2) img {
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.ask ol li .ask_r .consult .tab_img i:nth-child(3) {
    position: absolute;
    z-index: 1;
    right: 30px;
    bottom: 0
}

.ask ol li .ask_r .consult .tab_img i:nth-child(3) img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.ask ol li .ask_r .consult .slider_img {
    float: left;
    width: 750px;
    position: absolute;
    left: -250px;
    top: 130px;
    height: 140px
}

.ask ol li .ask_r .consult .tab_img_c {
    float: left;
    width: 250px;
    background-color: #fff;
    overflow: hidden
}

.ask ol li .ask_r .consult .tab_img_c p {
    color: #333;
    font-size: 18px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5px
}

.ask ol li .ask_r .consult .tab_img_c p i {
    color: #6ec3c6;
    font-size: 14px;
    margin-left: 5px
}

.ask ol li .ask_r .consult .tab_img_c strong {
    font-size: 14px;
    color: #999;
    width: 180px;
    float: left;
    text-align: center;
    margin: 5px 35px 0
}

.ask ol li .ask_r .consult .tab_img_c a {
    text-align: center;
    width: 150px;
    height: 32px;
    line-height: 32px;
    background-color: #ffc9a2;
    color: #fff;
    margin: 10px 50px 0;
    float: left;
    font-size: 16px;
    border-radius: 25px
}

.ask ol li .ask_r .answer {
    float: left;
    overflow: hidden;
    width: 250px;
    margin-top: 20px
}

.ask ol li .ask_r .answer h3 {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px
}

.ask ol li .ask_r .answer h3 i {
    width: 6px;
    height: 21px;
    background-color: #81d9d1;
    display: inline-block;
    float: left;
    margin-top: 4px;
    margin-right: 5px
}

.ask ol li .ask_r .answer .maquee,
.ask ol li .ask_r .answer .maquee div dl {
    float: left;
    width: 100%;
    position: relative
}

.ask ol li .ask_r .answer h3 p {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 28px;
    color: #333
}

.ask ol li .ask_r .answer h3 em {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 28px;
    color: #ffc398
}

.ask ol li .ask_r .answer .maquee {
    height: 390px;
    overflow: hidden;
    margin-top: 20px
}

.ask ol li .ask_r .answer .maquee div {
    position: relative;
    top: 0;
    left: 0;
    padding: 0
}

.ask ol li .ask_r .answer .maquee div dl dt {
    position: absolute;
    width: 10px;
    height: 100%;
    margin-top: 20px
}

.ask ol li .ask_r .answer .maquee div dl dt em {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #81d9d1;
    border-radius: 50%;
    z-index: 2
}

.ask ol li .ask_r .answer .maquee div dl dt i {
    background-color: #f0f0f0;
    position: absolute;
    top: 0;
    left: 4px;
    height: 100%;
    display: inline-block;
    width: 1px
}

.ask ol li .ask_r .answer .maquee div dl dd {
    float: right;
    width: 230px;
    padding-bottom: 5px;
    margin-top: 15px
}

.ask ol li .ask_r .answer .maquee div dl dd a {
    font-size: 14px;
    color: #777;
    line-height: 20px
}

.ask ol li .ask_r .answer .maquee div dl dd a:hover,
.teamwork h2 {
    color: #6ec3c6
}

.teamwork {
    width: 1000px;
    height: 130px;
    margin: 8px auto 20px;
    background-color: #f8f8f8
}

.teamwork h2 {
    font-size: 18px;
    float: left;
    width: 960px;
    padding: 20px 20px 15px
}

.teamwork span {
    float: left;
    width: 960px;
    display: inline-block;
    text-align: center;
    font-size: 0;
    padding: 0 20px
}

.teamwork span a {
    display: inline-block;
    text-align: center;
    width: 16.66666667%
}

.teamwork span a img {
    float: left;
    width: 150px;
    height: 53px
}

.content {
    width: 1000px;
    margin: 20px auto;
    overflow: hidden
}

.content .video {
    float: left;
    width: 680px;
    height: 382px
}

.content .video_correlation {
    float: left;
    width: 320px;
    height: 382px;
    overflow: hidden
}

.content .video_correlation h2 {
    font-size: 18px;
    float: left;
    width: 100%;
    display: inline-block;
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-indent: 15px;
    background-color: #353535;
    border-bottom: 1px solid #444;
    box-sizing: border-box
}

.content .video_correlation ul {
    float: left;
    width: 100%
}

.content .video_correlation ul li {
    height: 83px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #444;
    box-sizing: border-box;
    background-color: #292929
}

.content .video_correlation ul li a {
    float: left;
    width: 290px;
    height: 100%;
    display: inline-block;
    margin: 11px 15px;
    position: relative
}

.content .share i,
.content .share span em {
    margin-left: 30px;
    float: left;
    display: inline-block
}

.content .video_correlation ul li a b {
    position: absolute;
    left: 74px;
    bottom: 20px;
    width: 36px;
    height: 24px;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    line-height: 24px
}

.content .video_correlation ul li a img {
    width: 110px;
    height: 62px;
    float: left;
    margin-right: 10px
}

.content .video_correlation ul li a h3 {
    float: left;
    color: #fff;
    font-size: 14px;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .video_correlation ul li a p {
    color: #999;
    font-size: 14px;
    width: 170px;
    float: left;
    padding: 3px 0
}

.content .video_correlation ul li a i {
    width: 170px;
    float: left;
    color: #999;
    font-size: 14px;
    background: url(../images/play1.png) no-repeat;
    height: 13px;
    line-height: 13px;
    background-size: 13px 13px;
    text-indent: 20px
}

.content .video_correlation ul li:last-child {
    border-bottom: none
}

.content .share {
    float: left;
    width: 100%;
    height: 55px;
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
    border-top: none;
    box-sizing: border-box
}

.content .synopsis .synopsis_l,
.content .synopsis .synopsis_r {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box
}

.content .share i {
    background: url(../images/collect.png) left center no-repeat;
    font-size: 14px;
    color: #999;
    height: 55px;
    line-height: 56px;
    background-size: 14px 13px;
    text-indent: 20px;
    cursor: pointer
}

.content .share span {
    float: left
}

.content .share span em {
    font-size: 14px;
    color: #999;
    height: 55px;
    line-height: 56px
}

.content .share span ol {
    float: left;
    overflow: hidden;
    height: 24px;
    margin-top: 14px
}

.content .share span ol li {
    float: left;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px
}

.content .share span ol li:first-child a,
.content .share span ol li:nth-child(2) a,
.content .share span ol li:nth-child(3) a {
    float: left;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%
}

.content .share span ol li:first-child a {
    background: url(../images/share_icon.png) no-repeat
}

.content .share span ol li:first-child a:hover {
    background: url(../images/share_icon.png) 0 -56px no-repeat
}

.content .share span ol li:nth-child(2) a {
    background: url(../images/share_icon.png) -30px 0 no-repeat
}

.content .share span ol li:nth-child(2) a:hover {
    background: url(../images/share_icon.png) -30px -56px no-repeat
}

.content .share span ol li:nth-child(3) a {
    background: url(../images/share_icon.png) -60px 0 no-repeat
}

.content .share>b,
.content .share>em,
.content .share>strong {
    color: #999;
    height: 55px;
    margin-left: 30px;
    text-indent: 20px;
    font-size: 14px;
    float: left;
    display: inline-block
}

.content .share span ol li:nth-child(3) a:hover {
    background: url(../images/share_icon.png) -60px -56px no-repeat
}

.content .share>b {
    font-weight: 400;
    background: url(../images/time.png) left center no-repeat;
    background-size: 13px 13px;
    line-height: 56px
}

.content .share>em {
    background: url(../images/play3.png) left center no-repeat;
    background-size: 13px 13px;
    line-height: 56px
}

.content .share>strong {
    background: url(../images/b.png) left center no-repeat;
    background-size: 14px 16px;
    line-height: 58px;
    cursor: pointer
}

.content .share>strong.praiseon {
    color: #6ec3c6;
    background: url(../images/b_hover.png) left center no-repeat
}

.content .title {
    float: left;
    width: 100%;
    margin-top: 25px
}

.content .title span {
    float: left;
    width: 100%
}

.content .title span em {
    width: 73px;
    height: 24px;
    display: inline-block;
    float: left;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    background-color: #fa4b15;
    text-align: center;
    border-radius: 5px;
    margin-top: 4px
}

.content .title span h1 {
    float: left;
    width: 897px;
    color: #000;
    font-size: 24px;
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .synopsis {
    float: left;
    width: 100%;
    margin-top: 20px
}

.content .synopsis .synopsis_l {
    float: left;
    width: 300px;
    height: 120px;
    background: url(../images/synopsis.png) right center no-repeat
}

.content .synopsis .synopsis_l span {
    float: left;
    width: 100%
}

.content .synopsis .synopsis_l span img {
    float: left;
    width: 70px;
    height: 70px;
    margin-top: 25px;
    border-radius: 50%;
    margin-right: 15px
}

.content .synopsis .synopsis_l span p {
    float: left;
    width: 190px;
    margin-top: 30px;
    color: #000;
    font-size: 14px
}

.content .synopsis .synopsis_l span em {
    float: left;
    width: 190px;
    color: #6ec3c6;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 3px 0
}

.content .synopsis .synopsis_l span i {
    color: #999;
    float: left;
    width: 190px;
    font-size: 12px
}

.content .synopsis .synopsis_r {
    float: left;
   
   
    position: relative
}

.content .synopsis .synopsis_r p {
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 20px;
    width: 640px;
    color: #555;
    font-size: 14px;
    line-height: 26px
}

.content .synopsis .synopsis_r sub {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 23px;
    left: 15px;
    display: inline-block;
    background: url(../images/synopsis_icon.png) no-repeat;
    background-size: 42px 40px
}

.content .synopsis .synopsis_r sup {
    width: 17px;
    height: 16px;
    position: absolute;
    bottom: 22px;
    right: 30px;
    display: inline-block;
    background: url(../images/synopsis_icon.png) -25px -24px no-repeat;
    background-size: 42px 40px
}

.con_correlation {
    margin: 20px auto 0;
    width: 1000px
}

.con_correlation .correlation_list,
.con_correlation h2 {
    width: 100%;
    float: left
}

.con_correlation h2 {
    font-size: 24px;
    color: #6ec3c6;
    margin-bottom: 10px
}

.con_correlation .correlation_list span {
    width: 490px;
    float: left;
    margin: 0 20px 20px 0
}

.con_correlation .correlation_list span a {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #555;
    font-size: 14px;
    border-bottom: 1px dotted #eee;
    box-sizing: border-box;
    background: url(../images/play_4.png) left center no-repeat;
    background-size: 16px 16px;
    text-indent: 25px;
    text-decoration: none
}

.con_correlation .correlation_list span a h3 {
    color: #555;
    font-size: 14px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 390px
}

.con_correlation .correlation_list span a i {
    color: #999;
    font-size: 12px
}

.con_correlation .correlation_list span a:hover h3 {
    color: #6ec3c6
}

.con_correlation .correlation_list span a:last-child {
    border-bottom: 0
}

.con_correlation .correlation_list span:last-child {
    margin-right: 0
}

.search {
    width: 100%;
    overflow: hidden;
    float: left
}

.search span {
    margin: 0 auto 15px;
    width: 1000px;
    overflow: hidden;
    display: block
}

.search span p {
    color: #999;
    font-size: 14px;
    line-height: 14px
}

.search span p em {
    color: #6ec3c6
}