﻿ 
.nowPosition {
    padding: 0 25px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #d9d9d9
}

.nowPosition img {
    vertical-align: middle
}

.nowPosition span {
    margin-left: 10px
}

.readCenter {
    padding: 17px;
    background: #fff;
    border: 1px solid #d9d9d9;
    margin: 20px 0 30px
}

.readCenter>li {
    padding: 3px;
    position: relative;
    width: 373px;
    height: 280px
}

.readMask {
    background: rgba(0, 74, 144, 0.26);
    position: absolute;
    left: 0;
    top: 0;
    width: 373px;
    height: 280px;
    margin: 3px;
    text-align: center
}

.rectangle {
    width: 190px;
    height: 96px;
    line-height: 96px;
    font-size: 16px;
    border: 1px solid #fdfdfb;
    display: inline-block;
    margin: 90px 0;
    color: #fdfdfb
}

.lightBlue ul {
    background: url("../images/line-92a59b18aeb7b2b5f46a0ae3d0125ac99bbaa75ebb4b65cdb6985453bf7046c0.png") no-repeat 43px 24px #92d0dd
}

.lightGreen ul {
    background: url("../images/line-92a59b18aeb7b2b5f46a0ae3d0125ac99bbaa75ebb4b65cdb6985453bf7046c0.png") no-repeat 43px 24px #99d0c5
}

.deepBlue ul {
    background: url("../images/line-92a59b18aeb7b2b5f46a0ae3d0125ac99bbaa75ebb4b65cdb6985453bf7046c0.png") no-repeat 43px 24px #9dbcd3
}

.readCenter ul {
    width: 100%;
    height: 100%;
    padding: 96px 46px 0;
    box-sizing: border-box
}

.readCenter ul li {
    line-height: 29px;
    font-size: 18px;
    color: #fdfdfb;
    float: none
}

.readCenter>.innerAllImg>img {
    display: block;
    margin: 30px auto 0
}

.blueBorder {
    border: 4px solid #b0e0f1;
    height: 100%;
    line-height: 286px;
    text-align: center;
    font-size: 0;
    box-sizing: border-box;
    position: relative
}

.blueBorder:after {
    width: 0;
    height: 0;
    content: " ";
    border: 12px solid transparent;
    border-right-color: #f8f7f5;
    position: absolute;
    z-index: 2;
    right: -4px;
    bottom: 22px
}

.blueBorder img {
    vertical-align: middle
}

.cataractList {
    width: 240px;
    border: 1px solid #d9d9d9;
    background: #fff
}

.cataractList li {
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #d9d9d9
}

.cataractList li.listLast {
    border-bottom: 0
}

.cataractList li.active a {
    color: #0284cf
}

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

.careUnit {
    width: 910px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 0 30px;
    box-sizing: border-box;
    margin-bottom: 30px
}

.careUnit h5 {
    line-height: 100px;
    font-size: 30px;
    font-weight: 400;
    text-align: center
}

.careUnitTitle {
    line-height: 24px;
    border-left: 4px solid #4f9cee;
    position: relative
}

.careUnitTitle span {
    padding: 0 10px;
    position: relative;
    z-index: 2;
    font-size: 18px;
    background: #fff
}

.careUnitTitle:after {
    content: "";
    border-bottom: 1px solid #d4d4d4;
    position: absolute;
    bottom: 50%;
    height: 0;
    width: 100%;
    left: 0
}

.careUnitContent {
    padding: 35px 0 30px
}

.careUnitContent p {
    text-indent: 2rem;
    line-height: 30px
}

.careUnitContent .proName {
    font-size: 18px;
    padding-top: 10px;
    line-height: 50px
}

.proWork {
    margin-left: 10px;
    font-size: 14px
}

.careUnit .proImg {
    float: left;
    margin: 0 40px 10px 0
}

.eye-proContainer>div {
    padding: 20px 0 30px;
    border-top: 1px solid #d4d4d4
}

.eye-proContainer>div.proPart {
    padding-top: 0;
    border-top: 0
}

.eye-proContainer {
    padding-top: 20px
}

.careUnitContent .surgeryTitle {
    text-indent: 0;
    font-size: 16px
}

.surgeryDetail {
    margin: 35px 0 42px
}

.surgeryDetail h5 {
    line-height: 48px;
    text-align: center;
    font-size: 24px
}

.surgeryContent h6 {
    line-height: 46px;
    font-weight: normal;
    font-size: 14px
}

.advantage {
    margin-bottom: 10px
}

.listContainer {
    padding-left: 2rem;
    margin-bottom: 30px
}

.listContainer p {
    text-indent: 0
}

.surgeryImg {
    text-align: center
}

.surgeryContent {
    margin-bottom: 60px
}

.surgeryContent .headings {
    text-indent: 0;
    margin-bottom: 10px
}

.lastSurgery {
    margin-bottom: 10px
}

.equipment .surgeryImg {
    margin: 40px 0
}

.equipment .lastSurImg {
    margin-bottom: 0
}

.surgeryContent .question {
    line-height: 46px;
    color: #fd0421;
    margin-top: 30px;
    text-indent: 0
}

.surgeryContent .fiQuestion {
    margin-top: 0
}

.surgeryContent .question span {
    font-size: 12px;
    margin-right: 1.8rem
}

.questions .surgeryTitle {
    margin-top: 30px
}

.questions {
    margin-bottom: 0
}

.allWidth {
    width: 100%
}

.glaucoma p {
    line-height: 30px;
    text-indent: 2rem
}

.glaucoma .careUnitTitle {
    line-height: 24px;
    margin: 20px 0;
    text-indent: 0
}

.fiproIntroduce {
    margin-top: 40px
}

.proIntroduce.fiproIntroduce {
    border-top: 0
}

.proFace {
    width: 320px;
    height: 350px;
    float: left
}

.proIntroduce {
    border-top: 1px solid #d4d4d4;
    padding: 10px 0
}

.proImgLeft {
    margin-right: 30px
}

.proImgRight {
    margin-left: 30px;
    float: right
}

.proName-glau {
    font-size: 14px
}

.proName-glau span {
    font-size: 18px
}

.instrument>img {
    display: block;
    margin: 20px auto
}

.ChineseMed {
    position: relative;
    width: 1200px;
    min-height: 500px;
    border: 1px solid #a7680b;
    background: #fefbee;
    margin-bottom: 30px
}

.medicineLeft {
    outline: 1px solid #d9d9d9;
    box-sizing: border-box
}

.medicineLeft * {
    box-sizing: border-box
}

.medicineLeft li {
    line-height: 60px;
    background: #ffffff;
    width: 220px;
    padding-left: 15px;
    box-sizing: border-box;
    border-top: 1px solid #d9d9d9;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.medicineLeft li.active {
    background: #fefbee;
    color: #752e1a;
    border: 1px solid #cc9966
}

.ChineseMed {
    padding: 25px 30px;
    box-sizing: border-box;
    min-height: 600px
}

.ChineseMed:before, .ChineseMed:after {
    position: absolute;
    width: 17px;
    height: 19px;
    left: 0
}

.ChineseMed:before {
    content: url("../images/pos_1-d2527c80e4fdfc8803a1475c7b88854802db23bb0e74d7c4dc03525f4c04aad1.png");
    top: 0
}

.ChineseMed:after {
    content: url("../images/pos_2-a6d06bf21fe436dd186bc6f4e47bb7fa79859344fafdbd2e0c5d48ea296195f0.png");
    bottom: 0
}

.ChineseMedTit h5 {
    line-height: 54px;
    color: #752e1a;
    font-size: 30px;
    text-align: center;
    font-weight: normal
}

.disease {
    line-height: 18px;
    background: url("/chinese-med_2.png") 0 26px repeat-x
}

.disease span {
    background: url("/chinese-med_1.png") 0 6px no-repeat #fefbee;
    padding: 0 8px 0 16px
}

.diseaseOne {
    margin-bottom: 30px
}

.diseaseOne p, .bottomWord p {
    line-height: 30px
}

.bottomWord {
    text-align: right;
    padding: 20px 0 40px 0
}

.diseaseOne p.disease {
    line-height: 60px;
    font-size: 18px;
    font-weight: 600
}

.ChineseCen-introduce p {
    text-indent: 2rem
}

.noFloat li {
    float: none
}

.medicines>li {
    width: 25%;
    line-height: 30px
}

.medicines>li>ul>li {
    width: 100%
}

.couplets>li {
    width: 33%
}

.couplets>li span {
    display: block
}

.couplets>li {
    line-height: 30px
}

.couplets li li {
    margin-bottom: 20px
}

.couplets .couplets-right {
    text-indent: 2.3rem
}

.couplets .couplets-right2 {
    text-indent: 2.8rem
}

.diseaseOne .headline {
    font-size: 16px;
    line-height: 46px;
    margin-bottom: 10px
}

.nar-l {
    margin-right: 25px
}

.padB h5 {
    margin-bottom: 30px
}

.goodAt li {
    text-indent: 2rem;
    line-height: 30px
}

.popScience>div {
    margin-bottom: 30px
}

.popScience h6 {
    font-size: 16px;
    line-height: 40px
}

.careUnit {
    padding-bottom: 50px
}

.careUnit .fiList {
    margin-top: 0
}

.careUnit .noIndent {
    text-indent: 0
}

.marR-30 {
    margin-right: 30px
}

.marb-15 {
    margin-bottom: 15px
}

.marT-15 {
    margin-top: 15px
}

.marL-30 {
    margin-left: 30px
}

.Eye-disease .proIntroduce {
    border: 0
}

.yd-proIntroduce p {
    line-height: 36px
}

.yd-proIntroduce>div {
    margin-top: 30px
}

.diabetesData {
    width: 60%;
    margin: 20px 100px
}

.diabetesData td, .diabetesData th {
    padding: 15px
}

.diabetesData td, .diabetesData th {
    border: 1px solid #333
}

.diabetesType {
    width: 100px
}

.show {
    display: block
}

.popScience .diabetesTeach {
    margin-bottom: 0
}

.diabetesTeach>div {
    margin-bottom: 20px
}

.diabetesTeach>div.bottom-0 {
    margin-bottom: 0
}

.marT-30 {
    margin-top: 30px
}

.indent {
    text-indent: 2rem;
    line-height: 30px
}

.teamMemberName {
    margin-bottom: 30px;
    padding-top: 10px
}

.teamMemberName p {
    color: #752e1a;
    font-size: 16px;
    text-indent: 0
}

.teamMemberName h5 {
    line-height: 34px;
    font-size: 18px;
    color: #752e1a
}

.divider {
    height: 8px;
    margin: 24px 0;
    background-position: 0
}

.centerImg>div {
    text-align: center
}

.wordPad .noIndent, .ChineseMed .noIndent {
    text-indent: 0
}

.thisIndent2 {
    line-height: 24px;
    margin-top: 10px
}

.img_box {
    margin-top: 20px;
    text-align: center
}

.cureProject a {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 20px;
    height: 31px;
    line-height: 31px;
    background: #ccc;
    border-radius: 3px;
    margin-left: 10px
}

.cureProject a.active {
    background: #72af2d;
    color: #fff
}

.active a:hover {
    color: #2d374b
}

.flow_title {
    text-align: center
}

.titleImg {
    margin-left: 120px
}

.titleImg_find {
    margin-left: 60px
}

.trouble {
    padding: 0 0 50px
}

.remark {
    text-align: center
}

.trouble .newsImgMar {
    margin: 10px 0
}

.popularTitle {
    padding: 10px 0 16px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center
}

.popularTitle h5 {
    line-height: 70px
}

.popularTitle p {
    color: #999;
    line-height: 30px
}

.popularTitle span {
    margin-left: 18px
}

.eyePu {
    padding-bottom: 0
}

.eyePu .surgeryImg {
    margin: 20px 0
}

.eyeKp .careUnit {
    padding-bottom: 20px
}

.kp_container {
    padding: 0 20px 50px;
    background: #fff;
    border: 1px solid #d9d9d9;
    line-height: 30px
}

.kp_word {
    padding-top: 12px
}

.kp_word p {
    text-indent: 2rem
}

.kp_container h5 {
    line-height: 100px;
    font-size: 30px;
    text-align: center;
    font-weight: normal
}

.kp_container .surgeryImg {
    margin: 20px 0
}

.signContainer img, .banner img {
    width: 100%;
    height: 100%
}

.medicineLeft, .medicineRight {
    width: 100%;
    margin-top: 20px
}

.middle.bnzContainer {
    padding-top: 20px
}

.middle .margin20, .margin20 {
    margin-top: 20px
}

.centerOneHref a {
    width: 100%;
    height: 100%;
    display: block
}

.chinCenterWord .chinCenterH5Title {
    color: #7e0204
}

.threeDoctors .expertSynopsis {
    width: 185px
}

.glaucomaDoctors.threeDoctors {
    padding: 20px 10px
}

.glaucomaDoctors.threeDoctors>li {
    width: 392px
}

.fkjs_index {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 1200px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box
}

.fkjs {
    width: 1140px;
    margin-left: 30px;
    margin-right: 30px
}

.fkjs_header {
    height: 104px;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 12px
}

.fkjs_header h1 {
    font-size: 30px;
    font-weight: normal;
    padding-top: 40px
}

.fkjs_header_time {
    float: right
}

.fkjs_container, .fkjs_container_box {
    margin-top: 20px
}

.fkjs_container_header {
    color: #337fe7;
    margin-bottom: 20px;
    margin-top: 20px
}

.fkjs_container_smallHeader {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 20px
}

.fkjs_p {
    color: #222222;
    font-size: 14px;
    text-indent: 28px;
    line-height: 36px
}

.fkjs_container_weihai_box {
    width: 510px;
    display: inline-block;
    vertical-align: top
}

.fkjs_container_weihai_right {
    margin-left: 100px
}

.fkjs_img_box {
    margin-top: 20px;
    text-align: center
}

.fkjs_container_fenlei_imgs {
    margin-top: 20px
}

.fkjs_container_fenlei_imgs li {
    width: 324px;
    text-align: center;
    display: inline-block;
    margin-right: 79px;
    vertical-align: top
}

.fkjs_container_fenlei_imgs li:nth-child(3) {
    margin-right: 0
}

.fkjs_laber {
    font-weight: 700;
    margin-top: 20px;
    height: 20px;
    line-height: 20px
}

._imgs_box {
    margin-top: 40px;
    text-align: center
}

.fkjs_otherP {
    line-height: 36px
}

.fkjs_container_yuanyin_right {
    margin-left: 100px
}

.fkjs_container_yuanyin_right div {
    margin-top: 95px
}

.fkjs_container_yufang_box {
    margin-top: 20px
}

.img_yufang_box {
    display: inline-block;
    width: 560px;
    text-align: center;
    margin-top: 20px
}

.img_zhiliao_box {
    width: 507px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px
}

.fkjs_container_zhiliao_box {
    margin-top: 30px;
    margin-bottom: 20px
}

.fkjs_container_zhiliao_box h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    text-indent: 28px
}

.gzmx_index {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 1200px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box
}

.gzmx {
    width: 1140px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px
}

.gzmx_header {
    height: 84px;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 12px
}

.gzmx_header h1 {
    font-size: 30px;
    font-weight: normal;
    padding-top: 20px
}

.gzmx_header_time {
    margin-right: 5px;
    float: right
}

.gzmx_imgs_box {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px
}

#gzmx_img_1 img {
    width: 225px
}

.gzmx_p {
    color: #222222;
    font-size: 14px;
    text-indent: 28px;
    line-height: 36px
}

.gzmx_container_header {
    color: #337fe7;
    margin-bottom: 20px;
    margin-top: 20px
}

.gzmx_container_smallerHeader {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px
}

.hhsm_index {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 1200px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box
}

.hhsm {
    width: 1140px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px
}

.hhsm_header {
    height: 84px;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 12px
}

.hhsm_header h1 {
    font-size: 30px;
    font-weight: normal;
    padding-top: 20px
}

.hhsm_header_time {
    margin-right: 5px;
    float: right
}

.hhsm_imgs_box {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px
}

.hhsm_p {
    color: #222222;
    font-size: 14px;
    text-indent: 28px;
    line-height: 36px
}

.hhsm_container_header {
    color: #337fe7;
    margin-bottom: 20px;
    margin-top: 20px
}

.hhsm_container_smallerHeader {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px
}

.ssqwt_index {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 1200px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box
}

.ssqwt {
    width: 1140px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px
}

.ssqwt_header {
    height: 84px;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 12px
}

.ssqwt_header h1 {
    font-size: 30px;
    font-weight: normal;
    padding-top: 20px
}

.ssqwt_header_time {
    margin-right: 5px;
    float: right
}

.ssqwt_imgs_box {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px
}

.ssqwt_p {
    color: #222222;
    font-size: 14px;
    text-indent: 28px;
    line-height: 36px
}

.ssqwt_container_header {
    color: #337fe7;
    margin-bottom: 20px;
    margin-top: 20px
}

.ssqwt_container_smallerHeader {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px
}

.ssaq_index {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 1200px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box
}

.ssaq {
    width: 1140px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px
}

.ssaq_header {
    height: 84px;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 12px
}

.ssaq_header h1 {
    font-size: 30px;
    font-weight: normal;
    padding-top: 20px
}

.ssaq_header_time {
    margin-right: 5px;
    float: right
}

.ssaq_imgs_box {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px
}

.ssaq_p {
    color: #222222;
    font-size: 14px;
    text-indent: 28px;
    line-height: 36px
}

.ssaq_container_header {
    color: #337fe7;
    margin-bottom: 20px;
    margin-top: 20px
}

.ssaq_container_smallerHeader {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px
}

.container_footer_btn {
    margin-top: 50px
}

.ht_key_box {
    margin-top: 50px;
    width: 252px;
    margin: 0 auto
}

.ht_key_box li {
    background-color: #3598db;
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px
}

.ht_key_box li:nth-child(4) {
    margin-right: 0
}

.ht_key_box span {
    line-height: 30px;
    padding: 5px 8px;
    color: #fff
}

.ht_key_box a {
    display: inline-block;
    width: 30px;
    margin-right: 29px
}

.ht_key_box a:hover {
    color: #fff
}

.ht_key_box li:hover {
    background-color: green;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear
}

.bnz_blue {
    color: #337fe7
}

.bnz_red {
    color: red
}

.bnz_imgs_box ul {
    text-align: center
}

.bnz_imgs_box li {
    text-align: center;
    display: inline-block;
    margin-right: 50px
}

.bnz_imgs_box_1 li {
    height: 330px
}

.bnz_img_laber {
    margin-top: 20px
}

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0
}

ul, li {
    list-style: none
}

body {
    font: 14px "Microsoft YaHei", "Arial Narrow", HELVETICA;
    background: #fff;
    -webkit-text-size-adjust: 100%
}

a {
    color: #2d374b;
    text-decoration: none
}

a:hover {
    color: #72af2d
}

em {
    font-style: normal
}

li {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

p {
    word-wrap: break-word
}

.center {
    margin: 0 auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.flow {
    overflow: hidden
}

body {
    background: #f5f5f5
}

.main {
    background: #f5f5f5;
    width: 1200px;
    margin: 0 auto
}

.headBg {
    background: #fff;
    width: 1200px;
    margin: 0 auto
}

input:focus {
    outline: none
}

.clear {
    clear: both
}

.whiteBg {
    background: #fff
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset
}

.flParent li {
    float: left
}

.flParent .fr {
    float: right
}

.commit {
    width: 72px;
    height: 26px;
    line-height: 26px;
    margin-top: 5px;
    text-align: center
}

.commit2 {
    margin-top: 5px
}

.appointment {
    border: 1px solid #00b7d6
}

.appointment a {
    color: #00b7d6
}

.consult {
    border: 1px solid #3ebb2b
}

.consult a {
    color: #3ebb2b
}

.search input {
    width: 114px;
    height: 32px;
    border: 1px solid #ccc;
    padding-left: 6px
}

.search span {
    width: 55px;
    height: 32px;
    bottom: 0;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc;
    border-left: 0;
    vertical-align: middle;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.func li {
    margin-left: 14px
}

.slide {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 375px
}

.slide ul.slide-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 495px
}

.slide ul.slide-wrapper li {
    height: 100%;
    position: absolute
}

.slideLink img {
    width: 100%
}

.slidebox {
    position: absolute;
    left: 50%;
    z-index: 30;
    bottom: 12px
}

.slidebox ul li {
    float: left;
    height: 12px;
    margin: 4px 4px
}

.slidebox ul li em {
    width: 12px;
    height: 12px;
    cursor: pointer;
    background: #fff;
    border-radius: 100%;
    text-indent: -9999px;
    display: block
}

.slidebox ul li.current em {
    background: #fdae04
}

.middle {
    padding: 0 12px 0
}

.topNav span {
    margin-left: 6px
}

.middle .nav {
    margin-bottom: 20px
}

.centerNav {
    margin: 12px
}

.centerNavFix {
    position: fixed;
    width: 1200px;
    height: 57px;
    z-index: 10;
    margin: 0;
    background: #f5f5f3
}

.centerNavFix centerNav {
    width: 1160px;
    height: 45px
}

.centerNav-container {
    height: 68px
}

.centerNav li {
    background: #0284cf;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
    width: 14.28%;
    text-align: center;
    border-right: 1px solid #fff
}

.centerNav li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.centerNav li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.centerNav li a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block
}

.centerNav li.active {
    background: #005faa;
    border: 0
}

.footer {
    background: #fff;
    padding: 50px 25px 35px
}

.footer li {
    margin-left: 75px
}

.footer p {
    line-height: 36px
}

.partner p {
    line-height: 50px
}

.footer .title {
    color: #000022;
    font-size: 16px;
    font-weight: 600;
    line-height: 38px
}

.footer .mar-L-z, .guide .mar-L-z {
    margin-left: 0
}

.weight {
    font-weight: 600
}

.bottom-Mar30 {
    margin-bottom: 30px
}

.search {
    position: relative;
    width: 178px
}

.search span {
    position: absolute
}

.footer p.gameContent {
    line-height: 28px;
    margin-bottom: 20px
}

.banner-box li {
    position: relative
}

.banner-box div.inner {
    line-height: 40px
}

.indent5 {
    text-indent: 5em
}

.photoMask {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    bottom: 0;
    display: table;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden
}

.photoMask span {
    display: inline-block;
    font-size: 18px;
    margin: 0 16%;
    height: 100%
}

.photoMask::before, .photoMask:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.85s, -webkit-transform 0.85s;
    transition: opacity 0.85s, transform 0.85s
}

.photoMask::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    border-color: rgba(255, 255, 255, 0.4)
}

.photoMask::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    border-color: rgba(255, 255, 255, 0.4)
}

.commitAllImgs li:hover .photoMask ::before, .photoMask::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.stopService.padB10 {
    padding-bottom: 10px
}

.doctorIntroduce a {
    color: #008cd6;
    margin-right: 20px;
    display: inline-block
}

.right_fk {
    width: 90px;
    position: fixed;
    right: 0;
    bottom: 20px;
    font-size: 12px
}

.fkIcon {
    color: red;
    background: url("../images/gwfc_icon-cd336bbb0bead46693665f76782434cde6033f35a36c314e06530a8a217c9ca0.png");
    vertical-align: sub;
    display: inline-block
}

.fkIcon_close {
    width: 12px;
    height: 12px;
    background-position: 0 -168px;
    margin-left: 5px
}

.fl_closeBtn {
    cursor: pointer
}

.fkIcon_ask {
    width: 46px;
    height: 28px;
    margin: 20px 0 15px
}

.fkIcon_tele {
    width: 34px;
    height: 34px;
    margin: 18px 0 16px;
    background-position: 0 -33px
}

.fkIcon_wechat {
    width: 54px;
    height: 54px;
    background-position: 0 -72px;
    margin: 7px 0 9px
}

.fkIcon_toTop {
    width: 35px;
    height: 32px;
    background-position: 0 -130px;
    margin: 17px 0 13px;
    cursor: pointer
}

.fkList, .fkList a {
    text-align: center;
    color: #fff
}

.fkList li {
    height: 90px;
    margin-top: 2px
}

.fkList li p {
    line-height: 1
}

.fl_closeBtn {
    text-align: right
}

.fkList li:first-child {
    background: #00a9a9;
    margin-top: 4px
}

.fkList li:nth-child(2) {
    background: #028dc7
}

.fkList li:nth-child(3) {
    background: #78c340
}

.fkList li:nth-child(4) {
    background: #666666;
    cursor: pointer
}

.logos_2_div {
    display: inline-block;
    margin-left: 20px
}

.logos_2_div img {
    margin-left: 20px
}

.expertsLeftImg img {
    width: 200px;
    height: 300px
}

.introduced a {
    width: 100%;
    height: 100%;
    display: block
}

.aboutHos li {
    width: 576px;
    height: 380px;
    line-height: 380px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 30px
}

.aboutHos>li>div>a {
    width: 540px;
    height: 340px;
    margin: 0 18px;
    display: block
}

.aboutHos>li>div>a img {
    display: inline-block;
    width: 0;
    height: 0
}

.aboutHos .fr {
    float: right
}

.introduced {
    position: absolute;
    bottom: -10px;
    left: 240px;
    box-sizing: border-box;
    width: 98px;
    height: 45px;
    line-height: 40px;
    border: 2px solid #fff;
    background: #aacf52
}

.introduced a {
    color: #fff
}

.scheduling {
    text-align: center
}

.schTable {
    width: 98%;
    margin-left: 1%;
    background: #fff;
    margin-top: 20px
}

.schTable th {
    font-size: 16px;
    line-height: 36px;
    background: #eaf9ff
}

.schTable th, .schTable td {
    border: 1px solid #b7e1ef;
    padding: 10px
}

.noTabBorder {
    border: 1px solid #b7e1ef
}

.schTable .noTabBorder td {
    border: 0
}

.schTable td {
    text-align: left;
    text-align: center
}

.width-100 {
    width: 130px
}

.tableType td {
    text-align: center;
    padding: 10px;
    line-height: 28px
}

.code {
    text-align: center
}

.guide {
    padding-top: 25px
}

.guide li {
    width: 378px;
    height: 248px;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    text-align: center;
    padding: 10px 10px 0;
    background: #fff;
    margin: 0 0 20px 20px
}

.guide li a img {
    width: 358px;
    height: 192px;
    display: block
}

.guide p {
    line-height: 44px;
    font-size: 16px
}

.center {
    width: 1056px;
    height: 150px;
    margin: 0 auto
}

.center li {
    width: 176px;
    height: 150px;
    text-align: center;
    background: url("/zx-1.png") 0 44px no-repeat
}

.center .lastCenter {
    background: url("/zx-2.png") 0 44px repeat-x
}

.center li img {
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s
}

.center li img:hover {
    transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    -webkit-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    -moz-transform: translate(0, -15px)
}

.center li p {
    line-height: 45px
}

.centerContainer .guide {
    padding: 0
}

.guide div {
    overflow: hidden
}

.guide div img {
    width: 358px;
    height: 192px;
    transition: all 0.5s
}

.guide div:hover img {
    transform: scale(1.2)
}

.schedulingWord {
    font-size: 22px;
    text-align: center;
    line-height: 40px
}

.doctorClickMask {
    width: 100% !important;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5) !important
}

.doctorClickMask {
    padding: 100px 0
}

.doctorClickMask .doctorDetails, .doctorClickMask .doctorIntroduce {
    width: 760px;
    margin: 0 auto;
    box-sizing: border-box
}

.doctorClickMask .doctorPortrait {
    width: 250px;
    height: auto
}

.doctorClickMask .doctorGoodAt span {
    float: none
}

.doctorClickMask .doctorGoodAt p {
    width: auto;
    float: none
}

.doctorClickMask em {
    font-style: normal
}

.doctorClickMask .doctorPortrait img {
    width: 250px
}

.doctorClickMask .doctorContent {
    width: 400px
}

.proContainer {
    background: #fff;
    border: 1px solid #9bbdf7
}

.proTitle {
    line-height: 46px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin: 0 20px
}

proIntroduce {
    color: #666;
    font-size: 12px
}

.proDetails {
    line-height: 24px;
    color: #666;
    font-size: 12px
}

.proInWord {
    color: #3ebb2b;
    line-height: 30px
}

.professorName {
    text-align: center
}

.professorName span {
    padding: 8px;
    color: #fff;
    border-radius: 5px;
    background: #3ebb2b;
    margin-top: 10px;
    display: inline-block
}

.proImg {
    width: 144px;
    padding-top: 30px;
    margin-left: 20px
}

.proList li {
    margin-left: 54px
}

.proList li:first-child {
    margin-left: 20px
}

.proContainer {
    padding-bottom: 30px;
    margin-top: 20px
}

.proIntroduce>div {
    float: left
}

.proMiddle {
    margin-left: 25px;
    width: 940px;
    padding-top: 16px
}

.proTime {
    width: 578px;
    padding-top: 47px;
    margin-left: 35px
}

.proTime p {
    line-height: 30px
}

.proContent {
    width: 1158px;
    box-sizing: border-box;
    background: #e4f8fe;
    padding: 30px 37px 60px 37px;
    position: relative;
    border: 1px solid #b4dfec;
    margin: 20px 7px 0;
    border-radius: 2px;
    font-size: 12px;
    color: #666;
    line-height: 24px
}

.proContent>div>div {
    float: left
}

.proContent:before, .proContent:after {
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #b4dfec;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.proContent:after {
    top: -19px;
    border-bottom-color: #e4f8fe
}

.proContent.fi {
    display: block
}

.fi:before, .fi:after {
    left: 73px
}

.proContent {
    display: none
}

.proInformation h5 {
    color: #3ebb2b;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

.goodIn {
    color: #3ebb2b
}

.proWorkTime {
    width: 576px;
    margin-left: 40px
}

.se:before, .se:after {
    left: 275px
}

.th:before, .th:after {
    left: 472px
}

.fo:before, .fo:after {
    left: 667px
}

.fif:before, .fif:after {
    left: 865px
}

.si:before, .si:after {
    left: 1064px
}

.proContainer.proPad {
    padding-bottom: 0
}

.parMarB {
    margin-bottom: 20px
}

.ophthalmology {
    padding: 20px 0
}

.ophthalmology>li {
    width: 556px;
    padding: 10px 10px 28px;
    border: 1px solid #9bbdf7;
    background: #fff
}

.ophthalmology>li>a {
    margin: 12px 0 17px;
    display: block
}

.ophthalmology a:hover {
    color: #0284cf
}

.titImg div {
    width: 560px;
    height: 380px
}

.titImg div img {
    width: 100%;
    height: 100%
}

.ophthalmology h5 {
    line-height: 44px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    font-weight: 400
}

.ophthalmology ul li {
    line-height: 30px;
    float: none
}

.ophthalmology ul li span {
    float: right;
    font-size: 12px
}

.mdlPad {
    padding: 20px 0
}

.allWidth {
    width: 100%
}

.slide-left {
    width: 720px;
    height: 418px;
    position: relative
}

a.ctrl-slide {
    position: absolute;
    width: 46px;
    height: 48px;
    z-index: 10;
    top: 145px
}

.prev {
    left: 0
}

.next {
    right: 0
}

.inner {
    height: 58px;
    line-height: 58px;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    left: 0
}

.slide-left ul.slide-wrapper {
    height: 100%
}

.slide-left ul li em {
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: #fff;
    border-radius: 100%;
    text-indent: -9999px;
    display: block
}

.slide-left .slidebox {
    right: 15px;
    margin-left: 0;
    left: auto
}

.middle .eyeHealth>li {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px
}

.eyeHealth>li {
    overflow: hidden;
    padding-bottom: 20px
}

.eyeHealth>li>h5 {
    margin-bottom: 15px
}

.signMask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    text-align: center
}

.signMask p {
    line-height: 330px;
    font-size: 24px;
    text-align: center;
    color: #fff
}

.signMask a {
    display: block;
    width: 100%;
    height: 100%
}

.eyeHealth>li>>div>div {
    width: 530px;
    position: relative
}

.eyeHealth>li>div.fl {
    width: 584px
}

.eyeHealth>li>div .signMask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 330px;
    top: 0;
    left: 0;
    position: absolute;
    font-size: 24px
}

.signMask a {
    color: #fff
}

.banner {
    width: 584px;
    height: 330px;
    overflow: hidden;
    position: relative
}

.banner>ul {
    display: none;
    height: 330px;
    position: absolute;
    top: 0;
    left: 0
}

.banner>ul>li {
    float: left;
    height: 330px;
    position: relative
}

.banner>ul>li>a {
    display: block;
    font-size: 200px;
    font-weight: bold
}

.banner>ul>li>a img {
    width: 584px;
    height: 330px
}

.left-btn, .right-btn {
    width: 46px;
    height: 48px;
    position: absolute;
    top: 45%;
    right: 10px;
    background: url("../images/btn_right-5ceb01440eb6cb92f5f9130dbb91dc213235c3b9b492affdfead5b922686ee2a.png");
    cursor: pointer
}

.left-btn {
    left: 10px;
    background: url("../images/btn_left-41a56e9c8919ade06d8c0a6a0397dba3bfbdb00fd86b1571ffbd00ce38b55b4f.png")
}

.img-btn-list {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center
}

.img-btn-list>span {
    display: inline-block;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 12px;
    margin: 0 5px;
    border: 2px solid #b8b8b8;
    cursor: pointer
}

.img-btn-list>span.current {
    border: 2px solid #048ddb
}

.imgTitle {
    height: 58px;
    line-height: 38px;
    background: rgba(0, 0, 0, 0.5);
    color: #ff730c;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center
}

.hosIntroduce {
    margin: 0 auto 30px;
    padding-bottom: 60px;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-sizing: border-box
}

.hosIntroduce>p>img {
    width: 100%
}

.hosIntroduce h5 {
    line-height: 70px;
    margin-top: 25px;
    text-align: center;
    font-size: 24px;
    color: #0284cf;
    font-weight: normal
}

.mainWord p {
    line-height: 36px;
    text-indent: 2rem
}

.mainWord {
    padding: 0 30px;
    margin-bottom: 30px
}

.wordPad {
    padding-top: 12px
}

.sayContainer {
    padding-top: 30px
}

.equipment>div>h6 {
    font-size: 16px;
    line-height: 66px
}

.equipment h5 {
    line-height: 90px;
    margin: 0
}

.equipment>div {
    margin-bottom: 20px
}

.equipment>div>div {
    text-align: center
}

.equipment .synopsis {
    text-indent: 0
}

.eqContainer {
    padding: 0 10px 20px;
    margin-bottom: 30px;
    margin-top: 20px
}

.regContainer {
    padding: 58px 0 40px;
    margin-bottom: 30px;
    border: 1px solid #d9d9d9;
    background: #ffffff
}

.regContainer p {
    line-height: 30px
}

.regContainer>ul>li {
    width: 33.3%;
    box-sizing: border-box
}

.regOneImg {
    height: 218px;
    text-align: center;
    padding: 0 60px
}

.regOneImg img {
    margin-bottom: 10px
}

.regOneImg p {
    font-size: 18px
}

.regOneImg p.regOneImg {
    font-size: 16px
}

.regContent>div {
    text-align: center
}

.regContent {
    padding: 0 60px;
    height: 180px;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box
}

.regContent.lastReg {
    border: 0
}

.toHospital {
    padding: 0 30px;
    margin-bottom: 30px
}

.toHospital h5, .healthCare h5 {
    text-align: left;
    font-size: 24px;
    line-height: 96px;
    color: #0284cf;
    font-weight: normal
}

.toHospital p {
    line-height: 36px
}

.toHospital>div {
    text-align: center;
    margin: 55px 0
}

.toHospital h5 {
    text-align: center
}

.hosProcess {
    text-align: center;
    margin-bottom: 30px
}

.healthCare {
    padding: 0 30px 60px;
    line-height: 36px;
    margin-bottom: 30px
}

.healthCare h5 {
    text-align: center
}

.healthCare>ul>li {
    width: 100%
}

.healthCare ul, .healthCare p {
    text-indent: 2rem
}

.middleWord {
    margin: 20px 0
}

.expertsTitle {
    line-height: 90px;
    font-size: 30px;
    text-align: center
}

.expDetails {
    padding: 0 20px;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-sizing: border-box
}

.BasicInformation {
    padding: 20px 0 40px;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4
}

.expertsLeftImg {
    width: 562px;
    border-right: 2px solid #aacf52;
    position: relative
}

.expertsLeftImg img {
    margin-right: 30px
}

.expertsRightWord {
    width: 520px;
    padding: 24px 0 0 50px
}

.expertsRightWord h6 {
    color: #0284cf;
    font-size: 14px
}

.expertsRightWord p, .expertsRightWord h6 {
    line-height: 30px
}

.seniority {
    color: #0284cf
}

.seniority h5 {
    font-size: 24px;
    line-height: 74px;
    margin: 10px 0;
    font-weight: normal
}

.seniority p {
    line-height: 30px;
    font-size: 18px
}

.expertsHref {
    position: absolute;
    bottom: 0
}

.expertsHref input {
    width: 74px;
    height: 32px;
    margin-right: 20px;
    border-radius: 5px;
    color: #fff;
    border: 0
}

.online-appointment {
    background: #f5cd15
}

.look-scheduling {
    background: #aacf52
}

.expertsAllMessage {
    padding: 30px 0 50px;
    min-height: 300px
}

.expertsAllMessage h6 {
    color: #0284cf;
    font-size: 14px
}

.expertsAllMessage {
    line-height: 36px
}

.allWidthImg img {
    width: 100%
}

.newsMain {
    margin-top: 20px;
    padding: 0 20px 50px;
    background: #fff;
    border: 1px solid #d9d9d9;
    line-height: 36px;
    margin-bottom: 20px
}

/* .newsMain p {
    text-indent: 2rem
} */

.newsMain table p {
    text-indent: 0
}

.newsMain .noIndent {
    text-indent: 0
}

.rightWord {
    text-align: right;
    font-size: 12px;
    line-height: 22px
}

.newsTitle h5 {
    line-height: 68px;
    margin-top: 16px;
    font-size: 30px;
    font-weight: normal;
    text-align: center
}

.newsTitle {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 24px
}

.newsImgMar {
    margin: 10px 0 20px;
    text-align: center
}

.newsImgMar img {
    max-width: 100%
}

.newsImgMar.width-90 img {
    width: 90%
}

.newsImgMar p {
    text-indent: 0
}

.newsImgMar ul {
    overflow: hidden
}

.newsImgMar ul li {
    float: left;
    width: 50%;
    line-height: 30px
}

.hosInstitution {
    text-align: center;
    margin: 30px 20px 0
}

.hosInstitution img {
    width: 100%
}

.wordContainer {
    padding: 0 10px
}

.wordBorder {
    border: 1px solid #f96e57;
    position: relative;
    text-align: center
}

.wordBorder>div {
    position: absolute
}

.borderTop {
    width: 10px;
    height: 10px;
    border-top: 1px solid #f96e57;
    border-left: 1px solid #f96e57;
    left: -5px;
    top: -5px
}

.wordBorder:before, .wordBorder:after {
    content: " ";
    position: absolute;
    width: 50px;
    height: 20px
}

.wordBorder p {
    line-height: 50px
}

.wordBorder:before {
    border-bottom: 1px solid #f96e57;
    bottom: -8px;
    right: -12px
}

.wordBorder:after {
    border-right: 1px solid #f96e57;
    right: -6px;
    bottom: -14px
}

.equipment li h6 {
    font-size: 16px
}

.equipment p {
    text-indent: 0
}

.advantage {
    margin-top: 36px
}

.equRight {
    padding-left: 100px
}

.fiEquipment {
    padding-top: 55px
}

.equipment ul {
    margin-bottom: 30px
}

.equipmen ul.seEquipmentCon {
    margin-bottom: 0
}

.thEquipmentCon {
    padding-top: 60px
}

.thEquipment {
    padding-top: 20px
}

.fourEquipment {
    width: 560px
}

.fivEquipment {
    width: 650px;
    padding-top: 20px
}

.sixEquipmentCon {
    width: 690px
}

.slide-left li img {
    width: 100%
}

.slide-left li a {
    width: 100%;
    height: 100%;
    display: block
}

.videoScope {
    width: 436px
}

.videoList>div {
    position: relative;
    height: 321px;
    margin-bottom: 20px;
    background: #fff
}

.flVideo {
    margin-bottom: 20px
}

.videoWordList {
    background: #fff
}

.videoWordList>div {
    line-height: 57px;
    font-size: 16px;
    border-bottom: 1px solid #f0f0f0;
    padding-left: 10px
}

.videoWordList>div:last-child {
    border-bottom: 0
}

.videoList a p {
    line-height: 42px;
    text-indent: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.videoList a div {
    height: 280px;
    overflow: hidden;
    position: relative
}

.videoWordList a:hover {
    color: #0284cf
}

.videoList a div img {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0)
}

.playBtn {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 107px;
    margin-left: -25px;
    display: none
}

.videoList>div:hover .playBtn {
    display: block
}

.newsContainer {
    margin-top: 20px;
    background: #fff;
    min-height: 224px;
    box-sizing: border-box
}

.newsContainer h4 {
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 10px
}

.newsContainer h4 span {
    line-height: 50px;
    display: inline-block;
    border-bottom: 2px solid #0284cf;
    font-size: 18px
}

.newsContainer h4 em a {
    color: #818181;
    display: inline-block;
    float: right;
    line-height: 50px;
    font-size: 16px
}

.newsContainer>div {
    padding: 18px 30px 15px 10px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    overflow: hidden
}

.newsContainer>div:last-child {
    border-bottom: 0
}

.hrefTitWord {
    line-height: 35px;
    font-weight: normal;
    font-size: 18px
}

.hrefTitWord:hover {
    color: #0284cf
}

.newsContainer p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    color: #2d374b;
    width: 80%;
    float: left
}

.newsContainer a:hover {
    color: #008cd3
}

.newsContainer a {
    line-height: 24px;
    display: block;
    overflow: hidden
}

.newOuter {
    width: 720px
}

.gameScope {
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
    height: 300px;
    overflow: hidden
}

.gameScope img {
    display: block;
    margin-top: -25px
}

.teachReview .newsImgMar img {
    width: 80%
}

.floorImg>div {
    margin-bottom: 20px
}

.floorImg img {
    width: 100%
}

.floorImg {
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
    padding-top: 20px;
    background: #fff
}

.eyeGame {
    border: 1px solid #00b7d6;
    width: auto;
    padding: 0 8px
}

.eyeGame a {
    color: #00b7d6
}

.relativeDiv {
    position: relative
}

.playBtnT {
    top: 50%;
    margin-top: -25px
}

.relativeDiv:hover .playBtnT {
    display: block
}

.hosServer {
    text-align: center;
    line-height: 30px;
    font-size: 25px;
    font-weight: normal;
    color: #0284cf;
    margin-bottom: 35px
}

.hosServerCon {
    padding-top: 20px
}

.eyeResearchNews {
    margin-bottom: 20px;
    background: #fff;
    font-size: 16px;
    border: 1px solid #d9d9d9
}

.eyeResearchNews .eyeNewsTitle {
    line-height: 52px;
    color: #0284cf;
    border-bottom: 1px solid #d9d9d9;
    padding-left: 15px
}

.eyeResearchNews div {
    border-bottom: 1px solid #f0f0f0
}

.eyeResearchNews div:last-child {
    border-bottom: 0
}

.eyeResearchNews span {
    padding: 0 5px;
    line-height: 52px;
    border-bottom: 2px solid #0284cf;
    display: inline-block
}

.eyeResearchNews div {
    line-height: 80px
}

.eyeResearchNews>div {
    padding-left: 20px
}

.eyeResearchNews>div .hrefTitWord {
    font-size: 16px
}

.admitTable {
    width: 100%;
    margin: 0
}

.admitTable th {
    line-height: 50px
}

.admitTable td {
    padding: 0 5px;
    line-height: 50px
}

.admitTable .tableType {
    font-weight: bold;
    line-height: 60px
}

.admitTableContainer {
    min-height: 500px;
    background: #fff;
    padding: 50px 15px;
    box-sizing: border-box;
    margin-bottom: 20px
}

.bmContainer {
    background: url("../images/bm_bg-e454ee1382c9a1707ecaaf4685f130959cd0008a8a6824c5902f201ac21a6e78.png") 0 100% no-repeat #007cc2;
    margin-bottom: 20px
}

.bm_outer {
    background: url("../images/bm_1-d46571a8c7170c818f3c06f9da2d2fb077d2fa32b81c9c9eab971e873dcafeda.png") 0 0 no-repeat;
    color: #fff;
    font-size: 18px;
    padding-bottom: 400px
}

.bm_titleImg {
    text-align: center;
    padding-top: 118px;
    margin-bottom: 65px
}

.activityMain {
    padding-left: 285px
}

.activityTitle {
    width: 143px;
    height: 64px;
    margin-top: 30px;
    line-height: 47px;
    font-size: 20px;
    text-align: center;
    color: #007cc2;
    background: url("../images/bm_3-f6ea68f143b90ccacfc290b837a161f910ebabd05d8796f99fe940f69138758d.png")
}

.activityWord {
    padding-top: 20px;
    line-height: 36px
}

.activityRight {
    margin-left: 115px
}

.activityCode {
    text-align: right;
    padding-right: 130px
}

.newsAll {
    background: #fff;
    border: 1px solid #d9d9d9;
    margin: 20px 0;
    padding: 0 30px
}

.newsAllList li {
    line-height: 64px;
    border-bottom: 1px solid #f1f1ef
}

.newsAllList a {
    font-size: 16px;
    line-height: 64px
}

.newsAllList a:hover {
    color: #007cc2
}

.titBg {
    overflow: hidden;
    margin: 10px 0
}

.titBg span {
    background: #609cef;
    padding: 0 10px;
    line-height: 25px;
    display: inline-block;
    position: relative;
    color: #fff
}

.titBg span:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 10px;
    background: #609cef;
    top: -5px;
    left: -5px
}

.div_90 {
    width: 90%;
    margin: 10px auto
}

.div_90 li img {
    width: 98%;
    margin-bottom: 10px
}

fieldset {
    border: 1px solid #0284cf;
    width: 90%;
    margin: 20px auto 10px;
    padding: 0 2rem 20px;
    box-sizing: border-box
}

fieldset.fessActions p {
    text-indent: 0
}

.threeD fieldset {
    box-sizing: inherit
}

legend {
    color: #0284cf;
    font-size: 18px;
    line-height: 38px;
    padding: 0 10px
}

.actionsTle {
    line-height: 60px;
    color: #0284cf;
    font-size: 18px
}

.actionsPoint {
    font-size: 16px;
    color: #0284cf;
    line-height: 45px
}

.actionsCost {
    margin: 30px auto 10px
}

.actionsCost table {
    margin: 0 auto;
    width: 90%
}

.actionsNotes p {
    font-size: 12px;
    color: #666
}

.actionsCost td {
    text-align: left
}

.erCodes {
    padding-right: 5%
}

.erCodes li {
    margin-left: 10px;
    text-align: center
}

.erCodes li p {
    text-indent: 0
}

.erCodes li img {
    width: 150px
}

.newsCaption {
    line-height: 48px;
    font-size: 18px
}

.newsMain p {
    margin-bottom: 15px
}

.pagesContainer {
    margin: 30px 0
}

.pages span {
    padding: 0 5px;
    cursor: pointer;
    line-height: 30px;
    display: inline-block
}

.pages span:hover {
    color: #0284cf
}

.newsAllList {
    min-height: 450px
}

.copyRight {
    text-align: center;
    margin-left: -41px;
    margin-top: -15px
}

.twoNewsTitle h5 {
    line-height: 35px
}

.recruitNotice {
    line-height: 35px;
    background: #fff;
    border: 1px solid #d9d9d9;
    padding: 0 30px 30px;
    margin-bottom: 20px
}

.recruitNotice h5 {
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    font-weight: normal
}

.indentWord p {
    text-indent: 2rem
}

p>b {
    padding: 5px 0
}

.indentWord table {
    margin: 20px 0 20px 2rem;
    width: 70%
}

.indentWord table p {
    text-indent: 0
}

.recruitNoticeTle {
    padding: 10px 0;
    border-bottom: 1px solid #d4d4d4
}

.recruitNotice table tr th {
    background: transparent
}

.downLoad {
    display: block
}

.downLoad:hover {
    color: #00b7d6;
    text-decoration: underline
}

.downLoad span {
    float: right
}

.centerWordCon>p {
    text-indent: 0;
    text-align: center
}

.centerContainer {
    text-align: center;
    margin: 30px 0
}

.largeInformation {
    padding: 30px 37px 60px
}

.largeInformation .proInformation {
    width: 100%
}

.header {
    background: #fff
}

.blueBg {
    background: #055499;
    height: 5px
}

.aboutUs {
    height: 50px;
    line-height: 50px
}

.telePhone {
    color: #999;
    font-size: 14px;
    line-height: 50px;
    width: 343px
}

.telePhone span {
    margin-left: 10px;
    font-size: 18px;
    color: #ff9900
}

.telePhone span:first-child {
    margin-left: 0
}

.commits {
    width: 560px;
    font-size: 16px
}

.commits a:hover, .newTitle a:hover, .syTitle a:hover {
    color: #72af2d
}

.topList li a:hover {
    color: #008cd3
}

.commits a {
    margin: 0 12px;
    color: #008cd3
}

.commits a:nth-child(4) {
    margin-right: 0
}

.commits a:nth-child(5) {
    margin-left: 0
}

.logos {
    line-height: 64px;
    padding-top: 5px
}

.ineyeLogo_1 img {
    height: 60px
}

.ineyeLogo_2 img {
    margin-left: -10px;
    height: 45px
}

.logos a.lastLogo {
    margin-right: 0;
    margin-left: 15px
}

.search {
    width: 290px;
    height: 40px;
    margin-top: 5px;
    line-height: 1;
    position: relative
}

.search input {
    width: 236px;
    height: 38px;
    border: 1px solid #72af2d;
    font-family: "Microsoft YaHei", "Arial Narrow"
}

.searchBtn {
    border: 0px;
    width: 54px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #72af2d;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff
}

.topNavContainer {
    background: #008cd3
}

.topNav {
    height: 50px;
    background: #008cd3
}

.topNav li {
    width: 8%
}

.topNav a {
    line-height: 50px;
    text-align: center;
    width: 100%;
    display: block;
    color: #fff
}

.banner-box {
    width: 1200px;
    height: 450px;
    position: relative;
    text-align: center;
    overflow: hidden
}

.banner-box .img {
    width: 100000px;
    position: absolute;
    top: 0;
    left: 0
}

.banner-box .img li {
    float: left
}

.banner-box img {
    width: 1200px;
    height: 450px
}

.banner-box .li {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10px
}

.banner-box .li li {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer
}

.banner-box .but {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 38px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-family: '宋体';
    cursor: pointer;
    display: none
}

.banner-box:hover .but {
    display: block
}

.banner-box .but-left {
    left: 0
}

.banner-box .but-right {
    right: 0
}

.banner-box .li .index {
    background: #0284cf;
    border-radius: 10px
}

.banner-box .bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    background-color: rgba(2, 132, 207, 0.6)
}

.bannerWord {
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    position: absolute;
    bottom: 0;
    color: #fff
}

.bannerWord p {
    line-height: 40px
}

.diseaseList {
    font-size: 18px
}

.diseaseList>div {
    width: 120px;
    height: 202px;
    background: #72af2d;
    color: #fff;
    text-align: center
}

.diseaseList ul {
    width: 1080px
}

.diseaseList li {
    width: 118px;
    height: 100px;
    text-align: center;
    border-right: 2px solid #f5f5f5;
    position: relative
}

.diseaseList li p {
    color: #666
}

.diseaseList li:nth-child(1), .diseaseList li:nth-child(2), .diseaseList li:nth-child(3), .diseaseList li:nth-child(4), .diseaseList li:nth-child(5), .diseaseList li:nth-child(6), .diseaseList li:nth-child(7), .diseaseList li:nth-child(8), .diseaseList li:nth-child(9) {
    border-bottom: 2px solid #f5f5f5
}

.newsSlide {
    overflow: hidden;
    position: relative;
    width: 295px;
    height: 225px
}

.newsSlide ul.slide-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 295px;
    height: 225px
}

.newsSlide ul.slide-wrapper li {
    height: 100%;
    position: absolute
}

.slideLink img {
    width: 100%
}

.newsSlide .slidebox {
    position: absolute;
    right: 10px;
    left: auto;
    z-index: 30;
    bottom: 30px
}

.newsSlide .slidebox ul li {
    float: left;
    height: 12px;
    margin: 4px 4px
}

.newsSlide .slidebox ul li em {
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: #fff;
    text-indent: -9999px;
    border-radius: 0;
    display: block
}

.newsSlide .slidebox ul li.current em {
    background: #72af2d
}

.plate {
    margin-bottom: 20px;
    background: #fff
}

.marB10 {
    margin-bottom: 10px
}

.topNews {
    padding: 0 10px 0 5px
}

.leftNew {
    width: 870px
}

.topList {
    width: 540px;
    padding-top: 10px
}

.topList li {
    line-height: 25px;
    margin-bottom: 8px;
    overflow: hidden
}

.topList.newsIndexList a {
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left
}

.newsIndexList span {
    font-size: 12px
}

.newTitle {
    font-size: 18px;
    line-height: 38px
}

.listNew {
    padding: 5px 10px 10px 5px;
    height: 285px
}

.listNew li {
    line-height: 34px
}

.listNew li span {
    float: right
}

.newsVideo {
    height: 290px;
    width: 328px;
    box-sizing: border-box;
    border-left: 1px solid #e5e8e9
}

.newsVideo .newTitle {
    padding: 0 10px;
    border-bottom: 1px solid #e5e8e9
}

.noticeList {
    padding: 10px 10px 0
}

.noticeList.topList {
    width: 100%;
    box-sizing: border-box
}

.noticeList li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.topNav li a {
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box
}

.topNews .newTitle a {
    color: #008cd3;
    margin-left: 10px;
    font-size: 14px
}

.topNews .newTitle a:hover {
    color: #72af2d
}

.newTitle span {
    float: right;
    font-size: 12px;
    color: #999
}

.icon_tb {
    background: url("../images/icon_sy-aa2706940636acb649a5e8ed3c2d8a72b1968f781ddae7fd0168c2334698b236.png");
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px
}

.icon_my {
    background-position: 0 0
}

.syTitle {
    height: 46px;
    line-height: 46px;
    padding: 0 12px;
    border-bottom: 1px solid #e5e8e9
}

.syTitle .icon_tb {
    margin-right: 5px
}

.syTitleName {
    font-size: 20px;
    color: #333
}

.syTitle a {
    color: #008cd3;
    margin-left: 20px
}

.little {
    background: url("../images/icon_lettle-b7ee8156703d7586fc5e00c8385c17fab454ec6626c5146c77fb354503d7ab04.png");
    display: inline-block
}

.icon_lettle {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.icon_diseaseList {
    background-position: -18px 0;
    width: 42px;
    height: 52px;
    margin: 58px 0 12px
}

.doctorList {
    padding: 5px 5px;
    width: 1050px
}

.doctorList li {
    margin: 5px;
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 284px;
    display: none
}

.doctorList li img {
    width: 200px
}

.doctorList li .IntroduceMask {
    position: absolute;
    left: 0;
    bottom: -43px;
    width: 100%;
    height: 134px;
    background: rgba(255, 255, 255, 0.75);
    text-align: center;
    transition: all .5s;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer
}

.IntroduceMask:hover {
    transform: translate(0, -43px);
    -ms-transform: translate(0, -43px);
    -webkit-transform: translate(0, -43px);
    -o-transform: translate(0, -43px);
    -moz-transform: translate(0, -43px)
}

.doctorList li .IntroduceMask h5 {
    color: #333;
    font-size: 20px;
    line-height: 34px;
    margin-top: 7px;
    font-weight: normal
}

octorList li .IntroduceMask p {
    line-height: 25px
}

.doctorBtn {
    margin-top: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 38px
}

.doctorBtn a {
    width: 50%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    display: inline-block;
    background: #008cd3
}

.doctorBtn a:hover {
    background: #72af2d
}

.consults {
    width: 135px;
    border-left: 1px solid #e5e8e9;
    text-align: center
}

.consults i {
    display: inline-block;
    width: 42px;
    height: 42px;
    margin: 27px 0 5px;
    background: url("../images/icon_commit-c0fdf9c0656b0afeaeef85a5574d95fb457f4a8342c9fc3c33e992aac38158e7.png")
}

.consults li {
    border-bottom: 1px solid #f5f5f5;
    height: 118px
}

.consults li:nth-child(2) i {
    background-position: 0 -48px
}

.consults li:nth-child(3) i {
    background-position: 0 -96px
}

.consults li:nth-child(4) i {
    background-position: 0 -144px
}

.consults li:nth-child(5) i {
    background-position: 0 -192px
}

.syTitle .attentions {
    float: none;
    color: #999999;
    margin-left: 5px
}

.icon_attention {
    background-position: 0 -38px
}

.askBtn {
    text-align: center;
    padding-bottom: 10px
}

.askBtn a {
    width: 240px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    background: #008cd3;
    color: #fff
}

.askBtn a:hover {
    background: #72af2d
}

.illnessCheck {
    padding: 11px 30px;
    line-height: 45px;
    color: #666
}

.illnessCheck input[type=checkbox] {
    vertical-align: sub;
    margin-right: 3px
}

.illnessCheck span {
    width: 12%;
    display: inline-block
}

.icon_department {
    background-position: 0 -76px
}

.sexCenters {
    padding: 4px 10px 20px
}

.sexCenters>li {
    width: 562px
}

.sexCenters>li>p {
    line-height: 43px;
    border-bottom: 1px solid #e5e8e9
}

.sexCenters>li>p em {
    line-height: 43px;
    font-size: 18px;
    display: inline-block;
    border-bottom: 2px solid #008cd3
}

.sexCenters>li>p span {
    text-align: right
}

.centerOne {
    height: 224px;
    padding: 14px 0
}

.marR16 {
    margin-right: 16px
}

.centerOneHref {
    margin-top: 4px;
    overflow: hidden
}

.centerOneHref li {
    width: 72px;
    line-height: 50px;
    text-align: center;
    height: 50px;
    background: #008cd3;
    margin-right: 4px
}

.centerOneHref li:hover {
    background: #72af2d
}

.sexCenters>li:nth-child(2n) {
    float: right
}

.centerOneHref li a {
    color: #fff
}

.centerOneHref li:last-child {
    margin-right: 0
}

.centerOneSituation {
    width: 225px;
    padding-right: 20px
}

.centerOneSituation a h4 {
    font-size: 14px;
    line-height: 30px
}

.centerOneSituation a p {
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px
}

.centerOneSituation>p {
    line-height: 52px
}

.icon_equipment {
    background-position: 0 -114px
}

.departmentsImg {
    padding: 20px 14px 0
}

.departmentsImg li {
    margin: 0 5px
}

.departmentsImg li div {
    width: 378px;
    height: 298px;
    line-height: 298px;
    text-align: center;
    border: 1px solid #ccc
}

.departmentsImg li p {
    line-height: 46px;
    margin-bottom: 6px;
    text-align: center
}

.honorTitle {
    text-align: center;
    font-size: 20px;
    color: #fff
}

.honorTitle li {
    height: 45px;
    line-height: 45px;
    width: 50%;
    background: #008cd3
}

.honorTitle li.active {
    background: #72af2d
}

.honorImgs {
    padding: 6px
}

.honorImgs li {
    margin: 4px
}

.icon_environment {
    background-position: 0 -152px
}

.blackBg {
    background: #000;
    color: #999
}

.footContent {
    background: #000;
    padding: 16px 0 20px
}

.footContent li {
    padding-right: 20px
}

.footContent li p {
    line-height: 36px
}

.footContent h5 {
    color: #fff
}

.tel p:first-child {
    margin-top: 10px
}

.tel p:last-child {
    text-indent: 4rem
}

.toContact em {
    font-size: 24px;
    color: #008cd3;
    font-style: italic;
    line-height: 1
}

.footContent>ul>li:nth-child(2) {
    padding-top: 28px
}

.links {
    padding-top: 10px
}

.links a {
    color: #999
}

.links {
    width: 330px
}

.links p {
    width: 140px;
    float: left;
    margin-right: 20px
}

.blackBg_links {
    width: 1200px;
    height: 130px
}

.blackBg_links hr {
    margin-bottom: 20px
}

.blackBg_links p {
    float: left;
    margin-top: 20px
}

.blackBg_links .mart0 {
    margin-top: 0px
}

.blackBg_links p a {
    color: #999
}

.blackBg_links_box_left a {
    margin-left: -60px
}

.blackBg_links_box_two a {
    margin-left: -60px
}

.footContent li:nth-child(2) {
    padding: 0 30px 0 10px
}

.footContent li:nth-child(3) {
    padding: 0
}

.footContent li:nth-child(4) li {
    padding: 0 10px;
    color: #fff;
    text-align: center
}

.blackBg_img img {
    margin-left: 200px
}

.diseaseList li p {
    line-height: 1
}

.icon_eye {
    width: 58px;
    height: 56px;
    margin-top: 10px;
    display: inline-block;
    background: url("../images/eye_tb-5d466852b0461f54e69f8f2e47ad36e76eead04a8298eff949d34009ed600667.png") 0 -11px
}

.icon_eye2 {
    background-position: -78px -11px
}

.icon_eye3 {
    background-position: -156px -11px
}

.icon_eye4 {
    background-position: -235px -11px
}

.icon_eye5 {
    margin: 0 0 10px;
    background-position: -313px 0px
}

.icon_eye6 {
    background-position: -391px -10px
}

.icon_eye7 {
    background-position: -469px -11px
}

.icon_eye8 {
    background-position: -547px -11px
}

.icon_eye9 {
    background-position: -625px -11px
}

.icon_eye10 {
    background-position: 0 -78px
}

.icon_eye11 {
    background-position: -78px -78px
}

.icon_eye12 {
    background-position: -156px -78px
}

.icon_eye13 {
    background-position: -235px -78px
}

.icon_eye14 {
    background-position: -313px -78px
}

.icon_eye15 {
    background-position: -391px -78px
}

.icon_eye16 {
    background-position: -469px -78px
}

.icon_eye17 {
    background-position: -547px -70px;
    height: 62px;
    margin-top: 2px
}

.icon_eye18 {
    background-position: -625px -78px
}

.newsSlide .inner {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    background: #008cd3;
    color: #fff;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    left: 0
}

.newsSlide .inner p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.depRight li * {
    position: relative
}

.depRight li b {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #72af2d;
    background-color: #fff \9;
    opacity: 0;
    left: 0;
    top: 0;
    -webkit-animation: orangeOut 0.4s ease;
    animation: orangeOut 0.4s ease;
    z-index: 0
}

.depRight li:hover b {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-animation: orangeIn 0.2s ease;
    animation: orangeIn 0.2s ease;
    background-color: #72af2d \9
}

@-webkit-keyframes orangeIn {
    0% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes orangeIn {
    0% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-ms-keyframes orangeIn {
    0% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes orangeIn {
    0% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes orangeOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
}

@-moz-keyframes orangeOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
}

@-ms-keyframes orangeOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
}

@keyframes orangeOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
}

.plate .honorplate {
    display: none
}

.plate div.honorContainer {
    display: block;
    padding: 28px 0
}

.commitAllImgs img {
    height: 181px
}

.commitAllImgs {
    padding: 6px 7px
}

.hosEnvironment {
    position: relative
}

.hosEnvironment .photoMask span {
    font-size: 16px
}

.photoMask {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    bottom: 0;
    display: table;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden
}

.photoMask:before, .photoMask:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.85s, -webkit-transform 0.85s;
    transition: opacity 0.85s, transform 0.85s
}

.photoMask:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    border-color: rgba(255, 255, 255, 0.4)
}

.photoMask span {
    display: inline-block;
    font-size: 14px;
    margin: 20% 16%;
    height: 100%
}

.hosEnvironment li span {
    margin: 0 16px
}

.hosEnvironment li {
    text-align: center;
    line-height: 224px
}

.commitAllImgs li, .hosEnvironment li {
    position: relative
}

.photoMask:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    border-color: rgba(255, 255, 255, 0.4)
}

.commitAllImgs li:hover .photoMask:before, .commitAllImgs li:hover .photoMask:after, .hosEnvironment li:hover .photoMask:before, .hosEnvironment li:hover .photoMask:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.commitAllImgs li:hover .photoMask {
    opacity: 1
}

.hosEnvironment li:hover .photoMask {
    opacity: 1
}

.kepPad {
    padding-top: 20px
}

.expertCommon {
    height: 75px;
    margin: 10px 20px 0;
    border-bottom: 1px solid #a0a8ad
}

.expertCommon>li {
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 92px;
    margin: 20px 10px 0 0
}

.expertCommon>li a {
    width: 100%;
    height: 100%;
    background: #e5e5e5;
    display: block
}

.expertCommon>li.active a {
    background: #72af2d;
    color: #fff
}

.expertsListContainer {
    padding: 20px;
    margin-bottom: 10px
}

.expertsListContainer>li {
    width: 560px;
    overflow: hidden;
    margin-bottom: 10px
}

.expertsListContainer li img {
    width: 200px
}

.expertsListContainer>li:nth-child(2n) {
    float: right
}

.photoBorder {
    width: 220px;
    height: 304px;
    line-height: 304px;
    box-sizing: border-box;
    border: 1px solid #eaeded;
    position: relative;
    text-align: center;
    margin-right: 15px
}

.photoBorder:hover {
    border-color: #72af2d
}

.photoBorder img {
    vertical-align: middle
}

.expertSynopsis {
    position: relative;
    height: 304px;
    width: 325px
}

.expertSynopsis h5 {
    font-size: 24px;
    color: #333;
    line-height: 1;
    margin: 10px 0 13px;
    font-weight: normal
}

.expertSynopsis p {
    line-height: 24px
}

.expertsGoodAt {
    margin: 10px 0 2px;
    color: #72af2d
}

.seeDetail {
    line-height: 36px;
    width: 168px;
    text-align: center;
    background: #008cd6;
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    bottom: 10px
}

.seeDetail:hover {
    background: #72af2d;
    color: #fff
}

.expertsListContainer, .expertCommonBg {
    background: #fff
}

.doctorBanner {
    height: 410px;
    overflow: hidden
}

.doctorBanner img {
    width: 100%;
    display: block;
    margin-top: -143px
}

.doctorDetails {
    padding: 20px;
    margin-top: 20px
}

.doctorPortrait {
    width: 306px;
    height: 430px;
    position: relative
}

.doctorPortrait img {
    width: 306px
}

.doctorBtns {
    position: absolute;
    padding: 0 25px;
    bottom: 10px;
    width: 100%;
    box-sizing: border-box
}

.doctorBtns a {
    background: #ff9900;
    color: #fff;
    display: block;
    width: 120px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 4px
}

.doctorBtns a:first-child {
    background: #008cd6
}

.doctorContent {
    padding: 0 15px 0 35px;
    width: 800px;
    line-height: 24px
}

.doctorContent h5 {
    font-size: 30px;
    font-weight: normal;
    color: #333;
    line-height: 54px
}

.doctorTitle {
    margin: 8px 0 28px
}

.doctorTitle span {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    padding: 0 15px;
    background: #72af2d;
    color: #fff;
    font-size: 18px
}

.doctorHonor {
    color: #008cd6;
    margin-bottom: 5px;
    min-height: 70px
}

.doctorGoodAt span {
    float: left
}

.doctorGoodAt p {
    display: inline-block;
    width: 725px;
    float: left
}

.doctorGoodAtFloat span, .doctorGoodAtFloat p {
    float: left
}

.seePatientTime span, .doctorGoodAt span {
    color: #72af2d
}

.seePatientTime span {
    margin-right: 14px
}

.doctorIntroduce {
    padding: 0 30px 16px
}

.doctorIntroduce p {
    line-height: 30px;
    text-indent: 2rem
}

.registered {
    background: #72af2d;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-left: 45px;
    margin-top: 18px
}

.registered li {
    margin-right: 45px
}

.registered li:first-child {
    font-size: 16px
}

.registered input {
    width: 120px;
    height: 36px;
    border-radius: 3px;
    color: #333;
    border: 0;
    box-sizing: border-box;
    padding-left: 5px
}

.registeredBtn {
    background-color: #ff9900
}

.registeredBtn {
    color: #fff;
    width: 80px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    border-radius: 4px
}

.membersList {
    padding: 8px;
    margin: 20px 0;
    border: 1px solid #eaeded
}

.teamMemberWords {
    width: 35px;
    line-height: 35px;
    height: 163px;
    text-align: center;
    background: #008cd6;
    color: #fff;
    writing-mode: vertical-lr;
    writing-mode: tb-lr
}

.lpzDoctor em {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    background: #008dd7;
    border-radius: 50%;
    display: inline-block;
    margin-left: -2px
}

.expertsName span {
    float: left;
    display: block;
    margin: 18px 0 0 24px
}

.teamMembers {
    width: 1140px;
    height: 163px;
    background: #6e707d;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 11040px;
    height: 163px
}

.teamMembers>li {
    width: 284px;
    overflow: hidden
}

.teamMemberPhoto img {
    width: 100px
}

.memberIntroduce {
    width: 120px;
    margin-left: 20px;
    line-height: 26px;
    font-size: 12px
}

.memberIntroduce h5 {
    font-size: 16px;
    line-height: 40px
}

.teamContainer {
    position: relative;
    width: 1140px;
    height: 163px;
    float: right;
    overflow: hidden
}

.leftBtn, .rightBtn {
    width: 50px;
    height: 100%;
    line-height: 163px;
    position: absolute;
    top: 0;
    text-align: center;
    cursor: pointer
}

.leftBtn {
    left: -40px
}

.rightBtn {
    right: -40px
}

.leftBtn.active {
    transition: all .5s
}

.rightBtn.active {
    transition: all .5s
}

.teamContainer:hover .leftBtn.active, .doctorRecommendDiv:hover .leftBtn.active {
    left: 0
}

.teamContainer:hover .rightBtn.active, .doctorRecommendDiv:hover .rightBtn.active {
    right: 0
}

.icon_arrow.icon_left {
    background-position: 0 -62px
}

.icon_arrow.icon_right {
    background-position: -26px -62px
}

.icon_arrow {
    width: 15px;
    height: 26px;
    display: inline-block;
    background: url("../images/icon_lettle-b7ee8156703d7586fc5e00c8385c17fab454ec6626c5146c77fb354503d7ab04.png") no-repeat
}

.narB-20 {
    margin-bottom: 20px
}

.enterEyeCommon>ul {
    position: relative
}

.enterEyeCommon>ul:before {
    content: " ";
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/icon_enter-707fb11b4317ac2a5bd55ee70f596deb65532ed02471b4bf1486d97fcbd64867.png") no-repeat
}

.enterEyeCommon {
    width: 160px
}

.enterEyeCommon ul li {
    height: 45px;
    line-height: 45px;
    background: #008cd6;
    text-align: center;
    color: #fff
}

.enterEyeCommon ul li:first-child {
    height: 60px;
    background: #303030;
    line-height: 24px;
    box-sizing: border-box;
    padding-top: 8px
}

.enterEyeCommon ul li:first-child h4 {
    color: #72af2d;
    font-size: 18px;
    font-weight: normal
}

.enterEyeCommon ul a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: inline-block
}

.enterEyeCommon div.hosInformation {
    border: 1px solid #e5e8e9;
    line-height: 20px;
    background: #fff;
    padding: 15px 0;
    margin-top: 10px;
    overflow: hidden
}

.enterEyeCommon div.hosInformation i {
    width: 34px;
    height: 34px;
    display: inline-block;
    margin-right: 10px
}

.hosInformation>div {
    float: right;
    width: 100px
}

.enterEyeContent {
    width: 1020px;
    padding: 0 30px 20px;
    background: #fff;
    box-sizing: border-box;
    min-height: 580px
}

.enterEyeContent h5 {
    font-size: 24px;
    line-height: 75px;
    font-weight: normal;
    text-align: center
}

.enterEyeContent p {
    text-indent: 2rem;
    line-height: 24px
}

.enterEyeWord p {
    margin-bottom: 20px
}

.enterEyeContainer {
    overflow: hidden;
    margin: 20px 0
}

.enterEyeCommon ul li.classResource {
    height: auto
}

.classResource ul {
    display: none
}

.classResource ul li {
    background: #303030
}

.classResource ul li:first-child {
    height: 45px;
    line-height: 45px;
    background: #303030;
    text-align: center;
    color: #fff
}

.icon_enter {
    display: inline-block;
    background: url("../images/icon_enter-707fb11b4317ac2a5bd55ee70f596deb65532ed02471b4bf1486d97fcbd64867.png") no-repeat
}

.icon_enterIcon {
    width: 35px;
    height: 35px;
    margin-left: 10px
}

.icon_telephone {
    background-position: 0 -38px
}

.icon_time {
    background-position: 0 -92px
}

.bigThing {
    font-size: 18px
}

.bigThing>li {
    height: 105px;
    overflow: hidden
}

.thingTime {
    width: 130px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 12px;
    margin-top: 20px;
    box-sizing: border-box
}

.bigThing li:nth-child(4n) .thingTime {
    background: #2076ce
}

.bigThing li:nth-child(4n+1) .thingTime {
    background: #fb6400
}

.bigThing li:nth-child(4n+2) .thingTime {
    background: #229403
}

.bigThing li:nth-child(4n+3) .thingTime {
    background: #ce207f
}

.thingTime p {
    line-height: 50px
}

.bigThing>li p {
    float: left;
    width: 805px;
    height: 104px;
    line-height: 105px;
    border-bottom: 1px solid #e5e8e9;
    text-indent: 0;
    padding-left: 20px
}

.bigThing>li .two_line {
    line-height: 25px;
    margin-top: 21px;
    height: 83px
}

.bigThing>li.oneBigThing p {
    line-height: 30px;
    box-sizing: border-box;
    padding-top: 20px
}

.hosTitle {
    position: relative;
    float: left;
    text-align: left;
    font-size: 12px;
    margin: 20px 0
}

.hosTitle p {
    text-align: left;
    text-indent: 0;
    margin-bottom: 5px
}

.hosTitle h4 {
    font-size: 24px;
    color: #72af2d
}

.course {
    margin-top: 55px
}

.course li {
    line-height: 49px;
    width: 915px
}

.course li span {
    margin-right: 45px
}

.courseOneTime {
    margin-bottom: 27px
}

.courseOneTime>div p {
    text-indent: 0
}

.courseImg {
    padding-top: 20px
}

.processImg {
    margin: 25px 0;
    text-align: center
}

.priceTable {
    width: 100%;
    margin: 20px 0;
    border: 1px solid #cfd7dd
}

.priceTable th {
    border-bottom: 1px solid #cfd7dd;
    line-height: 50px;
    line-height: 50px;
    border-top: 3px solid #48d5b2
}

.priceTable th:nth-child(2) {
    border-top: 3px solid #ffc36d
}

.priceTable th:nth-child(3) {
    border-top: 3px solid #ff7e7e
}

.priceTable tr>td:nth-child(2), .priceTable tr>th:nth-child(2) {
    border-left: 1px solid #cfd7dd;
    border-right: 1px solid #cfd7dd
}

.priceTable td {
    line-height: 50px;
    padding-left: 40px
}

.priceTable tr:nth-child(even) td {
    background: #f6f9fa
}

.priceTable tr>td:nth-child(3) {
    color: #f72c3a
}

.hosEnvironmentDiv {
    width: 980px;
    height: 655px;
    overflow: hidden
}

.hosEnvironmentDiv li {
    position: relative;
    display: none
}

.hosEnvironmentDiv li.active {
    display: block
}

.smallImgContainer {
    height: 60px;
    line-height: 60px;
    background: rgba(255, 255, 255, 0.5)
}

.smallImgContainer li {
    float: left;
    width: 7.69%
}

.smallImgContainer img {
    width: 100%
}

.enterEyeEnvironment {
    padding: 20px;
    position: relative
}

.smallImgContainer {
    position: absolute;
    width: 980px;
    bottom: 20px
}

.chinWes, .Complementary {
    width: 97px;
    height: 97px;
    border-radius: 50%;
    font-size: 24px;
    color: #008cd3;
    text-align: center;
    padding: 15px 0;
    box-sizing: border-box;
    border: 3px solid #008cd3;
    margin-top: 100px
}

.Complementary {
    margin-left: 40px
}

.chinWes {
    color: #72af2d;
    border-color: #72af2d;
    margin-right: 40px
}

.medicineContainer {
    padding-left: 180px
}

.medicineContent {
    padding-top: 10px
}

.medicineContent li {
    width: 46%
}

.medTitle {
    color: #008cd3
}

.imgCenter {
    text-align: center
}

.enterHonorContainer {
    padding: 10px
}

.enterEyeHonor li {
    width: 310px;
    height: 224px;
    border: 1px solid #cdcdcd;
    margin: 10px
}

.enterEyeHonor1 {
    background: url("../images/enter_honor1-de15f062546b586a5b6e2b035fb98174479e2d346732bc0cc22593d6b0ee0d08.png") 20px 20px no-repeat
}

.enterEyeHonor2 {
    background: url("../images/enter_honor2-b1d97b42c50d05642bbb4996157011d0ae6aea6627f80e2f292f9a7994c2f3df.png") 20px 20px no-repeat
}

.enterEyeHonor3 {
    background: url("../images/enter_honor3-c1cdd9ec92c579b4e3c34ef22c015dbaed10af97a781876f4c4022800da89cdd.png") 20px 20px no-repeat
}

.enterEyeHonor4 {
    background: url("../images/enter_honor4-29a447865cdedafbc2c928e4352c6b0bf56d3ac009a3cea1b1149ec33c68bcfc.png") 20px 20px no-repeat
}

.enterEyeHonor5 {
    background: url("../images/enter_honor5-244bfc50cbd387f49b766c086622835eace3af882dd5059e015f2845bed28cdf.png") 20px 20px no-repeat
}

.enterEyeContent.securityPolicy {
    padding-top: 20px
}

.securityPolicy p {
    line-height: 30px
}

.securityPolicy>div {
    margin-bottom: 30px
}

.securityPolicy>div p b {
    margin-left: -2rem
}

.securityPolicy .noIndent {
    text-indent: 0
}

.map {
    width: 705px;
    height: 320px;
    margin: 10px 0 0 2rem
}

.enterEyeContent p.indent5 {
    text-indent: 6.4rem
}

.enterEyeContent.toIneye {
    padding-top: 20px
}

.enterEyeContent.toIneye p {
    line-height: 40px;
    padding-left: 4rem;
    text-indent: -4.5rem
}

.enterEyeContent.toIneye p.indent0 {
    text-indent: 0rem
}

.iconAppointment {
    width: 46px;
    height: 46px
}

.iconAppointmentTele {
    background-position: 0 -146px
}

.teleAppointment {
    margin: 20px 0 12px 0
}

.AppointmentTele {
    width: 300px
}

.AppointmentTele p, .AppointmentWifi p {
    text-indent: 0;
    margin-left: 10px
}

.AppointmentTele span {
    color: #72af2d;
    margin-right: 20px
}

.iconAppointmentWifi {
    background-position: 0 -212px
}

.AppointmentWifi p {
    line-height: 46px;
    font-size: 18px
}

.customerMessage p {
    text-indent: 0;
    margin-bottom: 10px
}

.customerMessage em {
    width: 75px;
    display: inline-block;
    line-height: 24px
}

.customerMessage em i {
    width: 2rem;
    display: inline-block
}

.customerMessage input {
    height: 30px;
    border: 1px solid #b4b2b2;
    padding-left: 5px;
    width: 130px
}

.customerMessage span {
    color: #ff1d1d
}

.customerMessage select {
    padding: 0 5px;
    height: 20px
}

.customerMessage select:focus {
    outline: 0
}

.customerMessage textarea {
    padding-left: 10px;
    width: 360px;
    height: 70px
}

textarea:focus {
    outline: 0
}

.customerMsgButtom {
    padding-left: 75px
}

.customerMsgBtn a {
    width: 120px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #008cd6;
    font-size: 16px;
    color: #fff;
    display: block;
    border-radius: 4px
}

.doctorScheduling>div {
    margin-bottom: 20px;
    background: #fff;
    width: 1020px
}

.doctorScheduling>div h4 {
    color: #282828;
    font-size: 24px;
    line-height: 56px;
    font-weight: normal;
    text-align: center
}

.stopService {
    padding: 0 30px;
    line-height: 30px;
    box-sizing: border-box
}

.stopService>ul li {
    width: 50%
}

.stopService span {
    color: #ff1d1d
}

.stopService p {
    text-align: right;
    padding-bottom: 10px
}

.schedulingTab {
    border: 1px solid #767676;
    width: 100%
}

.font12 {
    font-size: 12px
}

.schedulingTabCon {
    padding: 0 20px 20px;
    box-sizing: border-box
}

.schedulingTab td, .schedulingTab th {
    line-height: 42px;
    border: 1px solid #c7c2c5;
    text-align: center
}

.schedulingTab td p {
    line-height: 26px
}

.newsMain .schedulingTab td p {
    margin-bottom: 0
}

.schedulingTab th {
    border-right: 1px solid #fff;
    background: #008cd3;
    line-height: 60px;
    color: #fff;
    font-size: large
}

.schedulingTab th:last-child {
    border-right: 1px solid #c7c2c5
}

.schedulingTab a {
    color: #008cd6;
    font-size: 16px
}

.schedulingTab .width150 {
    width: 150px
}

.schedulingTab .textLeft {
    text-align: left
}

.leave-table {
    margin-top: 20px;
    border: 1px solid #c7c2c5;
    width: 100%
}

.leave-table .title {
    background: #008cd3;
    color: white;
    font-size: large
}

.leave-table td, .leave-table th {
    line-height: 42px;
    border: 1px solid #c7c2c5;
    text-align: center
}

.doctor-name {
    border-bottom: 1px solid red
}

.allEquipment li {
    font-size: 12px;
    line-height: 24px;
    width: 560px
}

.allEquipment li:nth-child(even) {
    float: right
}

.allEquipment {
    margin-top: 20px
}

.equipmentName {
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    background: #6e707d;
    margin-bottom: 10px
}

.equipmentName h4 {
    font-size: 18px;
    color: #008cd6
}

.allEquipment {
    padding: 20px 20px 0;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 20px
}

.allEquipment .equAdvantages {
    color: #72af2d;
    font-size: 14px
}

.allEquipment li {
    margin-bottom: 20px
}

.allEquipment li>div {
    height: 284px;
    width: 350px
}

.allEquipment li>div.equContainer {
    width: 200px
}

.equContainer {
    line-height: 284px;
    text-align: center
}

.equContainer img {
    vertical-align: middle;
    max-width: 100%;
    display: block
}

.centerModule {
    margin: 10px 0;
    background: #fff
}

.imgW580 img {
    width: 580px
}

.main .centerModule:first-child {
    margin-top: 20px
}

.cataractCenterWord {
    padding: 10px
}

.cataractCenterWord .centerWords {
    width: 575px;
    float: right;
    margin-right: 10px;
    line-height: 26px;
    text-indent: 2rem
}

.centerWords h5 {
    line-height: 64px;
    font-size: 24px;
    color: #008cd6
}

.h5Title {
    font-weight: normal;
    text-align: center
}

.blueBTitle {
    line-height: 45px;
    border-bottom: 1px solid #e5e8e9;
    padding-right: 20px
}

.blueBTitle span {
    line-height: 45px;
    display: inline-block;
    font-size: 20px;
    border-bottom: 2px solid #0185d0;
    padding: 0 5px
}

.CenterLeader {
    position: relative;
    width: 340px;
    height: 484px
}

.CenterLeader img {
    width: 100%
}

.leaderMask {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 180px;
    width: 100%;
    background: rgba(255, 255, 255, 0.75);
    line-height: 24px;
    font-size: 12px;
    padding: 0 12px;
    box-sizing: border-box
}

.leaderMask>div {
    text-align: center
}

.leaderMask h4 {
    color: #0185d0;
    font-size: 18px;
    line-height: 36px
}

.leaderMask>p>span {
    color: #72af2d
}

.cataractCenterMember {
    width: 820px;
    padding: 0 10px;
    line-height: 26px
}

.cataractCenterMember h4 {
    font-size: 18px;
    line-height: 40px
}

.cataractDoctorGood {
    margin-top: 10px;
    color: #72af2d
}

.cataractCenterList ul li {
    width: 50%
}

.cataractCenterList li img {
    width: 200px
}

.cataractDoctor {
    width: 195px;
    margin-right: 5px
}

.cataractAdvantageCon {
    height: 172px;
    border: 3px solid #c8d5dd;
    margin-top: 20px;
    padding: 0 30px;
    line-height: 26px
}

.cataractAdvantageCon>p {
    text-align: center
}

.icon_advantageList {
    width: 17px;
    height: 17px;
    background-position: 0 -97px;
    vertical-align: middle
}

.cataractAdvantage {
    width: 100%
}

.cataractAdvantage li {
    width: 25%;
    height: 26px;
    margin-bottom: 20px
}

.cataractAdvantageCon>p {
    line-height: 78px;
    font-size: 20px
}

.cataractCenterDoctor {
    padding: 10px
}

.padB25 {
    padding-bottom: 25px
}

.cataractEquipment {
    padding: 5px 15px 15px
}

.cataractEquipment li {
    margin: 5px;
    width: 33.3%;
    box-sizing: border-box;
    text-align: center
}

.cataractEquipment li>div {
    height: 300px;
    line-height: 300px;
    border: 1px solid #ccc
}

.cataractEquipment li>img {
    vertical-align: middle
}

.cataractEquipment li>p {
    line-height: 46px
}

.cureProject {
    line-height: 47px;
    padding: 0 10px
}

.cureProject span {
    font-size: 20px
}

.cureProject em {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 20px;
    height: 31px;
    line-height: 31px;
    background: #ccc;
    border-radius: 3px;
    margin-left: 10px
}

.cureProject em.active {
    background: #72af2d;
    color: #fff
}

.halfContainer li {
    width: 48%
}

.advListContainer {
    padding: 0 30px 30px
}

.advListContainer ul li {
    height: 180px;
    margin-bottom: 10px
}

.advListContainer ul li:nth-child(even) {
    float: right
}

.advListContainer li p {
    text-indent: 2rem;
    line-height: 24px
}

.advListContainer li p.noIndent {
    text-indent: 0;
    color: #008cd6;
    font-size: 18px;
    line-height: 36px
}

.advTitle {
    color: #72af2d;
    font-size: 18px;
    text-align: center
}

.advListContainer p {
    line-height: 24px;
    text-indent: 2rem
}

.advListContainer p.advTitle {
    line-height: 60px
}

.marT20 {
    margin-top: 20px
}

.centerImgCon {
    text-align: center
}

.cataractAdvList dd {
    width: 48%;
    float: left;
    line-height: 24px
}

.cataractAdvList dd:nth-child(even) {
    float: right
}

.allNoIndent p {
    text-indent: 0
}

.advBlueTitle, .advListContainer p.advBlueTitle {
    color: #008cd6;
    font-size: 18px;
    line-height: 34px;
    margin-top: 30px;
    text-indent: 0
}

.SectionNewsList>div {
    padding: 20px;
    overflow: hidden
}

.SectionNewsList div:hover {
    background: #f1f1f1
}

.SectionNewsList div>img {
    float: left
}

.SectionNewsList .SectionNewsRight {
    width: 870px
}

.SectionNewsList p {
    line-height: 24px;
    text-indent: 2rem
}

.SectionNewsList h4 {
    line-height: 42px;
    font-size: 18px;
    font-weight: normal
}

.cureProjectContainer .cureProjectModule {
    display: none
}

.cureProjectContainer .cureProjectModule:first-child {
    display: block
}

.eyesightEquipment {
    padding: 20px 15px
}

.eyesightEquipment li .fr {
    width: 345px;
    line-height: 24px;
    font-size: 12px
}

.eyesightEquipment li:nth-child(even) {
    float: right
}

.eyesightEquipment li .fr h4 {
    font-size: 16px;
    color: #008cd6;
    line-height: 40px
}

.eyesightEquipment .equAdvantages {
    color: #72af2d;
    font-size: 14px
}

.eyesightEquipment .equContainer {
    width: 200px;
    height: 278px;
    text-align: center;
    border: 1px solid #ccc
}

.eyesightProject {
    width: 190px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: #fff;
    background: #0185d0;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.eyesightProject:after {
    content: " ";
    width: 0;
    height: 0;
    right: -24px;
    top: 25px;
    position: absolute;
    border: 12px solid transparent;
    border-left-color: #0185d0
}

.eyesightProjectList dd:nth-child(even) .eyesightProject {
    background: #72af2d
}

.eyesightProjectList dd:nth-child(even) .eyesightProject:after {
    border-left-color: #72af2d
}

.eyesightProjectList dd .fr {
    width: 920px;
    padding: 10px;
    background: #e7e7e7;
    line-height: 24px;
    margin-left: 30px;
    font-size: 12px
}

.eyesightProjectList dd {
    overflow: hidden;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.eyesightProjectList {
    padding: 10px
}

.centerMemberCon li {
    float: left;
    width: 25%;
    position: relative
}

.chinMedMemberCon .centerMemberList li {
    width: 20%
}

.centerMemberCon {
    width: 820px;
    padding: 0 5px;
    margin-left: 10px
}

.centerMemberCon .maskName {
    width: 90px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 55px;
    bottom: -17px;
    text-align: center;
    background: #0185d0;
    color: #fff
}

.centerMemberList {
    height: 297px
}

.centerAdvantageCon {
    margin-top: 10px
}

.centerAdvantage li {
    width: auto;
    margin-right: 10px;
    text-align: left
}

.eyesightCenterAdvantage li:nth-child(3n-2) {
    min-width: 450px
}

.eyesightCenterAdvantage li:nth-child(3n-1) {
    min-width: 150px
}

.EquipmentSlides {
    width: 100%;
    height: 350px;
    margin-top: 10px
}

.EquipmentSlides li {
    text-align: center
}

.EquipmentSlides>li {
    overflow: hidden;
    width: 1200px;
    box-sizing: border-box;
    padding: 0 10px;
    position: absolute;
    overflow: hidden
}

.EquipmentSlides>li>div {
    float: left;
    width: 380px;
    height: 350px;
    overflow: hidden;
    margin: 0 6px;
    border: 0
}

.EquipmentSlides>li>div>p {
    line-height: 40px;
    text-align: center
}

.EquipmentSlides>li>div>div {
    height: 300px;
    line-height: 300px;
    border: 1px solid #ccc;
    overflow: hidden
}

.EquipmentSlides>li>div>div img {
    vertical-align: middle;
    max-width: 380px
}

.jDiaporama_controls .prev {
    background: url("../images/controls2-08c4a2768aebc420db947210e0896f22503099f079bda7cdf9f1842c6a477f6a.png") no-repeat bottom;
    top: 45%;
    margin-top: -16px;
    height: 32px;
    width: 32px;
    left: 15px
}

.jDiaporama_controls .next {
    background: url("../images/controls2-08c4a2768aebc420db947210e0896f22503099f079bda7cdf9f1842c6a477f6a.png") no-repeat top;
    top: 50%;
    margin-top: -16px;
    height: 32px;
    width: 32px;
    right: 0px
}

.jDiaporama_controls a {
    font-weight: normal;
    width: 10px;
    height: 13px;
    text-indent: -9999px;
    display: block;
    margin: 0 3px;
    position: absolute
}

.jDiaporama {
    position: relative
}

.jDiaporama_controls {
    display: none
}

.fundiDiseaseAdvantage li {
    margin-right: 50px
}

.towMembers li {
    width: 50%
}

.towMembers li img {
    width: 200px
}

.centerMemberList li img {
    width: 200px
}

.centerBg {
    /* background: url("../images/centerBg-b48ac661610edcbb0a677b96e8ded192798f14c083b3a44fed51a5c48ac121ff.png") 115px 110px no-repeat #fff; */
    min-height: 630px;
    padding: 0 20px 50px;
    margin-bottom: 20px;
    margin-top: 20px
}

.departEntrance {
    line-height: 80px;
    padding-top: 15px;
    text-align: center;
    font-size: 48px
}

.departList p {
    line-height: 24px
}

.departEntrance span {
    color: #72af2d
}

.departLeftList span, .departRightList span, .departBottomList span {
    position: relative;
    display: inline-block
}

.departLeftList span, .departBottomList span {
    padding-left: 10px
}

.departLeftList span:before, .departRightList span:after, .departBottomList span:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #008cd6;
    top: 10px
}

.departLeftList span:before, .departBottomList span:before {
    left: 0
}

.departBottomList .departCenter1 {
    padding-left: 40px
}

.departList p.departCenterTle, .departList p.departCenterTle a {
    color: #008cd6;
    font-size: 20px;
    display: block;
    line-height: 40px
}

.departLeftList, .departRightList {
    width: 400px
}

.departLeftOneList p span:nth-child(1), .departLeftTwoList p span:nth-child(1) {
    width: 100px
}

.departLeftTwoList, .departLeftThreeList {
    margin-top: 14px
}

.departLeftThreeList p span:nth-child(1) {
    width: 120px
}

.departLeftFourList, .departFiveList {
    margin-top: 22px;
    margin-top: 62px
}

.departRightList {
    text-align: right
}

.departRightList span {
    padding-right: 10px
}

.departRightList span:after {
    right: 0
}

.departFiveList .departCenter1 span:nth-child(1), .departFiveList .departCenter1 span:nth-child(3) {
    width: 150px
}

.departRightTwoList p span:nth-child(2) {
    width: 220px
}

.departRightTwoList {
    margin-top: 22px;
}

.departRightThreeList {
    margin-top: 28px
}

.departRightFourList {
    margin-top: 20px
}

.departRightThreeList p span:nth-child(2) {
    width: 120px
}

.departBottomListCon {
    width: 420px;
    margin-left: 365px;
    position: relative
}

.departBottomList {
    position: absolute;
    top: -140px;
    width: 100%
}

.departRightFourList .departCenter1 span:nth-child(2), .departRightFourList .departCenter1 span:nth-child(4) {
    width: 235px
}

.marB20 {
    margin-bottom: 20px
}

.centerModule .chinCenterWord {
    width: 650px
}

.chinCenterImg {
    text-indent: 0;
    margin-top: 35px
}

.chinCenterDoctor {
    padding: 10px
}

.chinCenterDoctor .CenterLeader {
    width: 820px;
    height: auto
}

.chinCenterDoctor .CenterLeader img {
    width: 200px
}

.CenterLeaderIntroduce {
    width: 585px;
    float: right;
    line-height: 24px;
    font-size: 12px
}

.CenterLeaderIntroduce h4 {
    line-height: 34px;
    font-size: 18px;
    color: #7e0204
}

.CenterLeaderTle {
    color: #87612f;
    margin-top: 5px
}

.chinCenterDoctor .chinMedMemberCon {
    padding: 10px 0 0;
    margin: 0;
    width: 100%
}

.chinCenterDoctor .centerMemberList {
    width: 100%
}

.chinCenterDoctor .maskName {
    background: #735015
}

.padB20 {
    padding-bottom: 20px
}

.chiWedSpecialItem {
    padding: 0 10px
}

.chiWedSpecialItem li {
    width: 570px;
    line-height: 24px;
    text-indent: 2rem
}

.chiWedSpecialItem li:nth-child(even) {
    float: right
}

.chiWedSpecialItem li p:first-child {
    line-height: 48px;
    text-indent: 0;
    margin-top: 5px
}

.chiWedSpecialItem li p:last-child {
    color: #7e0204
}

.chiWedSpecialItem li p:first-child span {
    background: #735015;
    color: #fff;
    width: 98px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 3px
}

.chinMedModule .blueBTitle span {
    border-color: #87612f
}

.readCenterImg {
    margin-top: 5px;
    text-indent: 0
}

.readCenterDoctor {
    height: 310px;
    width: 100%;
    padding: 10px 30px 0;
    box-sizing: border-box
}

.readCenterDoctor li {
    width: 20%
}

.readCenterDoctor li img {
    width: 200px
}

.readCenterTle {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    margin: 15px 0
}

.readCenterTle span {
    color: #72af2d
}

.readCenterTle p:first-child {
    font-family: Arial
}

.readCenterFunc li {
    width: 530px;
    height: 558px;
    line-height: 30px;
    background: #fff;
    margin: 10px 0;
    padding: 0 30px;
    text-align: center
}

.readCenterFunc li h4 {
    font-size: 18px;
    color: #0185d0;
    font-weight: normal
}

.readCenterFunc li:nth-child(1) h4, .readCenterFunc li:nth-child(2) h4 {
    margin-top: 60px
}

.readCenterFunc li:nth-child(3) h4, .readCenterFunc li:nth-child(4) h4 {
    margin-top: 30px
}

.readCenterFunc li p {
    text-indent: 2rem;
    text-align: left
}

.readCenterFunc li:nth-child(even) {
    float: right
}

.marT60 {
    margin-top: 60px
}

.marT50 {
    margin-top: 50px
}

.marT40 {
    margin-top: 40px
}

.readCenterWork {
    padding: 20px;
    line-height: 24px;
    margin-bottom: 20px
}

.readCenterWork h5 {
    color: #72af2d;
    font-size: 18px;
    line-height: 36px;
    font-weight: normal
}

.readCenterWorkImg {
    text-align: center
}

.reportImg {
    margin-left: 190px
}

.wordIndent2 p {
    text-indent: 2rem
}

.wordIndent2 p.aPoint {
    text-indent: 0;
    color: #0185d0;
    margin-top: 25px
}

.diagnosisPlatform {
    padding: 60px 190px 0 140px
}

.diagnosisPlatform dl {
    width: 350px
}

.diagnosisPlatform dl dd {
    line-height: 40px;
    width: 50%;
    float: left
}

.diagnosisPlatform p {
    line-height: 28px;
    margin-top: 40px;
    font-size: 18px;
    color: #0185d0
}

.line30 p {
    line-height: 30px
}

.childModule {
    background: url("../images/childrenDepart-wordBg-f8afb027aa25407e5644e59751ada2765f473ce6a13b2a8572eede22642b010c.jpg") right 118px no-repeat #fff
}

.childrenTle {
    line-height: 28px;
    font-size: 18px;
    text-align: center;
    margin: 20px 0;
    color: #333333
}

.childrenTle p:nth-child(1) {
    font-family: Arial
}

.childrenTle p:nth-child(1) span {
    color: #0185d0
}

.childrenProject {
    border-bottom: 1px solid #e5e8e9
}

.childrenProDetail {
    width: 100%;
    margin-top: 80px
}

.childrenProDetail li p {
    line-height: 24px
}

.childrenProDetail li {
    width: 33.3%;
    text-align: center;
    height: 280px;
    box-sizing: border-box;
    padding: 0 13px
}

.childrenDepartCenter {
    width: 373px;
    padding-top: 80px;
    height: 131px;
    background: #acce22;
    font-size: 24px;
    line-height: 30px
}

.childrenDepartCenter p:nth-child(1) {
    font-family: Arial
}

.childrenDepartCenter span {
    color: #fff
}

.childrenTle em {
    display: inline-block;
    position: relative;
    color: #0185d0
}

.childrenTle em:before, .childrenTle em:after {
    content: " ";
    position: absolute;
    top: 50%;
    width: 50px;
    border-top: 1px solid #0185d0
}

.childrenTle em:before {
    left: -58px
}

.childrenTle em:after {
    right: -58px
}

.pad15 {
    padding: 15px
}

.childrenGlass {
    width: 437px
}

.glassAdvList {
    margin-top: 14px
}

.glassAdvList p {
    padding-left: 22px;
    line-height: 24px;
    margin-bottom: 10px
}

.glassAdvList p i {
    margin-left: -22px
}

.glassCompare {
    width: 610px;
    border: 1px solid #dde3e7
}

.glassCompare th {
    background: #0185d0;
    color: #fff;
    font-weight: normal
}

.glassCompare th, .glassCompare tr {
    height: 48px;
    text-align: center
}

.glassCompare th, .glassCompare td {
    border-right: 1px solid #cfd7dd
}

.glassCompare tr:nth-child(odd) td {
    background: #fff
}

.glassCompare tr:nth-child(even) td {
    background: #f6f9fa
}

.width150 {
    width: 150px
}

.alignCenter {
    text-align: center
}

.width560 {
    width: 560px
}

.icon_glass {
    width: 18px;
    height: 18px;
    background-position: -24px -97px;
    vertical-align: middle
}

.glassImg {
    margin-top: 10px
}

.aboutShortSight {
    line-height: 30px
}

.greenWord {
    color: #72af2d
}

.line24 {
    line-height: 24px
}

.width250 {
    width: 250px;
    padding-right: 20px
}

.width270 {
    width: 270px
}

.wordIndent p {
    text-indent: 2rem
}

.wordIndent p.advBlueTitle {
    text-indent: 0
}

.marL180 {
    margin-left: 180px
}

.weakSightHarm li {
    margin-bottom: 10px
}

.line30 {
    line-height: 30px
}

.lastChildProject {
    padding: 15px 15px 0
}

.thisIndent2 {
    text-indent: 2rem
}

.marT10 {
    margin-top: 10px
}

.visualChart {
    margin: 60px 0 10px
}

.diabetesCenter li {
    margin-right: 20px;
    line-height: 34px
}

.diabetesCenter li:nth-child(1), .diabetesCenter li:nth-child(4) {
    width: 280px
}

.diabetesCenter li.lastAdvantage {
    margin-right: 0
}

.diabetesTle {
    text-align: center;
    font-size: 20px;
    line-height: 34px;
    margin: 10px 0 20px
}

.diabetesTle p:first-child {
    font-family: Arial
}

.diabetesTle p:last-child span {
    position: relative
}

.diabetesTle p:last-child span:before, .diabetesTle p:last-child span:after {
    position: absolute;
    content: " ";
    width: 106px;
    border-top: 1px solid #72af2d;
    top: 50%
}

.diabetesTle p:last-child span:before {
    left: -110px
}

.diabetesTle p:last-child span:after {
    right: -110px
}

.researchResults {
    height: 550px;
    overflow-y: scroll
}

.researchResults p {
    text-indent: 2rem;
    margin-bottom: 10px
}

.diabetesExplain p {
    text-indent: 2rem
}

.diabetesExplain p.greenWord {
    text-indent: 0;
    margin-top: 20px
}

.diabetesExplain p.blueWord {
    margin-top: 10px
}

.blueWord {
    color: #0185d0
}

.diabetesTab {
    margin: 20px auto
}

.diabetesTab td {
    padding: 0 5px
}

.width100 {
    width: 100px
}

.eyesightProject p {
    display: inline-block;
    line-height: 24px;
    text-align: left;
    padding: 0 2px;
    vertical-align: middle
}

.pad20 {
    padding: 20px
}

.whiteModule {
    background: #fff;
    margin: 20px 0
}

.kepuBtn {
    text-align: center
}

.kepuBtn>ul {
    display: inline-block
}

.kepuBtn li {
    line-height: 40px;
    padding: 0 5px;
    font-size: 24px;
    margin: 0 35px;
    cursor: pointer
}

.kepuBtn li.active {
    color: #72af2d;
    border-bottom: 2px solid #72af2d
}

.relativeDiv {
    position: relative
}

.bottomMask {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.kepuImgMask {
    height: 70px;
    line-height: 70px;
    padding: 0 10px;
    background: #008cd6;
    color: #fff;
    box-sizing: border-box;
    text-align: center
}

.kepuImgMask>p {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle
}

.kepuModuleCon p {
    text-indent: 2rem
}

.kepuModule {
    display: none
}

.fiKepuModule {
    display: block
}

.line40 {
    line-height: 40px
}

.kepuArticles .kepuTle {
    line-height: 48px;
    border-bottom: 2px solid #666;
    font-size: 20px
}

.kepuArticles a {
    display: block
}

.kepuArticles .kepuTle a {
    font-size: 14px;
    color: #008cd6;
    float: right
}

.padL10 {
    padding-left: 10px
}

.padR10 {
    padding-right: 10px
}

.marR65 {
    margin-right: 65px
}

.glaucomaCenter {
    width: 820px;
    padding: 20px 30px;
    border: 1px solid #280d02;
    border-radius: 8px
}

.centerH5 {
    color: #008cd6;
    font-size: 24px
}

.glaucomaDoctors {
    padding: 20px
}

.glaucomaDoctors>li {
    width: 570px;
    overflow: hidden
}

.glaucomaDoctors>li img {
    width: 200px
}

.glaucomaDoctors .expertSynopsis {
    height: auto
}

.glaucomaBg {
    width: 120px;
    height: 41px;
    padding: 40px 0;
    color: #72af2d;
    background: url("../images/treatment-bg-a2adb6f77278e48fe4e736f54e79653799ec93706d7316bc125121ed4f99db2a.jpg");
    text-align: center
}

.glaucomaBg p {
    line-height: 18px
}

.glaucomaTreatment>div {
    width: 545px
}

.glaucomaTreatment {
    margin-bottom: 25px
}

.glaucomaTreatment>div>p {
    line-height: 24px;
    width: 405px;
    margin-left: 15px
}

.glaucomaTreatment>div>* {
    display: inline-block;
    vertical-align: middle
}

.glaucomaTreatmentFiList>div {
    height: 125px;
    line-height: 125px
}

.glaucomaTreatmentSeList {
    height: 140px;
    line-height: 140px
}

.glaucomaTreatmentThList {
    height: 168px;
    line-height: 168px
}

.blueSmaTle {
    color: #008cd6;
    font-size: 14px
}

.developHistory>ul {
    width: 455px
}

.developHistoryCon {
    width: 1020px;
    box-sizing: border-box;
    padding: 20px 35px 40px;
    color: #333;
    min-height: 200px;
    min-height: 627px
}

.developHistory .time {
    color: #008cd6;
    line-height: 28px
}

.developHistory li {
    margin: 20px 0
}

.developHistory .time span {
    font-size: 18px
}

.LargeTle {
    font-size: 36px;
    text-align: center;
    font-weight: normal;
    line-height: 90px
}

.ThemeScript h4 {
    font-weight: normal;
    font-size: 18px;
    line-height: 36px
}

.ThemeScript p {
    line-height: 22px
}

.signatureDImg {
    display: inline-block;
    margin-top: -18px
}

.collegeCenterImg {
    margin-left: -35px
}

.fontB18 {
    font-size: 18px;
    color: #008cd3
}

.bottomMarCon p {
    margin-bottom: 15px
}

.width1020 {
    width: 1020px
}

.teacherTimeList div {
    color: #34607b;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle
}

.teacherTimeList .teacherTime {
    font-size: 10px;
    transform: scale(0.8);
    font-weight: normal
}

.teacherTimeList>li {
    height: 52px;
    line-height: 52px;
    margin-top: 10px
}

.leadersCon>li {
    width: 420px
}

.leadersCon img {
    width: 200px
}

.leadersCon {
    padding-left: 30px;
    margin-top: 30px
}

.leadersCon>li>div h5 {
    font-size: 18px;
    line-height: 48px;
    margin-top: 10px
}

.leadersCon>li>div p {
    color: #008cd3
}

.marL50 {
    margin-left: 50px
}

.borderBTle {
    color: #666
}

.borderBTle span {
    display: inline-block;
    border-bottom: 2px solid #008cd3;
    color: #008cd3;
    margin-right: 10px;
    line-height: 45px
}

.font24 {
    font-size: 24px
}

.lineBBorder {
    border-bottom: 1px solid #e5e8e9
}

.projectList {
    width: 780px;
    margin: 20px auto 0;
    text-align: center
}

.projectList th {
    background: #b4ced1;
    color: #fff;
    line-height: 70px;
    border-right: 1px solid #f7f7f7;
    font-size: 24px
}

.projectList tr {
    border-bottom: 1px solid #f7f7f7
}

.projectList tr td:first-child {
    background: #b4ced1
}

.projectList td {
    line-height: 65px;
    border-right: 1px solid #f7f7f7;
    background: #eeeeee
}

.fontG16 {
    font-size: 16px;
    color: #72af2d
}

.collegePlatform {
    padding-bottom: 20px
}

.collegePlatform p {
    text-indent: 2rem
}

.collegePlatform .centerImgCon p {
    text-indent: 0
}

.collegePlatform p.fontG16 {
    margin: 10px 0;
    text-indent: 0
}

.centerIleWord {
    text-align: center;
    line-height: 38px;
    font-size: 24px;
    margin-top: 20px
}

.centerIleWord h5 {
    font-size: 36px;
    line-height: 60px;
    font-weight: normal
}

.width920 {
    width: 920px;
    margin: 0 auto
}

.marTNegative20 {
    margin-top: -20px
}

.cataractMIntroduce {
    width: 830px;
    margin: 20px 0 0 130px
}

.equLeft {
    width: 850px;
    min-height: 1488px;
    padding: 0 20px 30px
}

.equDetail.equRight {
    width: 300px;
    padding: 0
}

.equDetail.equRight, .equLeft {
    border-top: 2px solid #008cd6
}

.equDetail.equRight .consults {
    width: 100%
}

.equDetail.equRight .consults li {
    width: 33.3%;
    border: 0;
    height: 90px
}

.equRight .consults i {
    margin-top: 15px
}

.equRight .consults li:nth-child(4) i {
    background-position: 0 -240px
}

.equRight .consults li:nth-child(5) i {
    background-position: 0 -144px
}

.equRight .consults li:nth-child(6) i {
    background-position: 0 -192px
}

.doctorRecommendList {
    height: 590px;
    padding: 0 0 10px;
    box-sizing: border-box
}

.doctorRecommendTle {
    font-size: 20px;
    line-height: 40px;
    margin: 0 10px
}

.doctorRecommendImg {
    height: 300px;
    overflow: hidden
}

.doctorRecommendImg img {
    width: 100%
}

.doctorRecommendList {
    position: relative;
    overflow: hidden
}

.doctorRecommendList .centerWords {
    text-align: center
}

.doctorRecommendList .centerWords p:nth-child(1) {
    font-size: 18px
}

.doctorRecommendList .doctorBtn {
    bottom: 10px;
    left: 10px;
    width: 280px
}

.doctorRecommendList .doctorBtn a {
    background: #008cd3
}

.doctorRecommendList .doctorBtn a:hover {
    background: #72af2d
}

.equ-hosMessage {
    padding: 20px 20px 10px
}

.equ-hosMessage>div {
    width: 100%;
    height: 70px;
    border: 1px solid #e5e8e9;
    margin-bottom: 10px
}

.equ-hosMessage>div i {
    width: 42px;
    height: 42px;
    margin: 15px;
    float: left
}

.equ-hosMessage>div:first-child i {
    background-position: 0 -278px
}

.equ-hosMessage>div:last-child i {
    background-position: 0 -340px
}

.equ-hosMessage>div>div {
    display: inline-block;
    line-height: 24px;
    font-size: 18px;
    float: left;
    margin: 12px 0
}

.hosPath {
    padding: 10px 10px 20px;
    font-size: 12px
}

.doctorRecommendDiv {
    width: 300px;
    height: 550px;
    overflow: hidden
}

.doctorRecommendCon {
    width: 2000px;
    height: 550px;
    position: relative;
    top: 0
}

.doctorRecommendCon li {
    width: 280px;
    height: 550px;
    padding: 0 10px;
    position: relative
}

.fontCenter30 {
    font-size: 30px;
    text-align: center
}

.equLeft .fontCenter30 {
    line-height: 86px
}

.equLeft .advBlueTitle {
    margin: 10px 0
}

.textCenter {
    text-align: center
}

.redWord {
    color: #ff1d1d
}

.equTwoTle {
    line-height: 38px;
    font-size: 30px;
    text-align: center;
    margin: 25px 0
}

.doctorRecommendDiv .leftBtn, .doctorRecommendDiv .rightBtn {
    line-height: 600px
}

.footContent .codeContainer {
    font-size: 13px
}

.footContent li.codeContainer {
    padding-right: 0
}

.codeContainer li:last-child {
    margin: 0
}

.codeContainer li p {
    line-height: 20px
}

.codeContainer li img {
    margin-bottom: 10px
}

.addBold {
    font-weight: bold
}

.footContent li:nth-child(4) li {
    padding: 0 18px
}

.footContent .codeContainer li:first-child {
    padding-left: 0
}

.official-account {
    color: red
}

.educationList {
    border-bottom: 1px solid #eee;
    padding: 0 20px
}

.edumsglist li {
    line-height: 46px;
    border-bottom: 1px solid #eee
}

.edumsglist li span {
    margin-right: 20px
}

.educationList li {
    line-height: 60px;
    padding: 0 20px;
    cursor: pointer
}

.educationList li.on {
    color: #444;
    border-bottom: 2px solid #444
}

.caseContent {
    padding: 35px 40px
}

.caseContent h3 {
    line-height: 60px;
    font-size: 24px;
    font-weight: normal
}

.caseContent p {
    line-height: 36px
}

.commentInner {
    width: 950px;
    display: block;
    border-radius: 5px;
    text-indent: 2rem;
    line-height: 24px;
    color: #333;
    padding: 5px;
    resize: none
}

.commentCon {
    padding: 20px 30px;
    border-bottom: 1px solid #eee
}

.commentSubBtn, .commentImg {
    width: 100px;
    line-height: 36px;
    background: #eeeeee;
    border-radius: 5px;
    margin-top: 20px;
    text-align: center;
    cursor: pointer
}

.allComment {
    padding: 0 30px;
    line-height: 40px;
    color: #444444;
    font-size: 18px
}

.allComment span {
    color: #bbb;
    font-size: 14px;
    margin-left: 15px
}

.oneComment {
    padding: 20px 30px;
    border-bottom: 1px solid #eee
}

.comContent {
    margin-left: 20px;
    line-height: 26px;
    width: 888px
}

.comContent .identity {
    color: #bbb
}

.identity span {
    margin-left: 10px
}

.pad40 {
    padding: 40px 30px
}

.tz-gallery .thumbnail {
    margin-left: 50px
}

.tz-gallery .thumbnail:first-child {
    margin-left: 0
}

.tz-gallery .thumbnail:nth-child(7n) {
    margin-left: 0
}

.eduContentCon .edModule {
    min-height: 400px
}

.downModule {
    padding: 30px
}

.erroContent a {
    color: red
}

.comContent img {
    max-width: 60% !important
}

.edu-pagecontent p {
    line-height: 36px;
    margin-bottom: 10px;
    text-indent: 2rem
}

.imgexplain p {
    line-height: 15px;
    font-size: 12px;
    text-indent: 0;
    text-align: left
}

.imgexplain b {
    display: block
}

.imgexplain b p {
    text-align: center
}

.edu-pagecontent table td {
    padding: 2px 10px;
    text-align: center
}

.edu-pagecontent table tr p b {
    text-align: center
}

.edu-pagecontent table p {
    text-indent: 0
}

.edue-eyetable {
    margin: 0 auto
}

.edue-eyetable th {
    line-height: 40px
}

.edue-eyetable tr {
    background: #eee
}

.edue-eyetable tr p {
    line-height: 30px;
    margin-bottom: 0
}

.edu-pagecontent h3, .edu-pagecontent h4 {
    text-align: center
}

.edu-pagecontent h3 {
    font-size: 20px;
    line-height: 46px
}

.edu-pagecontent h4 {
    font-size: 15px
}

#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    white-space: normal;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    font-family: sans-serif
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, transform .4s ease;
    transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

@-webkit-keyframes bounceFromRight {
    0%, 100% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@keyframes bounceFromRight {
    0%, 100% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@-webkit-keyframes bounceFromLeft {
    0%, 100% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

@keyframes bounceFromLeft {
    0%, 100% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.baguetteBox-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.baguetteBox-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.video-js {
    background: #000
}

.eduContentCon {
    min-height: 402px
}

.eduContentCon .edModule {
    display: none
}

.eduContentCon .edModule.show {
    display: block
}

.conEducation {
    margin: 10px 0 20px
}

.showSubBtn {
    width: 50px
}

.userComment {
    margin-top: 0;
    background: transparent
}

.commentInnerCon {
    padding: 0;
    border: 0
}

.commentInnerCon .commentInner {
    width: 100%;
    box-sizing: border-box
}

.childComments {
    margin-left: 50px;
    clear: both
}

.childComments .comContent {
    width: 890px
}

.educationList li {
    line-height: 60px;
    border-buttom: 1px solid #efefef
}

.video-js {
    width: 100%;
    height: 400px
}

.minh400 {
    min-height: 400px
}

.marl30 {
    margin-left: 30px
}

.marl50 {
    margin-left: 50px
}

.marb10 {
    margin-bottom: 10px
}

.casesmallimgs img {
    width: 280px
}

.videocontainer p {
    text-align: center
}

.caseimgs {
    text-align: center;
    margin-bottom: 20px
}

.caseimgs p {
    line-height: 30px
}

.caseimgs img {
    width: 560px
}

.edu-pagecontent table td.inlinetext-left, .edu-pagecontent table tr.inlinetext-left {
    text-align: left;
    font-size: 12px;
    margin-top: 10px
}

.mart2 {
    margin-top: 2px
}

.mart3 {
    margin-top: 3px
}

.mart26 {
    margin-top: 26px
}

.pages_event {
    background: #fff;
    margin-left: 160px
}

.pages_event li {
    display: inline-block;
    margin-left: 240px;
    margin-bottom: 20px
}

.pages_event a {
    font-size: 20px
}

.pages_event .active {
    color: #2076ce
}

.signContainer {
    position: relative
}

.wordCenter {
    text-align: center
}

.font16 {
    font-size: 16px
}

.kepu_content {
    border: 1px solid #ccc;
    padding: 8px;
    position: relative
}

.kepu_content:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(-3deg);
    border: 1px solid #ccc
}

.pad-10 {
    padding: 10px
}

.mart-20 {
    margin-top: 20px
}

.kepus_img_box {
    width: 570px;
    height: 356px
}

.kepus_img_box img {
    width: 100%;
    height: 100%
}

.kepus_content_box {
    margin-left: 40px;
    width: 550px
}

.hosTitle {
    width: 100%
}

.hosTitle p {
    border-bottom: 2px solid #72af2d;
    width: 400px
}

.kepus_item_container p {
    white-space: normal;
    text-indent: 32px;
    color: #666
}

.hosTitle p:after {
    content: " ";
    width: 50%;
    height: 2px;
    background: #008cd6;
    position: absolute;
    left: 0;
    bottom: 5px;
    border-right: 3px solid #fff
}

.text_indent_2 {
    text-indent: 32px;
    white-space: normal;
    font-size: 16px
}

.yjk_title {
    font-size: 20px;
    color: #72af2d;
    text-align: center
}

.yjk_news_title {
    font-size: 18px;
    font-weight: 500
}

.yjk_container_box p {
    text-indent: 0px
}

.yjk_container_box .yjk_left_img {
    width: 500px;
    height: 290px
}

.yjk_container_box .yjk_right_text {
    width: 600px
}

.yjk_container_box .yjk_right_img {
    width: 500px;
    margin-left: 40px;
    height: 290px
}

.yjk_container_box .yjk_left_text {
    width: 600px;
    margin-left: 0px
}

.yjk_more {
    width: 100%;
    height: 60px;
    background-color: #ddd;
    text-align: center
}

.yjk_more a {
    font-size: 18px;
    line-height: 60px
}

.yjk_sp img {
    width: 565px
}

.yjk_sp img:hover {
    cursor: pointer
}

.yjk_sp img:first-child {
    margin-right: 20px
}

.yjk_footer {
    margin-bottom: 40px
}

.yjk_sp_bc {
    width: 100%;
    height: 3000px;
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    background-color: #000;
    z-index: 100;
    display: none
}

.yjk_sp_container {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 101
}

.yjk_sp_container video {
    position: fixed;
    top: 10%;
    left: 10%
}

.marl-0 {
    margin-left: 0px
}

div.dIntroduction p {
    line-height: 30px;
    margin-bottom: 0;
    text-align: center
}

.mechineImg {
    width: 300px
}

.hrefTo {
    background: url("../images/news_jszb_5-6f0e08def6e5cd5c99247eed5405af28900637e6eab812ede9b56a8a70d3f958.png") no-repeat;
    padding: 0 10px 50px;
    background-position: 0 bottom
}

.hrefTo p {
    margin-bottom: 0
}

.hrefTo a {
    margin-left: 2rem
}

.liveDetail {
    width: 670px
}

.borderGray {
    border: 1px solid rgba(204, 204, 204, 0.2)
}

.borderGray img {
    width: 260px
}

.marB_30 {
    margin-bottom: 30px
}

.hrefTitWord em {
    font-style: normal;
    color: #ff4f4f
}

.pictureShadow {
    box-shadow: 1px 1px 10px #ccc
}

.activeCodeImg {
    width: 200px
}

.redWord {
    color: #ff4f4f
}

.bottomLineHeight p {
    line-height: 28px;
    margin-bottom: 5px
}

.bmNewsContainer {
    width: 560px;
    margin: 0 auto
}

.newsMain .bmNewsContainer p {
    text-indent: 0
}

.padT20 {
    padding-top: 20px
}

.width200 {
    width: 200px
}

.expertHonors p {
    margin-bottom: 8px
}

.tableTwoTle {
    padding: 5px 0
}

.tableTwoTle p {
    line-height: 36px;
    margin-bottom: 0
}

.downContainer a {
    font-size: 16px;
    color: #008cd3
}

.downContainer a:hover {
    color: #72af2d
}

.newsMain .jobTable td p {
    text-align: center;
    text-indent: 0
}

.bordertab {
    width: 70%
}

.bordertab td, .bordertab th {
    border: 1px solid #ccc;
    text-align: center
}

.last-new {
    float: left
}

.next-new {
    float: right
}

input {
    font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif
}

.alignright {
    text-align: right
}

.regtopbg {
    background: #f5f5f5;
    line-height: 40px
}

.width1200 {
    width: 1200px;
    margin: 0 auto
}

.regheader {
    height: 137px;
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 30px
}

.regpageheader {
    line-height: 137px
}

.operationtle {
    font-size: 18px;
    margin-left: 26px
}

.regarea {
    padding: 0 190px
}

.regarea input {
    width: 406px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #dedede;
    position: relative;
    z-index: 2
}

.regarea input[type=text], .regarea input[type=password] {
    padding-left: 22px
}

.regarea>div {
    position: relative;
    margin: 28px 0
}

.okimg {
    width: 20px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 400px;
    top: 0;
    text-align: right;
    padding-right: 8px;
    z-index: 3;
    display: none
}

.warnimg, .remind {
    height: 50px;
    line-height: 50px;
    margin-left: 428px;
    position: absolute;
    left: 8px;
    top: 0
}

.warnimg img, .remind img {
    vertical-align: text-top
}

.warnimg {
    color: #ee2222
}

.hide {
    display: none
}

.show {
    display: block
}

.getcode {
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #dedede;
    background: #e7e7e7;
    color: #333;
    float: left;
    border-left: 0;
    cursor: pointer
}

.codeinput input {
    width: 294px;
    float: left
}

.regarea .regsubmit {
    margin-bottom: 0
}

.regarea .regsubmit input {
    width: 428px;
    font-weight: bold;
    font-size: 16px
}

.regmask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 5;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5)
}

.succeemain {
    width: 648px;
    height: 290px;
    background: #fff;
    text-align: center;
    margin: 320px auto
}

.successword {
    line-height: 60px;
    font-size: 22px;
    padding-top: 45px;
    margin-bottom: 30px
}

.goprev {
    width: 280px;
    line-height: 50px;
    margin: 30px auto
}

.loginmain {
    width: 695px;
    height: 515px;
    padding-top: 45px;
    background: #fff;
    position: relative;
    text-align: center;
    margin: 190px auto
}

.loginarea {
    width: 360px;
    margin: 0 auto
}

.loginword {
    font-size: 24px;
    line-height: 24px;
    margin: 60px 0 45px
}

.loginarea>div {
    width: 350px;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    border: 1px solid #dedede;
    margin: 20px auto;
    text-align: left;
    position: relative
}

.loginarea>div input {
    height: 40px;
    line-height: 40px;
    width: 265px;
    border: 0;
    padding-left: 85px
}

.loginarea>div p {
    width: 70px;
    padding-left: 10px;
    position: absolute;
    top: 0;
    left: 0
}

.logsubmit {
    margin: 20px auto;
    width: 362px
}

.logsubmit>button {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    font-size: 14px
}

.closebtn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.findpwdheader {
    padding-top: 85px;
    margin-left: 290px
}

.findpwdheader a {
    display: block;
    padding: 0 30px;
    line-height: 52px
}

.findpwdheader .active a {
    border-bottom: 2px solid #72af2d
}

.findpwdheader li:hover span {
    background: #72af2d
}

.findpwdheader li span {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    border-radius: 26px;
    background: #dddddd;
    color: #fff;
    vertical-align: middle;
    margin-right: 5px
}

.findpwdheader li.active span {
    background: #72af2d
}

.findpwdarea {
    margin-left: 102px
}

.findpwdsub input {
    width: 168px
}

.subbtn {
    background: #008cd3;
    padding: 0;
    color: #fff;
    cursor: pointer;
    border: 0
}

.subbtn a {
    color: #fff
}

.minheight930 {
    min-height: 930px
}

.findpwdstep {
    width: 840px;
    height: 270px;
    border: 1px solid #dedede;
    margin: 60px auto 0
}

.getpwd {
    margin-top: 30px;
    display: inline-block
}

.getpwd>div {
    height: 50px;
    line-height: 50px;
    width: 200px;
    margin: 0 8px
}

.getpwd>div a {
    display: block;
    width: 100%;
    color: #fff
}

.warnword {
    color: #ee2222
}

.mart150 {
    margin-top: 120px
}
.nav{height:50px; line-height:50px; position: relative;z-index:1; border-top:2px solid #40abde; box-shadow:0 2px 4px rgba(0,0,0,.2);}
.mainNav{width: 1200px;margin: 0 auto;display: flex;}
.mainNav a:hover{text-decoration:none}
.mainNav{font-size:16px;position:relative;zoom:1;}
.mainNav:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.mainNav .li1{ text-align: center;  flex-grow: 1; position:relative;  }
.mainNav .a1{float:left;display:block;zoom:1; width:100%;}
.mainNav .a1:hover{ text-decoration:none; color:#fff }
.mainNav .on a{ background-color: #40abde;  color:#fff;}
.mainNav .on1 a{ background-color: #40abde; }
.on a{background-color: #40abde;  color:#fff;}
.mainNav .ul1{overflow:hidden;line-height:28px;position:absolute;left:0;top:50px;width: 100%;display:none;background: #40abde;}
.mainNav .li2{ vertical-align:top; }
.mainNav .a2{font-size: 14px;display:block;line-height:30px;padding:5px;color:#fff;border-top: 1px solid #62b8e0;}
.mainNav .a2:hover{background: #40abde;text-decoration:none; color:#ff0;}
.ksjs_left {    position: relative;
    width: 512px;
    height: 341px;
    overflow: hidden;}
.ksjs_left .hd{position:absolute;width:580px;text-align:center;bottom:15px;z-index:22;}
.ksjs_left .hd li{display:inline-block;width:14px;height:14px;margin-right:4px;border-radius:7px;background:#d1d1d3;text-indent:-9999px;cursor:pointer;}
.ksjs_left .hd li.on{background:#47c0d1;}
