@-webkit-keyframes popFadeIn { from {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes popFadeIn { from {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, select, button, textarea, menu { margin: 0; padding: 0 }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left; font-weight: normal }
html, body, fieldset, img, iframe, abbr { border: 0 }
i, cite, em, var, address, dfn { font-style: normal }
[hidefocus], summary {
outline:0
}
li { list-style: none }
h1, h2, h3, h4, h5, h6, small { font-size: 100% }
sup, sub { font-size: 40% }
pre, code, kbd, samp { font-family: inherit }
q:before, q:after { content: none }
p { margin: 0 0 9px }
textarea { overflow: auto; resize: none }
label, summary { cursor: default }
a, button { cursor: pointer }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold }
del, ins, u, s, a, a:hover { text-decoration: none }
body, textarea, input, button, select, keygen, legend { font: 14px/1.8 "Microsoft YaHei UI", "Microsoft YaHei", Arial, SimSun, "Segoe UI", Tahoma, Helvetica, sans-serif; outline: 0 }
body { background: #fff; color: #555 }
.layout { width: 1200px; margin-left: auto; margin-right: auto }
.container { min-height: 400px }
.container-inner { padding: 30px 0 50px }
.bgf2 { background-color: #f2f2f2 }
.iconfont { display: inline-block; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
.green { color: #158064 }
.green:hover { color: #096 }
.orange { color: #d58016 }
.gray { color: #999 }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.equipartition-1>* { width: 100% }
.equipartition-2>* { width: 50% }
.equipartition-3>* { width: 33.3333% }
.equipartition-4>* { width: 25% }
.equipartition-5>* { width: 20% }
.equipartition-6>* { width: 16.6666% }
.equipartition-7>* { width: 14.2857% }
.equipartition-8>* { width: 12.5% }
.equipartition-9>* { width: 11.1111% }
.equipartition-10>* { width: 10% }
.equipartition-11>* { width: 9.0909% }
.equipartition-12>* { width: 8.3333% }
.common-bg-img { background-size: cover; background-repeat: no-repeat; background-position: center }
.common-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.common-over-mask { position: relative; z-index: 1 }
a { color: #444; outline: none; -webkit-transition: all .3s; transition: all .3s }
a:hover { color: #ff9f53; text-decoration: none }
img { -o-object-fit: cover; object-fit: cover }
.btn { display: inline-block; border: none; text-align: center; background: #0c7792; color: #fff; line-height: 34px; -webkit-transition: all .3s; transition: all .3s; border-radius: 3px }
.btn:hover { background: #ff9f53; color: #fff }
.btn.white { background: #fff; color: #666; border: 1px solid #ddd }
.btn.white:hover { background: #666; color: #fff; border: 1px solid #666 }
.btn.disabled { background: #f1f1f1; border-color: #aaa; color: #aaa; cursor: no-drop }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt25 { margin-top: 25px }
.mt20 { margin-top: 20px }
.mt35 { margin-top: 35px }
.mt40 { margin-top: 40px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb25 { margin-bottom: 25px }
.mb40 { margin-bottom: 40px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.pt10 { padding-top: 10px }
.pt40 { padding-top: 40px }
.pt15 { padding-top: 15px }
.pb50 { padding-bottom: 50px }
.fl { float: left !important }
.fr { float: right !important }
.clearfix { *zoom:1
}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; font-size: 0; clear: both }
.inline { display: inline }
.block { display: block }
.inline-block { display: inline-block; zoom: 1; *display:inline
}
.hidden { display: none }
.caret { display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 8px solid #000000; border-right: 8px solid transparent; border-left: 8px solid transparent; content: "" }
.caret.up { border-top: none; border-bottom: 8px solid #ccc }
.caret.down { border-top: 8px solid #ccc; border-bottom: none }
.alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); color: #c09853; font-size: 14px; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px }
.alert .close { position: relative; top: -2px; right: -21px; line-height: 20px }
.alert h4 { color: inherit; margin: 0 }
.alert.alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6 }
.alert.alert-danger, .alert.alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7 }
.alert.alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1 }
.alert.alert-block { padding-top: 14px; padding-bottom: 14px }
.alert.alert-block>p, .alert.alert-block>ul { margin-bottom: 0 }
.alert.alert-block p+p { margin-top: 5px }
.ajax .message { background: none }
.message { height: 100% }
.message .msg { display: block; text-align: center; padding: 15px 0 }
.message .msg i { font-size: 80px }
.message .msg strong { display: block; font-size: 16px }
.message .msg .success { color: #029C46 }
.message .msg .error { color: #e33 }
.message .msg .info { color: #56abe4 }
.message .msg .skip { color: #999 }
.message .msg .btn { border-radius: 8px; width: 200px; margin-top: 15px }
.nodata { color: #999; padding: 25px 0 }
.nodata i { display: block; font-size: 80px; line-height: 1 }
.path { border-bottom: 1px solid #e4e4e4; padding: 20px 0; color: #999 }
.path i { font-size: 12px; vertical-align: middle; padding: 0 5px }
.color-share .bdsharebuttonbox, .color-share span { display: inline-block; vertical-align: middle }
.color-share a { margin: 0 0 0 5px !important; width: 24px; height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block }
.bdshare-button-style0-24 a { background-image: url(../images/icons_0_24.png) !important; width: 24px; padding-left: 24px !important }
.bd_weixin_popup { position: fixed !important; width: 240px !important; height: 320px !important; top: 50% !important; left: 50% !important; margin-left: -120px; margin-top: -160px }
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 }
.slick-list:focus { outline: none }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto }
.slick-track:before, .slick-track:after { display: table; content: '' }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: none }
.slick-slide img { display: block }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
[dir='rtl'] .slick-slide { float: right }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }
.slick-dots { position: absolute; bottom: 25px; display: block; width: 100%; text-align: center }
.slick-dots li { display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; border-radius: 15px; cursor: pointer; background-color: #fff; -webkit-transition: .38s; transition: .38s }
.slick-dots li button { display: none }
.slick-dots li.slick-active { width: 50px; background-color: #ff8400 }
.slick-dots li:hover { background-color: #ff8400 }
.help-inline, .help-block { color: #666; padding-left: 8px }
.help-inline { display: inline }
.help-block { display: block }
.pic-preview a { position: relative; display: inline-block; background: url(../images/uploadify-cancel.png) 0 0 no-repeat #fff; width: 16px; height: 16px; margin-top: 12px; margin-left: -22px; text-indent: -9999px; vertical-align: top }
.pic-preview img { max-width: 140px; max-height: 140px; margin-top: 10px }
.imagesLoaded li img { -webkit-transition: opacity 0.3s; transition: opacity 0.3s }
.imagesLoaded .is-loading { background: url(../images/loading.gif) center no-repeat #000 }
.imagesLoaded .is-broken { background: url(../images/broken.png) center no-repeat #be3730 }
.imagesLoaded .is-loading img, .imagesLoaded .is-broken img { opacity: 0; filter: alpha(opacity=0) }
body:after { content: url(../images/close.png) url(../images/loading-gray.gif) url(../images/prev.png) url(../images/next.png); display: none }
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: alpha(Opacity=80); opacity: .8; display: none }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: 400 }
.lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px }
.lightbox a img { border: none }
.lb-outerContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px }
.lb-outerContainer:after { content: ""; display: table; clear: both }
.lb-container { padding: 4px }
.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0 }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading-gray.gif) no-repeat }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 }
.lb-container>.nav { left: 0 }
.lb-nav a { outline: 0; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) }
.lb-next, .lb-prev { height: 100%; cursor: pointer; display: block }
.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; transition: opacity .6s }
.lb-nav a.lb-prev:hover { filter: alpha(Opacity=100); opacity: 1 }
.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; transition: opacity .6s }
.lb-nav a.lb-next:hover { filter: alpha(Opacity=100); opacity: 1 }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px }
.lb-dataContainer:after { content: ""; display: table; clear: both }
.lb-data { padding: 0 4px; color: #ccc }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em }
.lb-data .lb-caption { font-size: 13px; font-weight: 700; line-height: 1em }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999 }
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: 0; filter: alpha(Opacity=70); opacity: .7; -webkit-transition: opacity .2s; transition: opacity .2s }
.lb-data .lb-close:hover { cursor: pointer; filter: alpha(Opacity=100); opacity: 1 }
.audioplayer { height: 2.5em; color: #fff; text-shadow: 1px 1px 0 #000; border: 1px solid #222; position: relative; z-index: 1; background: #333 }
.audioplayer-mini { width: 2.5em; margin: 0 auto }
.audioplayer>div { position: absolute }
.audioplayer-playpause { width: 2.5em; height: 100%; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; left: 0 }
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause { border-right: 1px solid #555; border-right-color: rgba(255,255,255,0.1) }
.audioplayer-mini .audioplayer-playpause { width: 100% }
.audioplayer-playpause:focus, .audioplayer-playpause:hover { background-color: #222 }
.audioplayer-playpause a { display: block }
.audioplayer-stopped .audioplayer-playpause a { width: 0; height: 0; border: .5em solid transparent; border-right: none; border-left-color: #fff; content: ''; position: absolute; top: 50%; left: 50%; margin: -.5em 0 0 -.25em }
.audioplayer-playing .audioplayer-playpause a { width: .75em; height: .75em; position: absolute; top: 50%; left: 50%; margin: -.375em 0 0 -.375em }
.audioplayer-playing .audioplayer-playpause a:after, .audioplayer-playing .audioplayer-playpause a:before { width: 40%; height: 100%; background-color: #fff; content: ''; position: absolute; top: 0 }
.audioplayer-playing .audioplayer-playpause a:before { left: 0 }
.audioplayer-playing .audioplayer-playpause a:after { right: 0 }
.audioplayer-time { width: 4.375em; height: 100%; line-height: 2.375em; text-align: center; z-index: 2; top: 0 }
.audioplayer-time-current { border-left: 1px solid #111; border-left-color: rgba(0,0,0,0.25); left: 2.5em }
.audioplayer-time-duration { border-right: 1px solid #555; border-right-color: rgba(255,255,255,0.1); right: 2.5em }
.audioplayer-novolume .audioplayer-time-duration { border-right: 0; right: 0 }
.audioplayer-bar { height: .875em; background-color: #222; cursor: pointer; z-index: 1; top: 50%; right: 6.875em; left: 6.875em; margin-top: -.438em }
.audioplayer-novolume .audioplayer-bar { right: 4.375em }
.audioplayer-bar div { width: 0; height: 100%; position: absolute; left: 0; top: 0 }
.audioplayer-bar-loaded { background-color: #333; z-index: 1 }
.audioplayer-bar-played { background: #007fd1; z-index: 2 }
.audioplayer-volume { width: 2.5em; height: 100%; border-left: 1px solid #111; border-left-color: rgba(0,0,0,0.25); text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; right: 0 }
.audioplayer-volume:focus, .audioplayer-volume:hover { background-color: #222 }
.audioplayer-volume-button { width: 100%; height: 100% }
.audioplayer-volume-button a { width: .313em; height: .375em; background-color: #fff; display: block; position: relative; z-index: 1; top: 40%; left: 35% }
.audioplayer-volume-button a:after, .audioplayer-volume-button a:before { content: ''; position: absolute }
.audioplayer-volume-button a:before { width: 0; height: 0; border: .5em solid transparent; border-left: none; border-right-color: #fff; z-index: 2; top: 50%; right: -.25em; margin-top: -.5em }
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after { width: .313em; height: .313em; border: .25em double #fff; border-width: .25em .25em 0 0; left: .563em; top: -.063em; border-radius: 0 .938em 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.audioplayer-volume-adjust { height: 6.25em; cursor: default; position: absolute; left: 0; right: -1px; top: -9999px; background: #333 }
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0 }
.audioplayer-volume:hover .audioplayer-volume-adjust { top: auto; bottom: 100% }
.audioplayer-volume-adjust>div { width: 40%; height: 80%; background-color: #222; cursor: pointer; position: relative; z-index: 1; margin: 30% auto 0 }
.audioplayer-volume-adjust div div { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: #007fd1 }
.audioplayer-novolume .audioplayer-volume { display: none }
.audioplayer-volume-adjust { -webkit-box-shadow: -2px -2px 2px rgba(0,0,0,0.15), 2px -2px 2px rgba(0,0,0,0.15); box-shadow: -2px -2px 2px rgba(0,0,0,0.15), 2px -2px 2px rgba(0,0,0,0.15) }
.audioplayer-bar, .audioplayer-volume-adjust>div { -webkit-box-shadow: -1px -1px 0 rgba(0,0,0,0.5), 1px 1px 0 rgba(255,255,255,0.1); box-shadow: -1px -1px 0 rgba(0,0,0,0.5), 1px 1px 0 rgba(255,255,255,0.1) }
.audioplayer-bar-played, .audioplayer-volume-adjust div div { -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.5); box-shadow: inset 0 0 5px rgba(255,255,255,0.5) }
.audioplayer-playpause, .audioplayer-volume a { -webkit-filter: drop-shadow(1px 1px 0 #000); -moz-filter: drop-shadow(1px 1px 0 #000); -ms-filter: drop-shadow(1px 1px 0 #000); -o-filter: drop-shadow(1px 1px 0 #000); filter: drop-shadow(1px 1px 0 #000) }
.audioplayer, .audioplayer-volume-adjust { background: -ms-radial-gradient(top, #444, #222); background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); background: linear-gradient(to bottom, #444, #222) }
.audioplayer-bar-played { background: -ms-radial-gradient(left, #007fd1, #c600ff); background: -webkit-gradient(linear, left top, right top, from(#007fd1), to(#c600ff)); background: linear-gradient(to right, #007fd1, #c600ff) }
.audioplayer-volume-adjust div div { background: -ms-radial-gradient(bottom, #007fd1, #c600ff); background: -webkit-gradient(linear, left bottom, left top, from(#007fd1), to(#c600ff)); background: linear-gradient(to top, #007fd1, #c600ff) }
.audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div { border-radius: 4px }
.audioplayer { border-radius: 2px }
.audioplayer-volume-adjust { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px }
.audioplayer *, .audioplayer :after, .audioplayer :before { -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease; transition: color .25s ease, background-color .25s ease, opacity .5s ease }
.clinic-scheduling table { border: none; width: 100% }
.clinic-scheduling .seleced { display: inline-block; width: 36px; height: 36px; line-height: 36px; color: #fff; border-radius: 50%; font-size: 12px; text-align: center }
.clinic-scheduling .seleced:hover+.tips { display: block }
.clinic-scheduling .seleced.red { background: #ea5a54 }
.clinic-scheduling .seleced.red:before { content: "特需" }
.clinic-scheduling .seleced.blue { background: #54a0ea }
.clinic-scheduling .seleced.blue:before { content: "专家" }
.clinic-scheduling .seleced.green { background: #63b98c }
.clinic-scheduling .seleced.green:before { content: "普通" }
.clinic-scheduling .seleced.orange { background: #e49548 }
.clinic-scheduling .seleced.orange:before { content: "专科" }
.clinic-scheduling .seleced.gray { background: #9e9e9e; cursor: default }
.clinic-scheduling .seleced.gray:before { content: "停诊" }
.clinic-scheduling .tips { display: none; white-space: nowrap; position: absolute; top: 52px; left: 50%; margin-left: -34px; min-width: 245px; background: #fff; text-align: left; padding: 10px; border: 1px solid #ddd; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.08); box-shadow: 0px 3px 5px rgba(0,0,0,0.08); z-index: 4 }
.clinic-scheduling .tips:before, .clinic-scheduling .tips:after { content: "◆"; color: #fff; font-family: simsun; font-size: 30px; line-height: 0; position: absolute; top: 0; left: 20px }
.clinic-scheduling .tips:before { color: #ddd; top: -1px }
.clinic-scheduling .tips .red { color: #ea5a54 }
.color-info span { margin-right: 10px }
.color-info i { font-size: 20px; margin-right: 5px }
.color-info .red { color: #ea5a54 }
.color-info .blue { color: #54a0ea }
.color-info .green { color: #63b98c }
.color-info .orange { color: #e49548 }
.color-info .gray { color: #9e9e9e }
.letter-box { display: none; line-height: 1.8; min-height: 150px; position: absolute; width: 600px; top: 32px; left: 0; background: #fff; border: 1px solid #ddd; z-index: 3; padding: 10px; border-radius: 5px; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.08); box-shadow: 5px 5px 10px rgba(0,0,0,0.08); overflow: hidden }
.letter-box .area-tit { overflow: hidden; background: #ddd; margin: -10px -10px 5px -10px }
.letter-box .area-tit.span2 a { width: 50% }
.letter-box .area-tit.span3 a { width: 33.33% }
.letter-box .area-tit.span4 a { width: 25% }
.letter-box .area-tit.span5 a { width: 20% }
.letter-box .area-tit.span6 a { width: 16.66% }
.letter-box .area-tit.span7 a { width: 14.28% }
.letter-box .area-tit a { float: left; line-height: 45px; height: 45px; text-align: center; font-weight: normal }
.letter-box .area-tit a.cur { background: #fff; color: #0c7792 }
.letter-box .area-letter .tabs { display: none }
.letter-box .area-letter .tabs:first-child { display: block }
.letter-box .area-letter .tabs .letter-tit { height: 30px; line-height: 30px; border-bottom: 1px solid #ddd }
.letter-box .area-letter .tabs .letter-tit li { float: left; width: 20%; text-align: center; font-size: 13px }
.letter-box .area-letter .tabs .letter-tit li a { display: block }
.letter-box .area-letter .tabs .letter-tit li.cur { font-weight: bold; border-bottom: 1px solid #0c7792; margin-bottom: -1px; position: relative }
.letter-box .area-letter .tabs .letter-pannel li { display: none; overflow: hidden; padding: 10px 10px 0 10px; text-align: left; font-size: 13px }
.letter-box .area-letter .tabs .letter-pannel li:first-child { display: block }
.letter-box .area-letter .tabs .letter-pannel li a { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 2px; margin-right: 2px }
.color-sns.small-size { position: relative; top: -2px }
.color-sns.small-size a { width: 34px; height: 34px; line-height: 34px }
.color-sns.small-size a i { font-size: 24px }
.color-sns a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #f2f2f2; border-radius: 2px; color: #cbcbcb }
.color-sns a:not(.active):hover { color: #cbcbcb }
.color-sns a i { font-size: 28px }
.color-sns a.iphone.active { color: #0096d7 }
.color-sns a.weibo.active { color: #e53048 }
.color-sns a.weixin.active { color: #01b30c }
.color-sns a.haodf.active { color: #1596ea }
.hoverShowImg { position: relative }
.hoverShowImg:hover .img-wp { -webkit-animation: popFadeIn .5S; animation: popFadeIn .5S; display: block }
.hoverShowImg .img-wp { display: none; position: absolute; top: 50px; left: 50%; z-index: 5; background-color: #fff; margin-left: -68px; border-radius: 5px; border: 8px solid #fff; -webkit-box-shadow: 5px 5px 20px rgba(174,174,174,0.5); box-shadow: 5px 5px 20px rgba(174,174,174,0.5) }
.hoverShowImg .img-wp span { display: block; line-height: 1; margin-bottom: 8px }
.hoverShowImg .img-wp:before { content: ""; border: 8px solid transparent; border-bottom-color: #fff; display: block; position: absolute; top: -22px; margin-left: -8px; left: 50% }
.hoverShowImg .img-wp img { width: 120px; height: 120px; display: block; margin-bottom: 5px }
@keyframes popFadeIn { from {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@-webkit-keyframes sonarEffect1 { from {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes sonarEffect1 { from {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@-webkit-keyframes sonarEffect2 { from {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes sonarEffect2 { from {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@-webkit-keyframes showFadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes showFadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@font-face { font-family: "iconfont"; src: url("font/iconfont.eot"); src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg") }
@font-face { font-family: 'iconfont'; src: url("../fonts/font_2329772_wj50itb473.eot"); src: url("../fonts/font_2329772_wj50itb473.eot") format("embedded-opentype"), url("../fonts/font_2329772_wj50itb473.woff2") format("woff2"), url("../fonts/font_2329772_wj50itb473.woff") format("woff"), url("../fonts/font_2329772_wj50itb473.ttf") format("truetype"), url("../fonts/font_2329772_wj50itb473.svg#iconfont") format("svg") }
.header-top-s-003 { min-width: 1200px; height: 40px; background-color: #0c7792 }
.header-top-s-003 span { line-height: 40px; color: white }
.header-s-003 { position: relative; z-index: 2001; background-color: #fff }
.header-s-003 .logo-row { padding: 20px 0 }
.header-s-003 .logo-row .logo img { display: block; height: 80px;margin-top:25px; }
.header-s-003 .logo-row .search { position: relative; z-index: 2000; width: 420px; height: 50px; margin-top: 15px }
.header-s-003 .logo-row .search .change-wrap { position: absolute; right: 0; top: 0px; padding: 0px 0; width: 420px; height: 50px; background-color: #fff; -webkit-transition: width 0.38s cubic-bezier(0, 0.8, 0, 1); transition: width 0.38s cubic-bezier(0, 0.8, 0, 1) }
.header-s-003 .logo-row .search .change-wrap .searchtype { width: 78px; height: 50px; position: absolute; left: 0; top: 0px; z-index: 2000; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.33s cubic-bezier(0, 0.8, 0, 1); transition: opacity 0.33s cubic-bezier(0, 0.8, 0, 1); -webkit-transition-delay: .05s; transition-delay: .05s }
.header-s-003 .logo-row .search .change-wrap .searchtype span { display: block; line-height: 50px; padding: 0 15px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.header-s-003 .logo-row .search .change-wrap .searchtype span:after { font-family: 'iconfont'; content: '\e610'; margin-left: 5px; font-size: 14px }
.header-s-003 .logo-row .search .change-wrap .searchtype ul { display: none; position: absolute; left: 0; right: 0; top: 50px; z-index: 2000; border: 1px solid #eee; border-top: none; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(107,107,107,0.098); box-shadow: 0 0 5px rgba(107,107,107,0.098) }
.header-s-003 .logo-row .search .change-wrap .searchtype ul a { padding-left: 15px; display: block }
.header-s-003 .logo-row .search .change-wrap .keyword { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 0; width: 100%; height: 50px; padding: 0 100px 0 80px; line-height: 50px; border-radius: 5px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.38s cubic-bezier(0, 0.8, 0, 1); transition: opacity 0.38s cubic-bezier(0, 0.8, 0, 1) }
.header-s-003 .logo-row .search .change-wrap .keyword:focus { -webkit-box-shadow: 0 0 2px 0px #0c7792; box-shadow: 0 0 2px 0px #0c7792 }
.header-s-003 .logo-row .search .change-wrap .search-submit { position: absolute; right: 0; top: 0; z-index: 1; width: 100px; height: 50px; line-height: 50px; color: #fff; border-radius: 0 5px 5px 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; background: linear-gradient(135deg, #03b1ac 0%, #0c7491 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF03B1AC', endColorstr='#FF0C7491')
}
.header-s-003 .logo-row .search .change-wrap .search-submit:hover { background-color: #109dc1; color: #fff }
.header-s-003 .logo-row .search .change-wrap .search-submit i { font-size: 26px }
.header-s-003 .logo-row .study { width: 100px; height: 50px; line-height: 50px; text-align: center; color: white; background-color: #d6a048; border-radius: 5px; margin-left: 10px; margin-top: 15px }
.header-s-003 .logo-row .study:hover { background-color: #dbab5d }
.header-s-003 .nav { position: relative; z-index: 1000; height: 50px; border-top: 1px solid #e4e4e4 }
.header-s-003 .nav .nav-ul { font-size: 0; text-align: justify; text-align-last: justify; -moz-text-align-last: justify; -webkit-text-align-last: justify; text-justify: inter-ideograph }
.header-s-003 .nav .nav-ul:after { content: ''; width: 100%; display: inline-block; overflow: hidden; height: 0; line-height: 0 }
.header-s-003 .nav .nav-ul>li { display: inline-block; line-height: 50px; text-align: left; text-align-last: auto; -moz-text-align-last: auto; -webkit-text-align-last: auto; text-justify: auto }
.header-s-003 .nav .nav-ul>li>a { position: relative; display: block; font-size: 16px }
.header-s-003 .nav .nav-ul>li>a:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0px; z-index: 1000; width: 0; height: 4px; margin: auto; border-radius: 6px; background-color: #f2c34a; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.header-s-003 .nav .nav-ul>li>a:hover { color: #31809E }
.header-s-003 .nav .nav-ul>li>a:hover:after { width: 100% }
.header-s-003 .nav .nav-ul>li.cur>a { font-weight: bold }
.header-s-003 .nav .nav-ul>li.cur>a:after { width: 100% }
.subnav-s-003 { color: #fff; font-size: 14px; position: absolute; display: none; left: 0; right: 0; top: 50px; z-index: 2001; border-top: 1px solid rgba(255,255,255,0.2); background: linear-gradient(135deg, #0c7792 0%, #00bfbf 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF0C7792', endColorstr='#FF00BFBF');
-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.08); box-shadow: 0px 5px 5px rgba(0,0,0,0.08) }
.subnav-s-003>.layout { width: 1200px; margin: 0 auto; min-height: 250px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box }
.subnav-s-003>.layout>* { padding: 40px 0 30px }
.subnav-s-003 .dropTitle { float: left; width: 14%; position: relative; height: 100%; letter-spacing: .2em }
.subnav-s-003 .dropTitle h2 { position: relative; width: 100%; text-align: left; font-size: 30px; line-height: 1 }
.subnav-s-003 .dropTitle h2:after { content: ''; display: block; width: 36px; height: 5px; background-color: #fff; margin-top: 20px }
.subnav-s-003 .dropTitle h2 a { color: #fff }
.subnav-s-003 .dropTitle .ksMenu { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 35px }
.subnav-s-003 .dropTitle .ksMenu li { float: left; width: 100%; text-align: left }
.subnav-s-003 .dropTitle .ksMenu li a { line-height: 36px; height: 36px; font-size: 15px; padding-left: 30px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: none; transition: none; color: #fff }
.subnav-s-003 .dropTitle .ksMenu li a:before { content: '•'; color: #fff; margin-right: 3px }
.subnav-s-003 .dropTitle .ksMenu li a:hover { background: url(../images/black30.png) }
.subnav-s-003 .dropMenu { overflow: hidden; float: left; width: 25.51%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 35px }
.subnav-s-003 .dropMenu li { float: left; width: 50%; text-align: left }
.subnav-s-003 .dropMenu li a { line-height: 36px; max-width: 150px; height: 36px; font-size: 15px; padding-left: 30px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: none; transition: none; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.subnav-s-003 .dropMenu li a:before { content: '•'; color: #fff; margin-right: 3px }
.subnav-s-003 .dropMenu li a:hover { background: url(../images/black30.png) }
.subnav-s-003 .menucontent { width: 37.2%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 250px; border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2) }
.subnav-s-003 .menucontent>div { line-height: 1; padding: 0 40px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left }
.subnav-s-003 .menucontent .form-item select { color: #fff }
.subnav-s-003 .menucontent .form-item select option { color: #444 }
.subnav-s-003 .menucontent .select .letter-box a { color: #444 }
.subnav-s-003 .menucontent .clinic-form .select .letter-box { width: 382px }
.subnav-s-003 .menuFixed { position: absolute; top: 0; right: 0; width: 23.33%; height: 100%; padding-top: 37px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box }
.subnav-s-003 .menuFixed a { width: 50%; float: left; font-size: 16px; margin-bottom: 15px; text-align: center; color: #fff; line-height: 40px }
.subnav-s-003 .menuFixed a:hover { color: rgba(255,255,255,0.8) }
.subnav-s-003 .menuFixed a:hover i { -webkit-animation-name: tada; animation-name: tada; -webkit-transform-origin: center; transform-origin: center }
.subnav-s-003 .menuFixed a i { font-size: 40px; line-height: 40px; text-align: center; -webkit-transition: .3s; transition: .3s; display: block; height: 40px }
.subnav-s-003 .menuFixed a i img{ display:block; margin:0 auto; height:40px;}
.subnav-s-003 .subcol { display: none }
.subnav-s-003 .subcol.cur { display: block }
.subnav-s-003 .subcol>h2 { font-size: 20px; padding-bottom: 20px; font-weight: normal; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 20px }
.subnav-s-003 .subcol>h2 a { color: #fff }
.subnav-s-003 .subcol>h2:after { content: ''; display: block; position: absolute; width: 36px; height: 5px; background-color: #fff; bottom: -1px }
.subnav-s-003 .subcol .colpage-img { width: 404px }
.subnav-s-003 .subcol p { line-height: 1.5; margin-top: 8px; text-align: justify }
.subnav-s-003 .subcol .more { display: block; width: 128px; height: 30px; line-height: 30px; text-align: center; background-color: #ff8400; color: #fff; border-radius: 15px; margin-top: 15px }
.subnav-s-003 .subcol .more:hover { background-color: #ff8503 }
.subnav-s-003 .subcol .img-list { overflow: hidden; margin-right: -30px }
.subnav-s-003 .subcol .img-list li { float: left; width: 187px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; margin-right: 30px }
.subnav-s-003 .subcol .img-list li img { width: 100%; height: 140px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s }
.subnav-s-003 .subcol .img-list li a { display: block; overflow: hidden; position: relative; color: #fff }
.subnav-s-003 .subcol .img-list li a:hover { color: #d4ebef }
.subnav-s-003 .subcol .img-list li span { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; line-height: 19px; max-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.subnav-s-003 .subcol .imgtxt-list { margin-top: -10px }
.subnav-s-003 .subcol .imgtxt-list li { height: 28px; overflow: hidden }
.subnav-s-003 .subcol .imgtxt-list li a { display: inline-block; line-height: 28px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff }
.subnav-s-003 .subcol .imgtxt-list li a:before { content: "•"; font-weight: bold; color: #fff; margin-right: 5px }
.subnav-s-003 .subcol .txt-list li { height: 30px; overflow: hidden }
.subnav-s-003 .subcol .txt-list li:last-child { border: none }
.subnav-s-003 .subcol .txt-list li a { display: inline-block; line-height: 29px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff }
.subnav-s-003 .subcol .txt-list li a:before { content: "•"; font-weight: bold; color: #fff; margin-right: 5px; opacity: .8 }
.subnav-s-003 .subcol .specialist { height: 192px }
.subnav-s-003 .subcol .specialist li a { height: 50px; line-height: 50px; color: #fff }
.subnav-s-003 .department-subnav { padding: 30px 20px; float: left; width: 82.84%; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.2) }
.subnav-s-003 .department-subnav dl { text-align: left; line-height: 1; padding-bottom: 15px }
.subnav-s-003 .department-subnav dl:last-child { padding-bottom: 0 }
.subnav-s-003 .department-subnav dl a { display: inline; white-space: nowrap }
.subnav-s-003 .department-subnav dl dt { border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px; font-size: 18px }
.subnav-s-003 .department-subnav dl dt span { display: inline-block; margin-right: 10px; padding-bottom: 8px }
.subnav-s-003 .department-subnav dl dd { text-align: justify; padding-top: 6px }
.subnav-s-003 .department-subnav dl dd a { line-height: 1.8; margin: 0 10px 0 0; border-bottom: 1px dashed transparent; -webkit-transition: all .38s; transition: all .38s; color: #fff }
.subnav-s-003 .department-subnav dl dd a:hover { border-bottom-color: #fff }
.subnav-s-003 .department-subnav .tab-tit { overflow: hidden; margin-bottom: 20px; background-color: #b3b181; background-color: rgba(255,255,255,0.1) }
.subnav-s-003 .department-subnav .tab-tit.span2 a { width: 50% }
.subnav-s-003 .department-subnav .tab-tit.span3 a { width: 33.33% }
.subnav-s-003 .department-subnav .tab-tit.span4 a { width: 25% }
.subnav-s-003 .department-subnav .tab-tit.span5 a { width: 20% }
.subnav-s-003 .department-subnav .tab-tit a { display: block; font-weight: bold; line-height: 38px; text-align: center; float: left; letter-spacing: 3px }
.subnav-s-003 .department-subnav .tab-tit a.cur { background-color: #f0efe6; background-color: rgba(255,255,255,0.8); color: #a3a166 }
.subnav-s-003 .department-subnav .department-nav { display: none }
.subnav-s-003 .department-subnav .department-nav:first-child { display: block }
.subnav-s-003 .department-subnav .department-nav .tab-tit a.cur { color: #444; background: #fff; border-bottom-color: #fff; border-top: 2px solid #0c7792 }
.subnav-s-003 .clinic-form .form-item { margin-bottom: 15px; width: 100% }
.subnav-s-003 .clinic-form .form-item .form-input .select-input { width: 100% }
.subnav-s-003 .clinic-form .form-item .form-input .select-input i { float: right }
.subnav-s-003 .clinic-form .form-item .form-input .btn { width: 100%; text-align: center }
.subnav-s-003 .clinic-form .form-item .form-input .btn i { float: none }
.subweb-header .logo-row { padding: 20px 0 }
.subweb-header .logo-row .logo img { display: block }
.subweb-header .logo-row .subweb-title { height: 46px; width: 150px; line-height: 46px; display: block; margin-top: 9px; margin-left: 30px; position: relative; color: #ffffcc; font-size: 30px; font-weight: 700; text-align: center; border-radius: 5px; background: linear-gradient(135deg, #f33 0%, #fc0 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FFFF3333', endColorstr='#FFFFCC00')
}
.subweb-header .logo-row .subweb-title:hover { background: linear-gradient(135deg, #ff0f0f 0%, #f0c000 100%) }
.subweb-header .logo-row .subweb-title:before { content: ''; display: block; border: 8px solid transparent; border-right-color: #f33; position: absolute; top: 18px; left: -16px }
.subweb-header .logo-row .subweb-title-simple { margin-top: 9px; font-weight: bold; line-height: 46px; height: 46px; margin-left: 15px; max-width: 388px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; padding-left: 15px; font-size: 30px; border-left: 1px solid #ddd }
.subweb-header .logo-row .subname { width: 170px; height: 46px; line-height: 46px; margin-top: 8px }
.subweb-header .logo-row .search { position: relative; width: 46px; height: 46px; overflow: hidden; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 3; border-radius: 5px }
.subweb-header .logo-row .search .change-wrap { position: absolute; right: 0; top: -9px; padding: 9px 0; background-color: #fff; width: 46px; height: 46px; -webkit-transition: width .38s; transition: width .38s; overflow: hidden }
.subweb-header .logo-row .search .change-wrap .searchtype { width: 78px; height: 46px; position: absolute; left: 0; top: 9px; z-index: 1 }
.subweb-header .logo-row .search .change-wrap .searchtype span { display: block; line-height: 46px; padding: 0 15px; cursor: pointer }
.subweb-header .logo-row .search .change-wrap .searchtype span:after { font-family: 'iconfont'; content: '\e610'; margin-left: 5px; font-size: 14px }
.subweb-header .logo-row .search .change-wrap .searchtype ul { display: none; border: 1px solid #eee; border-top: none; background-color: #fff; line-height: 28px; padding-bottom: 10px; -webkit-box-shadow: 0 0 5px rgba(107,107,107,0.098); box-shadow: 0 0 5px rgba(107,107,107,0.098) }
.subweb-header .logo-row .search .change-wrap .searchtype ul a { padding-left: 15px; display: block }
.subweb-header .logo-row .search .change-wrap .keyword { border: 1px solid #0c7792; height: 46px; width: 0; padding: 0 46px 0 80px; line-height: 46px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width .38s; transition: width .38s; border-radius: 5px; position: absolute; right: 0 }
.subweb-header .logo-row .search .change-wrap .keyword:focus { -webkit-box-shadow: 0 0 3px 0px rgba(12,119,146,0.1); box-shadow: 0 0 3px 0px rgba(12,119,146,0.1) }
.subweb-header .logo-row .search .change-wrap .search-submit { position: absolute; right: 1px; top: 10px; z-index: 1; height: 44px; width: 44px; line-height: 44px }
.subweb-header .logo-row .search .change-wrap .search-submit i { font-size: 22px }
.subweb-header .logo-row .search .change-wrap .search-submit:hover { color: #fff; background-color: #0c7792 }
.subweb-header .logo-row .search.open { overflow: visible }
.subweb-header .logo-row .search.open .change-wrap { width: 575px; overflow: visible }
.subweb-header .logo-row .search.open .change-wrap .keyword { width: 575px }
.subweb-header .logo-row .search.open .virtual-button { opacity: 0; filter: alpha(opacity=0); z-index: 0 }
.subweb-header .logo-row .search .virtual-button { height: 46px; width: 46px; line-height: 46px; color: #fff; font-weight: bold; border-radius: 5px; position: relative; z-index: 1; background-color: #999; border-top-right-radius: 0; border-bottom-right-radius: 0 }
.subweb-header .logo-row .search .virtual-button i { font-size: 22px }
.subweb-header .logo-row .search .virtual-button:hover { background-color: #0c7792 }
.subweb-header .logo-row .gohome-bar { height: 46px; line-height: 46px; width: 119px; display: block; color: #fff; text-align: center; border-radius: 5px; background-color: #999 }
.subweb-header .logo-row .gohome-bar:hover { color: #fff; background-color: #0c7792 }
.subweb-header .logo-row .gohome-bar:hover i { color: #fff }
.subweb-header .logo-row .gohome-bar i { margin-right: 4px; color: #e6e5e5 }
.subweb-header .subweb-nav { height: 50px; line-height: 50px; background-color: #c50c11; position: relative; z-index: 2 }
.subweb-header .subweb-nav .subweb-nav-ul { font-size: 0 }
.subweb-header .subweb-nav .subweb-nav-ul>li { display: inline-block }
.subweb-header .subweb-nav .subweb-nav-ul>li+li { margin-left: 52px }
.subweb-header .subweb-nav .subweb-nav-ul>li>a { color: #fff; font-size: 16px; display: block }
.subweb-header .subweb-nav .subweb-nav-ul>li>a:hover { position: relative }
.subweb-header .subweb-nav .subweb-nav-ul>li>a:hover:after { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 5px; background-color: #ff0 }
.subweb-header .subweb-nav .subweb-nav-ul>li.cur { font-weight: bold }
.subweb-header .subweb-nav .subweb-nav-ul>li.cur>a { position: relative }
.subweb-header .subweb-nav .subweb-nav-ul>li.cur>a:after { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 5px; background-color: #ff0 }
.subweb-header .subweb-nav .subweb-nav-ul>li:hover .hover-menu-wrap { -webkit-animation: popFadeIn .5s; animation: popFadeIn .5s; display: block }
.subweb-header .subweb-nav .hover-menu-wrap { position: absolute; width: 120px; left: 50%; right: 0; top: 50px; margin-left: -60px; z-index: 3; display: none; overflow: hidden; padding-top: 15px }
.subweb-header .subweb-nav .hover-menu-wrap:before { content: "◆"; font-family: "simsun"; font-size: 20px; line-height: 0; position: absolute; top: 15px; left: 50%; margin-left: -10px; color: #fff; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15); box-shadow: 0 2px 5px rgba(0,0,0,0.15) }
.subweb-header .subweb-nav .hover-menu-wrap .hover-menu { padding-top: 10px; padding-bottom: 10px; background-color: #fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px rgba(0,0,0,0.2) }
.subweb-header .subweb-nav .hover-menu-wrap a { display: block; font-size: 15px; text-align: center; line-height: 22px; padding: 8px 0 }
.subweb-header .subweb-nav .hover-menu-wrap a:hover { background-color: rgba(255,159,83,0.085) }
.banner-s-001 { position: relative; height: 600px }
.banner-s-001 .index-banner-s-001 { min-width: 1200px; height: 600px; background-color: #ede1ca; overflow: hidden }
.banner-s-001 .index-banner-s-001 .background-img { width: 100%; min-width: 1200px; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link { position: relative; display: block; width: 100%; min-width: 1200px; height: 600px }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1200px; height: 600px; margin: auto }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture img { display: block; opacity: 0; width: 1200px; height: 600px; margin-left: -100px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s }
.banner-s-001 .index-banner-s-001 .background-img.slick-active a.banner-link .foreground-picture img { opacity: 1; margin-left: 0 }
.banner-s-001 .index-banner-s-001 .slick-dots { width: 1200px; left: 0; right: 0; bottom: 100px; z-index: 1000; margin: auto; text-align: center }
.banner-s-001 .index-banner-s-001 .slick-dots li { display:none; width: 20px; height: 6px; background-color: #999; border-radius: 6px; border: 0px solid #fff }
.banner-s-001 .index-banner-s-001 .slick-dots li+li { margin-left: 5px }
.banner-s-001 .index-banner-s-001 .slick-dots li.slick-active { width: 30px; height: 6px; background-color: #ffc258 }
.banner-s-001 .slick-arrow-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; margin: auto; height: 0 }
.banner-s-001 .slick-arrow-wrap .layout { position: relative; max-width: 1200px; min-width: 1200px; width: 1200px; height: 0; margin-left: auto; margin-right: auto }
.banner-s-001 .slick-arrow-wrap .layout .prev, .banner-s-001 .slick-arrow-wrap .layout .next { position: absolute; top: -37px; width: 74px; height: 74px; line-height: 74px; background-color: rgba(0,0,0,0.15); font-size: 40px; color: #fff; text-align: center; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #000 \9; opacity: .15 \9; filter: alpha(opacity=15) }
.banner-s-001 .slick-arrow-wrap .layout .prev:hover, .banner-s-001 .slick-arrow-wrap .layout .next:hover { background-color: #0c7792 }
.banner-s-001 .slick-arrow-wrap .layout .prev { left: 0px }
.banner-s-001 .slick-arrow-wrap .layout .next { right: 0px }
@media (max-width: 1680px) {
.banner-s-001 { position: relative; height: 525px }
.banner-s-001 .index-banner-s-001 { min-width: 1200px; height: 525px; background-color: #ede1ca; overflow: hidden }
.banner-s-001 .index-banner-s-001 .background-img { width: 100%; min-width: 1200px; height: 525px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link { position: relative; display: block; width: 100%; min-width: 1200px; height: 525px }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1200px; height: 525px; margin: auto }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture img { display: block; opacity: 0; width: 1200px; height: 525px; margin-left: -100px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s }
.banner-s-001 .index-banner-s-001 .background-img.slick-active a.banner-link .foreground-picture img { opacity: 1; margin-left: 0 }
.banner-s-001 .index-banner-s-001 .slick-dots { width: 1200px; left: 0; right: 0; bottom: 100px; z-index: 1000; margin: auto; text-align: center }
.banner-s-001 .index-banner-s-001 .slick-dots li { width: 20px; height: 6px; background-color: #999; border-radius: 6px; border: 0px solid #fff }
.banner-s-001 .index-banner-s-001 .slick-dots li+li { margin-left: 5px }
.banner-s-001 .index-banner-s-001 .slick-dots li.slick-active { width: 30px; background-color: #ffc258 }
.banner-s-001 .slick-arrow-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; margin: auto; height: 0 }
.banner-s-001 .slick-arrow-wrap .layout { position: relative; max-width: 1200px; min-width: 1200px; width: 1200px; height: 0; margin-left: auto; margin-right: auto }
.banner-s-001 .slick-arrow-wrap .layout .prev, .banner-s-001 .slick-arrow-wrap .layout .next { position: absolute; top: -37px; width: 74px; height: 74px; line-height: 74px; background-color: rgba(0,0,0,0.15); font-size: 40px; color: #fff; text-align: center; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #000 \9; opacity: .15 \9; filter: alpha(opacity=15) }
.banner-s-001 .slick-arrow-wrap .layout .prev:hover, .banner-s-001 .slick-arrow-wrap .layout .next:hover { background-color: #0c7792 }
.banner-s-001 .slick-arrow-wrap .layout .prev { left: 0px }
.banner-s-001 .slick-arrow-wrap .layout .next { right: 0px }
}
@media (max-width: 1600px) {
.banner-s-001 { position: relative; height: 500px }
.banner-s-001 .index-banner-s-001 { min-width: 1200px; height: 500px; background-color: #ede1ca; overflow: hidden }
.banner-s-001 .index-banner-s-001 .background-img { width: 100%; min-width: 1200px; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link { position: relative; display: block; width: 100%; min-width: 1200px; height: 500px }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1200px; height: 500px; margin: auto }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture img { display: block; opacity: 0; width: 1200px; height: 500px; margin-left: -100px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s }
.banner-s-001 .index-banner-s-001 .background-img.slick-active a.banner-link .foreground-picture img { opacity: 1; margin-left: 0 }
.banner-s-001 .index-banner-s-001 .slick-dots { width: 1200px; left: 0; right: 0; bottom: 100px; z-index: 1000; margin: auto; text-align: center }
.banner-s-001 .index-banner-s-001 .slick-dots li { width: 20px; height: 6px; background-color: #999; border-radius: 6px; border: 0px solid #fff }
.banner-s-001 .index-banner-s-001 .slick-dots li+li { margin-left: 5px }
.banner-s-001 .index-banner-s-001 .slick-dots li.slick-active { width: 30px; background-color: #ffc258 }
.banner-s-001 .slick-arrow-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; margin: auto; height: 0 }
.banner-s-001 .slick-arrow-wrap .layout { position: relative; max-width: 1200px; min-width: 1200px; width: 1200px; height: 0; margin-left: auto; margin-right: auto }
.banner-s-001 .slick-arrow-wrap .layout .prev, .banner-s-001 .slick-arrow-wrap .layout .next { position: absolute; top: -37px; width: 74px; height: 74px; line-height: 74px; background-color: rgba(0,0,0,0.15); font-size: 40px; color: #fff; text-align: center; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #000 \9; opacity: .15 \9; filter: alpha(opacity=15) }
.banner-s-001 .slick-arrow-wrap .layout .prev:hover, .banner-s-001 .slick-arrow-wrap .layout .next:hover { background-color: #0c7792 }
.banner-s-001 .slick-arrow-wrap .layout .prev { left: 0px }
.banner-s-001 .slick-arrow-wrap .layout .next { right: 0px }
}
@media (max-width: 1440px) {
.banner-s-001 { position: relative; height: 450px }
.banner-s-001 .index-banner-s-001 { min-width: 1200px; height: 450px; background-color: #ede1ca; overflow: hidden }
.banner-s-001 .index-banner-s-001 .background-img { width: 100%; min-width: 1200px; height: 450px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link { position: relative; display: block; width: 100%; min-width: 1200px; height: 450px }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1200px; height: 450px; margin: auto }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture img { display: block; opacity: 0; width: 1200px; height: 450px; margin-left: -100px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s }
.banner-s-001 .index-banner-s-001 .background-img.slick-active a.banner-link .foreground-picture img { opacity: 1; margin-left: 0 }
.banner-s-001 .index-banner-s-001 .slick-dots { width: 1200px; left: 0; right: 0; bottom: 100px; z-index: 1000; margin: auto; text-align: center }
.banner-s-001 .index-banner-s-001 .slick-dots li { width: 20px; height: 6px; background-color: #999; border-radius: 6px; border: 0px solid #fff }
.banner-s-001 .index-banner-s-001 .slick-dots li+li { margin-left: 5px }
.banner-s-001 .index-banner-s-001 .slick-dots li.slick-active { width: 30px; background-color: #ffc258 }
.banner-s-001 .slick-arrow-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; margin: auto; height: 0 }
.banner-s-001 .slick-arrow-wrap .layout { position: relative; max-width: 1200px; min-width: 1200px; width: 1200px; height: 0; margin-left: auto; margin-right: auto }
.banner-s-001 .slick-arrow-wrap .layout .prev, .banner-s-001 .slick-arrow-wrap .layout .next { position: absolute; top: -37px; width: 74px; height: 74px; line-height: 74px; background-color: rgba(0,0,0,0.15); font-size: 40px; color: #fff; text-align: center; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #000 \9; opacity: .15 \9; filter: alpha(opacity=15) }
.banner-s-001 .slick-arrow-wrap .layout .prev:hover, .banner-s-001 .slick-arrow-wrap .layout .next:hover { background-color: #0c7792 }
.banner-s-001 .slick-arrow-wrap .layout .prev { left: 0px }
.banner-s-001 .slick-arrow-wrap .layout .next { right: 0px }
}
@media (max-width: 1366px) {
.banner-s-001 { position: relative; height: 426.875px }
.banner-s-001 .index-banner-s-001 { min-width: 1200px; height: 426.875px; background-color: #ede1ca; overflow: hidden }
.banner-s-001 .index-banner-s-001 .background-img { width: 100%; min-width: 1200px; height: 426.875px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link { position: relative; display: block; width: 100%; min-width: 1200px; height: 426.875px }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1200px; height: 426.875px; margin: auto }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture img { display: block; opacity: 0; width: 1200px; height: 426.875px; margin-left: -100px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s }
.banner-s-001 .index-banner-s-001 .background-img.slick-active a.banner-link .foreground-picture img { opacity: 1; margin-left: 0 }
.banner-s-001 .index-banner-s-001 .slick-dots { width: 1200px; left: 0; right: 0; bottom: 100px; z-index: 1000; margin: auto; text-align: center }
.banner-s-001 .index-banner-s-001 .slick-dots li { width: 20px; height: 6px; background-color: #999; border-radius: 6px; border: 0px solid #fff }
.banner-s-001 .index-banner-s-001 .slick-dots li+li { margin-left: 5px }
.banner-s-001 .index-banner-s-001 .slick-dots li.slick-active { width: 30px; background-color: #ffc258 }
.banner-s-001 .slick-arrow-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; margin: auto; height: 0 }
.banner-s-001 .slick-arrow-wrap .layout { position: relative; max-width: 1200px; min-width: 1200px; width: 1200px; height: 0; margin-left: auto; margin-right: auto }
.banner-s-001 .slick-arrow-wrap .layout .prev, .banner-s-001 .slick-arrow-wrap .layout .next { position: absolute; top: -37px; width: 74px; height: 74px; line-height: 74px; background-color: rgba(0,0,0,0.15); font-size: 40px; color: #fff; text-align: center; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #000 \9; opacity: .15 \9; filter: alpha(opacity=15) }
.banner-s-001 .slick-arrow-wrap .layout .prev:hover, .banner-s-001 .slick-arrow-wrap .layout .next:hover { background-color: #0c7792 }
.banner-s-001 .slick-arrow-wrap .layout .prev { left: 0px }
.banner-s-001 .slick-arrow-wrap .layout .next { right: 0px }
}
@media (max-width: 1280px) {
.banner-s-001 { position: relative; height: 377.5px }
.banner-s-001 .index-banner-s-001 { min-width: 1200px; height: 377.5px; background-color: #ede1ca; overflow: hidden }
.banner-s-001 .index-banner-s-001 .background-img { width: 100%; min-width: 1200px; height: 377.5px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link { position: relative; display: block; width: 100%; min-width: 1200px; height: 377.5px }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1200px; height: 377.5px; margin: auto }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture img { display: block; opacity: 0; width: 1200px; height: 377.5px; margin-left: -100px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s }
.banner-s-001 .index-banner-s-001 .background-img.slick-active a.banner-link .foreground-picture img { opacity: 1; margin-left: 0 }
.banner-s-001 .index-banner-s-001 .slick-dots { width: 1200px; left: 0; right: 0; bottom: 100px; z-index: 1000; margin: auto; text-align: center }
.banner-s-001 .index-banner-s-001 .slick-dots li { width: 20px; height: 6px; background-color: #999; border-radius: 6px; border: 0px solid #fff }
.banner-s-001 .index-banner-s-001 .slick-dots li+li { margin-left: 5px }
.banner-s-001 .index-banner-s-001 .slick-dots li.slick-active { width: 30px; background-color: #ffc258 }
.banner-s-001 .slick-arrow-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; margin: auto; height: 0 }
.banner-s-001 .slick-arrow-wrap .layout { position: relative; max-width: 1200px; min-width: 1200px; width: 1200px; height: 0; margin-left: auto; margin-right: auto }
.banner-s-001 .slick-arrow-wrap .layout .prev, .banner-s-001 .slick-arrow-wrap .layout .next { position: absolute; top: -37px; width: 74px; height: 74px; line-height: 74px; background-color: rgba(0,0,0,0.15); font-size: 40px; color: #fff; text-align: center; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #000 \9; opacity: .15 \9; filter: alpha(opacity=15) }
.banner-s-001 .slick-arrow-wrap .layout .prev:hover, .banner-s-001 .slick-arrow-wrap .layout .next:hover { background-color: #0c7792 }
.banner-s-001 .slick-arrow-wrap .layout .prev { left: 0px }
.banner-s-001 .slick-arrow-wrap .layout .next { right: 0px }
}
@media (max-width: 1200px) {
.banner-s-001 { position: relative; height: 375px }
.banner-s-001 .index-banner-s-001 { min-width: 1200px; height: 375px; background-color: #ede1ca; overflow: hidden }
.banner-s-001 .index-banner-s-001 .background-img { width: 100%; min-width: 1200px; height: 375px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link { position: relative; display: block; width: 100%; min-width: 1200px; height: 375px }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1200px; height: 375px; margin: auto }
.banner-s-001 .index-banner-s-001 .background-img a.banner-link .foreground-picture img { display: block; opacity: 0; width: 1200px; height: 375px; margin-left: -100px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s }
.banner-s-001 .index-banner-s-001 .background-img.slick-active a.banner-link .foreground-picture img { opacity: 1; margin-left: 0 }
.banner-s-001 .index-banner-s-001 .slick-dots { width: 1200px; left: 0; right: 0; bottom: 100px; z-index: 1000; margin: auto; text-align: center }
.banner-s-001 .index-banner-s-001 .slick-dots li { width: 20px; height: 6px; background-color: #999; border-radius: 6px; border: 0px solid #fff }
.banner-s-001 .index-banner-s-001 .slick-dots li+li { margin-left: 5px }
.banner-s-001 .index-banner-s-001 .slick-dots li.slick-active { width: 30px; background-color: #ffc258 }
.banner-s-001 .slick-arrow-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; margin: auto; height: 0 }
.banner-s-001 .slick-arrow-wrap .layout { position: relative; max-width: 1200px; min-width: 1200px; width: 1200px; height: 0; margin-left: auto; margin-right: auto }
.banner-s-001 .slick-arrow-wrap .layout .prev, .banner-s-001 .slick-arrow-wrap .layout .next { position: absolute; top: -37px; width: 74px; height: 74px; line-height: 74px; background-color: rgba(0,0,0,0.15); font-size: 40px; color: #fff; text-align: center; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #000 \9; opacity: .15 \9; filter: alpha(opacity=15) }
.banner-s-001 .slick-arrow-wrap .layout .prev:hover, .banner-s-001 .slick-arrow-wrap .layout .next:hover { background-color: #0c7792 }
.banner-s-001 .slick-arrow-wrap .layout .prev { left: 0px }
.banner-s-001 .slick-arrow-wrap .layout .next { right: 0px }
}
.pc-home { background: url(../images/pc-home-bg.jpg); background-attachment: fixed }
h2.left-tit-width-entit { height: 60px; font-weight: normal }
h2.left-tit-width-entit a.fl { position: relative; font-size: 32px; line-height: 1 }
h2.left-tit-width-entit a.fl u { display: block; color: #e6e6e6; font-family: "Arial Normal", "Arial" }
h2.left-tit-width-entit a.more u { font-size: 16px }
h2.left-tit-width-entit a.more i { position: relative; margin-left: 70px; color: #00bfbf; font-size: 22px; vertical-align: sub }
h2.left-tit-width-entit a.more i:before { content: ""; display: block; position: absolute; left: -67px; top: 0; bottom: 0; width: 65px; height: 1px; margin: auto; background-color: #e4e4e4 }
h2.left-tit-width-entit a.more:hover { color: #0c7792 }
h2.left-tit-width-entit a.more:hover i { color: #0c7792 }
h2.left-tit-width-entit a.more:hover i:before { background-color: #0c7792 }
h2.center-tit-width-entit { height: 60px; font-weight: normal; text-align: center }
h2.center-tit-width-entit a { display: inline-block; font-size: 32px; line-height: 1 }
h2.center-tit-width-entit a u { display: block; color: #e6e6e6; font-family: "Arial Normal", "Arial" }
.service-department { min-width: 1200px; height: 480px; background-color: #f8f8f8; background-repeat: no-repeat; background-position: right bottom; background-size: 646px 408px }
.service-department .right-service { position: relative; top: -80px; z-index: 1001; width: 570px; height: 450px; border-radius: 8px }
.service-department .right-service .service-bg-xiushi { border-radius: 8px; background: linear-gradient(128deg, #42d6da 0%, #0c7491 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF42D6DA', endColorstr='#FF0C7491')
}
.service-department .right-service .service-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; width: 570px; height: 450px; padding: 45px 40px 0; border-radius: 8px; background-image: url(../images/service-right-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover }
.service-department .right-service .service-wrap h2.left-tit-width-entit a { color: #fff }
.service-department .right-service .service-wrap h2.left-tit-width-entit a u { color: #45d1d8 }
.service-department .right-service .service-wrap .service-guide { margin: 30px auto 0 }
.service-department .right-service .service-wrap .service-guide a { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 122px; min-height: 100px; margin-bottom: 20px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.service-department .right-service .service-wrap .service-guide a i, .service-department .right-service .service-wrap .service-guide a u { display: block; text-align: center; color: #c0fbff }
.service-department .right-service .service-wrap .service-guide a i { height: 90px; line-height: 90px; font-size: 60px }
.service-department .right-service .service-wrap .service-guide a i img{ display:inline-block; vertical-align:middle; height:60px;}
.service-department .right-service .service-wrap .service-guide a u { font-size: 16px; color: #fff }
.service-department .right-service .service-wrap .service-guide a:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1) }
.service-department .right-service .service-wrap .service-guide a:hover u { font-weight: bold }
.service-department .department { position: relative; top: -30px; z-index: 1001; -webkit-box-sizing: border-box; box-sizing: border-box; width: 550px; height: 450px; padding: 50px 0 0px 50px; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1); background-repeat: no-repeat; background-position: center; background-size: cover }
.service-department .department .tab-pannel-wrap { margin-top: 40px }
.service-department .department .tab-pannel-wrap ul { height: 285px; overflow: hidden }
.service-department .department .tab-pannel-wrap li { font-size: 14px; color: #666666; width: 235px; margin-left: 1px }
.service-department .department .tab-pannel-wrap li i { margin-right: 10px; font-size: 18px; vertical-align: middle; color: #52c49f }
.service-department .department .tab-pannel-wrap a:hover, .service-department .department .tab-pannel-wrap a:hover i { color: #9dcc6c }
h2.tab-tit-left-001 { height: 50px; font-weight: normal; position: relative }
h2.tab-tit-left-001 .news-title a { font-size: 32px; font-weight: normal }
h2.tab-tit-left-001 .news-title a:hover { color: #0c7792 }
h2.tab-tit-left-001 .news-title u { display: block; position: absolute; font-size: 28px; line-height: 40px; margin-top: -17px; color: rgba(0,0,0,0.1) }
h2.tab-tit-left-001 span.tab-tit>a { display: inline-block; margin-top: 15px; margin-left: 15px; min-width: 70px; height: 30px; border-radius: 5px; font-size: 16px; color: black; line-height: 30px; text-align: center; font-weight: normal; padding: 0 10px }
h2.tab-tit-left-001 span.tab-tit>a.cur { background-color: #0c7792; color: white }
h2.tab-tit-left-001 span.tab-tit>a:hover { background-color: #0c7792; color: white }
h2.tab-tit-left-001 a.more { display: block; margin-top: 15px; padding: 0 10px; line-height: 30px; border: 1px solid #f2c34a; border-radius: 4px; color: #f2c34a; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
h2.tab-tit-left-001 a.more i, h2.tab-tit-left-001 a.more u { display: inline-block; vertical-align: top }
h2.tab-tit-left-001 a.more i { margin-right: 5px; line-height: 27px }
h2.tab-tit-left-001 a.more u { font-size: 16px }
h2.tab-tit-left-001 a.more:hover { color: #fff; background-color: #00bfbf; border-color: #00bfbf }
h2.left-tit-002 { height: 50px; border-bottom: 1px solid #ccc; font-weight: normal }
h2.left-tit-002 a.fl { position: relative; font-size: 32px; line-height: 1 }
h2.left-tit-002 a.fl:after { content: ""; display: block; position: absolute; left: 0; bottom: -18px; width: 50px; height: 4px; background-color: #0c7792 }
h2.left-tit-002 a.more { display: block; padding: 0 10px; line-height: 30px; border: 1px solid #00bfbf; border-radius: 4px; color: #00bfbf; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
h2.left-tit-002 a.more i, h2.left-tit-002 a.more u { display: inline-block; vertical-align: top }
h2.left-tit-002 a.more i { margin-right: 5px; line-height: 27px }
h2.left-tit-002 a.more u { font-size: 16px }
h2.left-tit-002 a.more:hover { color: #fff; background-color: #00bfbf; border-color: #00bfbf }
h2.tit-left { height: 50px; line-height: 50px; font-weight: normal }
h2.tit-left a.fl { font-size: 32px; color: #fff }
h2.tit-left a.fl:hover { color: #00bfbf }
h2.tit-left a.fl u { position: absolute; display: block; max-width: 340px; color: rgba(225,225,225,0.3); line-height: 30px; font-weight: normal; font-family: "Arial Normal", "Arial" }
h2.tit-left a.more { display: block; border: 1px solid #00bfbf; width: 110px; height: 32px; line-height: 32px; text-align: center; border-radius: 5px; color: #00bfbf; font-size: 16px; margin-top: 10px }
h2.tit-left a.more i { color: #00bfbf; margin-right: 5px; font-size: 18px }
h2.tit-left a.more:hover { background-color: #00bfbf; color: #fff }
h2.tit-left a.more:hover i { color: #fff }
.zl-scrollBarBox { height: 100%; position: absolute; background: #fff }
.zl-scrollBar { position: absolute; left: 0; top: 0; background: linear-gradient(128deg, #0c7491 0%, #42d6da 100%); -webkit-transition: background 0.3s; transition: background 0.3s }
.zl-scrollBar.zl-verticalBar { min-height: 10px }
.zl-scrollBar.zl-horizontalBar { min-width: 10px }
.zl-scrollContentDiv { position: relative !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; top: 0; left: 0 }
.lt-index { color: #999; font-size: 0; text-align: center }
.lt-index span, .lt-index a { display: inline-block; padding: 0 5px; font-size: 16px; line-height: 1 }
.lt-index span:last-child, .lt-index span:first-child, .lt-index a:last-child, .lt-index a:first-child { border: none }
.lt-index span:last-child, .lt-index a:last-child { padding-right: 0 }
.lt-index span.cur, .lt-index a.cur { padding: 3px 6px; background: #0c7792; color: #fff; border: none }
.lt-index span:first-child { padding-left: 0 }
.news-s-008 { min-width: 1200px; padding: 30px 0 50px; background-color: #fff; overflow: hidden }
.news-s-008 .tab-pannel-wrap { margin-top: 40px }
.news-s-008 .left-news { width: 580px; height: 400px }
.news-s-008 .left-news .left-news-slider { width: 580px; height: 400px }
.news-s-008 .left-news .left-news-slider .slick-list, .news-s-008 .left-news .left-news-slider .slick-track { min-width: 580px }
.news-s-008 .left-news .left-news-slider .news-item { width: 580px; height: 400px }
.news-s-008 .left-news .left-news-slider .news-item a { position: relative; display: block; width: 580px; height: 400px }
.news-s-008 .left-news .left-news-slider .news-item a span { overflow: hidden }
.news-s-008 .left-news .left-news-slider .news-item a span, .news-s-008 .left-news .left-news-slider .news-item a img { display: block; width: 580px; height: 330px }
.news-s-008 .left-news .left-news-slider .news-item a img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.news-s-008 .left-news .left-news-slider .news-item a .tit { position: absolute; left: 10px; bottom: 10px; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 530px; height: 120px; padding: 18px 20px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1) }
.news-s-008 .left-news .left-news-slider .news-item a .tit u { display: block; font-size: 24px; color: #444; line-height: 42px; max-height: 84px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.news-s-008 .left-news .left-news-slider .news-item a:hover img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03) }
.news-s-008 .left-news .left-news-slider .news-item a:hover .tit u { color: #0c7792 }
.news-s-008 .left-news .left-news-slider .news-item.slick-active .tit { -webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s }
.news-s-008 .left-news .left-news-slider .slick-dots { -webkit-box-sizing: border-box; box-sizing: border-box; bottom: 140px; padding: 0 5px; text-align: left }
.news-s-008 .left-news .left-news-slider .slick-dots li { width: 40px; height: 6px; background-color: #fff; border-radius: 0; background-image: none }
.news-s-008 .left-news .left-news-slider .slick-dots li.slick-active { background-color: #f2c34a; background-image: none }
.news-s-008 .right-news { width: 580px }
.news-s-008 .right-news .news-lists { width: 580px }
.news-s-008 .right-news .news-lists li { height: 52px }
.news-s-008 .right-news .news-lists li+li { margin-top: 17px }
.news-s-008 .right-news .news-lists li a { display: block; position: relative; padding-left: 70px }
.news-s-008 .right-news .news-lists li a time { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 52px; height: 52px; border: 1px solid #e4e4e4 }
.news-s-008 .right-news .news-lists li a time span, .news-s-008 .right-news .news-lists li a time strong { display: block; color: #555; line-height: 1; text-align: center }
.news-s-008 .right-news .news-lists li a time span { margin: 8px 0 3px; font-size: 12px }
.news-s-008 .right-news .news-lists li a time strong { font-size: 24px; font-weight: normal }
.news-s-008 .right-news .news-lists li a u { font-size: 16px; line-height: 26px; max-height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.news-s-008 .right-news .news-lists li a:hover time { border-color: #f2c34a }
.news-s-008 .right-news .news-lists li a:hover time span, .news-s-008 .right-news .news-lists li a:hover time strong { color: #f2c34a }
.news-s-008 .right-news .news-lists li a:hover u { color: #f2c34a }
.notice-s-001 { min-width: 1200px; min-height: 235px; padding: 10px 0 20px; background-color: #fff; overflow: hidden; background-repeat: no-repeat; background-position: right bottom }
.notice-s-001 .tab-pannel-wrap { margin-top: 40px }
.notice-s-001 .right-news .notice-slider { margin: 0 -15px }
.notice-s-001 .right-news .notice-slider .notice-item { position: relative; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 380px; height: 100px; margin: 0 15px 30px; padding: 10px 5px 0 105px; border: 1px solid #e4e4e4 }
.notice-s-001 .right-news .notice-slider .notice-item time { position: absolute; left: 20px; top: 10px; display: block; width: 70px; height: 75px; color: #00bfbf; font-family: "Arial Normal", "Arial"; background-image: url(../images/time-bg.png); background-repeat: no-repeat; background-position: center }
.notice-s-001 .right-news .notice-slider .notice-item time small, .notice-s-001 .right-news .notice-slider .notice-item time strong { display: block; text-align: center; line-height: 1 }
.notice-s-001 .right-news .notice-slider .notice-item time small { padding-top: 20px; font-size: 12px }
.notice-s-001 .right-news .notice-slider .notice-item time strong { padding-top: 5px; font-size: 28px }
.notice-s-001 .right-news .notice-slider .notice-item u { display: block; min-height: 52px }
.notice-s-001 .right-news .notice-slider .notice-item u a { display: block; font-size: 16px; color: #444; line-height: 26px; max-height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.notice-s-001 .right-news .notice-slider .notice-item u a:hover { color: #00bfbf }
.notice-s-001 .right-news .notice-slider .notice-item span { display: block; margin-right: 10px; color: #00bfbf }
.notice-s-001 .right-news .notice-slider .notice-item span i { color: #0b9b82 }
.notice-s-001 .right-news .notice-slider .notice-item:hover { -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-color: #f2c34a }
.doctor-s-004 { min-width: 1200px; height: 430px; padding: 70px 0 105px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover }
.doctor-s-004 h2.tab-tit-left-001 { text-align: center }
.doctor-s-004 h2.tab-tit-left-001 .news-title a { color: #fff }
.doctor-s-004 h2.tab-tit-left-001 .news-title u { left: 0; right: 0; margin: -17px auto 0; color: #588799 }
.doctor-s-004 .inside-doctor-wrap { height: 340px; margin: 40px 0px 0 }
.doctor-s-004 .inside-doctor-wrap .doctor-slider { height: 340px; margin: 0 -12px }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .slick-list { padding-top: 10px }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info { float: left; width: 180px; height: 330px; margin: 0 12px 150px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1) }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 180px; height: 275px; margin: auto; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; z-index: 1; width: 60px; height: 6px; margin: auto; background-color: #0c7792 }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img span, .doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img img, .doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img strong, .doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img u { display: block }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img span { width: 144px; height: 200px; margin: 0 auto; overflow: hidden }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img img { width: 144px; height: 200px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img .doctor-tit { min-height: 54px; margin: 0px 10px 0; text-align: center; line-height: 32px }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img .doctor-tit strong { padding-top: 10px; font-size: 16px; color: #0c7792; font-weight: normal }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info a.doctor-img .doctor-tit u { color: #999 }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info span.isparty { position: absolute; left: 18px; top: 70px; z-index: 2; width: 40px !important; height: 30px !important; background-image: url(../images/party.png) }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info:hover a.doctor-img img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03) }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info:hover a.doctor-img .doctor-tit strong { color: #ff9f53; font-weight: bold }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info:hover a.doctor-img:before { background-color: #00bfbf }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info .doctor-department { height: 49px; margin: 0 auto; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info .doctor-department a { max-width: 100%; line-height: 49px; font-size: 14px }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info .doctor-department a:hover { font-weight: bold }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info .doctor-department a+a:before { content: "/"; display: inline-block; margin-right: 3px }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .doctor-info:hover { border-color: #f2c34a }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .prev, .doctor-s-004 .inside-doctor-wrap .doctor-slider .next { position: absolute; top: 160px; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 30px; text-align: center; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; background-color: #ffc24c; border-radius: 4px }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .prev:hover, .doctor-s-004 .inside-doctor-wrap .doctor-slider .next:hover { background-color: #00bfbf }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .prev { left: -40px }
.doctor-s-004 .inside-doctor-wrap .doctor-slider .next { right: -40px }
.doc-check-s-003 .form-item { display: inline-block; min-height: auto; margin-right: 4px; vertical-align: middle }
.doc-check-s-003 .form-item .form-input .department-select { position: relative }
.doc-check-s-003 .form-item .form-input .select-input, .doc-check-s-003 .form-item .form-input .btn { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 150px; height: 44px; padding: 0 16px; line-height: 44px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius: 3px; border: none; text-align: left; cursor: pointer; background-color: #fff; border: 1px solid #e4e4e4 }
.doc-check-s-003 .form-item .form-input a.select-input { padding-right: 27px }
.doc-check-s-003 .form-item .form-input .select-input i { margin-left: 8px; position: relative; top: 1px; right: 10px; opacity: 0.4; -webkit-filter: aplha(opacity=40); filter: aplha(opacity=40); -webkit-transform: scale(1.25); transform: scale(1.25); position: absolute }
.doc-check-s-003 .form-item .form-input .btn { background-color: #0c7792; text-align: center }
.doc-check-s-003 .form-item .form-input .btn i { margin-right: 5px; font-size: 20px; vertical-align: bottom }
.doc-check-s-003 .form-item .form-input .btn:hover { background-color: #005959 }
.doc-check-s-003 .form-item .form-input select::-ms-expand {
display:none
}
.doc-check-s-003 .form-item .form-input select.select-input { padding-right: 30px; background-image: url(../images/select-bg-black.png); background-position: right center; background-repeat: no-repeat; -moz-appearance: none; -webkit-appearance: none }
.doc-check-s-003 .form-item .form-input select.select-input option { color: #666 }
.column-wrap { background-repeat: no-repeat; background-position: center; background-size: cover }
.mixture-box { height: 550px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px 0 40px }
.mixture-box .list-item .list-tit a.fl { font-weight: 400 }
.mixture-box .mixture-item { width: 370px; height: 470px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1) }
.mixture-box .mixture-item .mixture-item-img.loading { background: url(../images/loadingex.gif) center no-repeat; width: 100%; height: 138px; background-size: 20% }
.mixture-box .mixture-item .mixture-item-img .thumb-wrap { display: block; width: 100%; height: 100%; overflow: hidden }
.mixture-box .mixture-item .mixture-item-img .thumb-wrap img { -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.mixture-box .mixture-item .mixture-item-img a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.mixture-box .mixture-item.couple { width: 400px }
.mixture-box .mixture-item.couple .mixture-item-img a span { padding-right: 45px }
.mixture-box .mixture-item.couple .mixture-item-img a:after { content: "\e61d"; font-family: "iconfont"; position: absolute; right: 5px; bottom: 5px; font-size: 36px; width: 36px; height: 36px; line-height: 1 }
.mixture-box .mixture-item.fl { margin-right: 30px }
.mixture-box .mixture-item .mixture-item-img a { display: block; position: relative; width: 370px; height: 214px; color: #fff }
.mixture-box .mixture-item .mixture-item-img a img { display: block; width: 100%; height: 100% }
.mixture-box .mixture-item .mixture-item-img a span { line-height: 38px; height: 66px; padding-top: 28px; position: absolute; left: 0; bottom: 0; padding-left: 10px; padding-right: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/news-slide-mark-small.png) center bottom }
.mixture-box .mixture-item .mixture-item-img a:first-child { margin-right: 22px }
.mixture-box .mixture-item .mixture-item-img.couple a { width: 169px; float: left }
.mixture-box .mixture-item .mixture-item-img.couple a span { padding-top: 28px; height: 66px; background-position-y: center }
.mixture-box .mixture-item .list-content { margin-top: 0 !important }
.mixture-box .mixture-item .list-tit { width: 90%; height: 60px; margin: auto; line-height: 60px; border-bottom: 1px solid #e4e4e4; padding-bottom: 0 !important }
.mixture-box .mixture-item .list-tit a.fl, .mixture-box .mixture-item .list-tit h2 { display: inline-block; line-height: 60px; color: #666; height: 60px; margin-bottom: 0 !important; position: relative; font-size: 32px }
.mixture-box .mixture-item .list-tit a.fl i, .mixture-box .mixture-item .list-tit h2 i { font-size: 24px; color: #0c7792; position: relative; top: 2px; margin-right: 8px }
.mixture-box .mixture-item .list-tit a.fl:hover, .mixture-box .mixture-item .list-tit h2:hover { color: #0c7792 }
.mixture-box .mixture-item .list-tit a.fl.cur, .mixture-box .mixture-item .list-tit h2.cur { color: #363636; font-weight: bold }
.mixture-box .mixture-item .list-tit a.fl.cur:after, .mixture-box .mixture-item .list-tit h2.cur:after { background-color: #0c7792; height: 5px; width: 32px; bottom: -18px; left: 0; position: absolute; content: "" }
.mixture-box .mixture-item .list-tit a.moreright { font-size: 32px; color: #555 }
.mixture-box .mixture-item .list-tit a.moreright i { font-size: 24px; color: #9dcc6c }
.mixture-box .mixture-item .list-tit .tab-tit { display: block; color: #555 }
.mixture-box .mixture-item .list-tit .tab-tit a { display: inline-block; line-height: 20px; color: #666; font-weight: normal; height: 20px; font-size: 20px; border-right: 1px solid #dfdfdf; padding-right: 21px; margin-right: 21px; position: relative; margin-bottom: 18px }
.mixture-box .mixture-item .list-tit .tab-tit a:last-child { padding-right: 0; margin-right: 0; border-right: none }
.mixture-box .mixture-item .list-tit .tab-tit a:after { height: 5px; width: 32px; bottom: -19px; left: 0; position: absolute; content: "" }
.mixture-box .mixture-item .list-tit .tab-tit a.cur { color: #363636; font-weight: bold }
.mixture-box .mixture-item .list-tit .tab-tit a.cur:after { background-color: #0c7792 }
.mixture-box .mixture-item .mixture-item-txt { padding: 10px 20px }
.mixture-box .mixture-item .mixture-item-txt.loading { background: url(../images/loadingex.gif) center no-repeat; width: 100%; height: 132px; background-size: 20% }
.mixture-box .mixture-item .mixture-item-txt a { font-size: 16px }
.mixture-box .mixture-item .mixture-item-txt a:before { content: "•"; color: #0c7792; margin-right: 3px }
.mixture-box .mixture-item .mixture-item-txt a:hover { color: #9dcc6c }
.mixture-box .mixture-item .mixture-item-txt a:hover::before { color: #9dcc6c }
.special-s-003 { min-width: 1200px; padding: 10px 0 60px }
.special-s-003 .tab-tit-left-001 { text-align: center }
.special-s-003 .tab-tit-left-001 u { position: static !important }
.special-s-003 .special-slider { height: 214px; margin: 40px -15px 0 }
.special-s-003 .special-slider .special-item { float: left; width: 380px; height: 214px; margin: 0 15px 150px }
.special-s-003 .special-slider .special-item a { display: block; width: 380px; height: 214px; overflow: hidden }
.special-s-003 .special-slider .special-item a img { object-fit:contain; display: block; width: 380px; height: 214px }
.special-s-003 .special-slider .prev, .special-s-003 .special-slider .next { position: absolute; top: 87px; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 30px; text-align: center; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; background-color: #ffc24c; border-radius: 4px }
.special-s-003 .special-slider .prev:hover, .special-s-003 .special-slider .next:hover { background-color: #00bfbf }
.special-s-003 .special-slider .prev { left: -40px }
.special-s-003 .special-slider .next { right: -40px }
.clinic-form .form-item { display: inline-block; min-height: auto; margin-right: 4px; vertical-align: middle }
.clinic-form .form-item .form-input .department-select { position: relative }
.clinic-form .form-item .form-input .select-input, .clinic-form .form-item .form-input .btn { width: 112px; height: 30px; white-space: nowrap; text-overflow: ellipsis; line-height: 30px; overflow: hidden; border-radius: 15px; border: none; display: block; color: #fff; text-align: left; cursor: pointer; padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255,255,255,0.2) }
.clinic-form .form-item .form-input a.select-input { padding-right: 27px }
.clinic-form .form-item .form-input .select-input i { margin-left: 8px; position: relative; top: 1px; right: 10px; opacity: 0.4; -webkit-filter: aplha(opacity=40); filter: aplha(opacity=40); -webkit-transform: scale(1.25); transform: scale(1.25); position: absolute }
.clinic-form .form-item .form-input .btn { background-color: #ff8400 }
.clinic-form .form-item .form-input .btn i { margin-right: 5px }
.clinic-form .form-item .form-input .btn:hover { background-color: #e67700 }
.clinic-form .form-item .form-input select::-ms-expand {
display:none
}
.clinic-form .form-item .form-input select.select-input { padding-right: 30px; background-image: url(../images/select-bg.png); background-position: right center; background-repeat: no-repeat; -moz-appearance: none; -webkit-appearance: none }
.clinic-form .form-item .form-input select.select-input option { color: #666 }
.list-item { position: relative }
.list-item .list-tit { height: 20px; line-height: 20px; padding-bottom: 18px; border-bottom: 1px solid #e4e4e4 }
.list-item .list-tit a.fl, .list-item .list-tit h2 { display: inline-block; line-height: 20px; color: #666; font-weight: bold; height: 20px; margin-bottom: 18px; position: relative; font-size: 20px }
.list-item .list-tit a.fl i, .list-item .list-tit h2 i { font-size: 24px; color: #0c7792; position: relative; top: 2px; margin-right: 8px }
.list-item .list-tit a.fl:hover, .list-item .list-tit h2:hover { color: #0c7792 }
.list-item .list-tit a.fl.cur, .list-item .list-tit h2.cur { color: #363636; font-weight: bold }
.list-item .list-tit a.fl.cur:after, .list-item .list-tit h2.cur:after { background-color: #0c7792; height: 5px; width: 32px; bottom: -18px; left: 0; position: absolute; content: "" }
.list-item .list-tit a.more:after { content: "\e64d"; font-family: "iconfont"; color: #0096d7; margin-left: 8px; font-size: 22px; float: right }
.list-item .list-tit .tab-tit { display: block; color: #555 }
.list-item .list-tit .tab-tit a { display: inline-block; line-height: 20px; color: #666; font-weight: normal; height: 20px; font-size: 20px; border-right: 1px solid #dfdfdf; padding-right: 21px; margin-right: 21px; position: relative; margin-bottom: 18px }
.list-item .list-tit .tab-tit a:last-child { padding-right: 0; margin-right: 0; border-right: none }
.list-item .list-tit .tab-tit a:after { height: 5px; width: 32px; bottom: -19px; left: 0; position: absolute; content: "" }
.list-item .list-tit .tab-tit a.cur { color: #363636; font-weight: bold }
.list-item .list-tit .tab-tit a.cur:after { background-color: #0c7792 }
.list-item .list-content { margin-top: 20px; position: relative }
.list-item .list-content a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.tab-pannel-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1 }
.tab-pannel-wrap .tab-pannel { display: none }
.tab-pannel-wrap .tab-pannel:first-child { display: block }
.float-win { position: fixed; z-index: 2001 }
.float-win.float-leftbottom { bottom: 0; left: 0 }
.float-win.float-rightbottom { bottom: 0; right: 0 }
.float-win.float-lefttop { top: 166px; left: 0 }
.float-win.float-righttop { top: 166px; right: 0 }
.float-win li { padding: 5px 0; font-size: 0 }
.float-win .float-img { display: inline-block; position: relative }
.float-win img { max-width: 300px; max-height: 300px }
.float-win.float-center { top: 50%; left: 50%; margin-left: -300px; margin-top: -300px }
.float-win.float-center ul { display: table }
.float-win.float-center li { display: table-cell; vertical-align: middle; width: 600px; height: 600px; text-align: center }
.float-win.float-center img { max-width: 600px; max-height: 600px }
.float-win .close { background: #fff; position: absolute; top: 0; right: 0; width: 15px; height: 15px; line-height: 15px; text-align: center; opacity: 0.5 }
.second-nav-wrap { min-width: 1200px; background-repeat: no-repeat; background-position: center; background-size: cover }
.second-nav-wrap .second-nav { min-height: 200px; border-top: 1px solid rgba(255,255,255,0.2) }
.second-nav-wrap h1 { height: 140px; line-height: 140px; color: #fff; font-size: 36px; letter-spacing: .2em }
.second-nav-wrap h1.text-right { text-align: right }
.second-nav-wrap h1.text-center { text-align: center; line-height: 200px }
.second-nav-wrap .expert-banner h1 { height: 200px; line-height: 200px }
.second-nav-wrap .doctor-search { margin-top: 77px }
.second-nav-wrap .doctor-search i { line-height: 44px; position: relative; font-size: 26px; font-weight: bold }
.second-nav-wrap .doctor-search input { width: 280px; height: 46px; padding: 0 10px; line-height: 46px; border: 1px solid #fff; border-right: none; background-color: transparent; text-align: center; color: #fff; font-size: 16px; border-radius: 0 }
.second-nav-wrap .doctor-search input:focus { border: 1px solid #fff }
.second-nav-wrap .doctor-search input:-moz-placeholder {
color:#fff;
font-size:14px
}
.second-nav-wrap .doctor-search input::-moz-placeholder {
color:#fff;
font-size:14px
}
.second-nav-wrap .doctor-search input::-webkit-input-placeholder {
color:#fff;
font-size:14px
}
.second-nav-wrap .doctor-search input:-ms-input-placeholder {
color:#fff;
font-size:14px
}
.second-nav-wrap .doctor-search .btn { width: 99px; height: 46px; line-height: 46px; background-color: #fff; color: #0c7792; text-align: center; border-radius: 0 }
.second-nav-wrap .doctor-search .btn:hover { background-color: #0c7792; color: #fff }
.second-nav-wrap .second-nav-list { border-top: 1px solid rgba(255,255,255,0.2) }
.second-nav-wrap .second-nav-list ul { position: relative; height: 60px }
.second-nav-wrap .second-nav-list ul li { position: relative; float: left }
.second-nav-wrap .second-nav-list ul li+li { margin-left: 43px }
.second-nav-wrap .second-nav-list ul li+li a:before { content: ''; display: block; position: absolute; left: -25px; top: 23px; width: 1px; height: 16px; background-color: #e4e4e4; background-color: rgba(255,255,255,0.4) }
.second-nav-wrap .second-nav-list ul li a { position: relative; display: block; height: 60px; line-height: 60px; font-size: 16px; color: #fff }
.second-nav-wrap .second-nav-list ul li:hover a { color: #9ae097 }
.second-nav-wrap .second-nav-list ul li.cur a { font-weight: bold }
.second-nav-wrap .second-nav-list ul li.cur:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: -2px; height: 5px; background-color: #9ae097 }
.second-nav-wrap .second-nav-list li.more div.secondMenu { display: none; position: absolute; width: 120px; overflow: hidden; background-color: #fff; z-index: 999; right: -50px; border-top: 3px solid #00bfbf; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2); box-shadow: 0 5px 5px rgba(0,0,0,0.2) }
.second-nav-wrap .second-nav-list li.more div.secondMenu ul { height: auto }
.second-nav-wrap .second-nav-list li.more div.secondMenu ul li { text-align: center; line-height: 24px; padding: 10px 0; float: none; width: 100% }
.second-nav-wrap .second-nav-list li.more div.secondMenu ul li+li { margin-left: 0px }
.second-nav-wrap .second-nav-list li.more div.secondMenu ul li a { display: block; font-size: 16px; line-height: 24px; height: auto; color: #000 }
.second-nav-wrap .second-nav-list li.more div.secondMenu ul li:hover { background-color: #00bfbf; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s }
.second-nav-wrap .second-nav-list li.more div.secondMenu ul li:hover a { color: white }
.second-nav-wrap .second-nav-list li.more div.secondMenu ul li.cur::after { height: 0 }
.second-nav-wrap .second-nav-list li.more:hover .secondMenu { -webkit-animation: popFadeIn .5s; animation: popFadeIn .5s; display: block }
.three-nav-wrap { min-width: 1200px; height: 60px; padding-top: 30px; line-height: 60px; margin-bottom: 25px; background-color: #f5f5f5; border-bottom: 1px solid #e4e4e4 }
.three-nav-wrap+.path { margin-top: -25px }
.three-nav-wrap .three-nav { position: relative; top: 1px; background-color: #fff; border-left: 1px solid #e4e4e4 }
.three-nav-wrap .three-nav li { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; text-align: center; border: 1px solid #e4e4e4; border-left: none }
.three-nav-wrap .three-nav li a { display: block; font-size: 16px }
.three-nav-wrap .three-nav li.cur { border-top: 4px solid #0c7792; border-bottom-color: #fff }
.three-nav-wrap .three-nav li.cur a { color: #0c7792 }
.three-nav-wrap .three-nav.three-nav-1 li { width: 100% }
.three-nav-wrap .three-nav.three-nav-2 li { width: 50% }
.three-nav-wrap .three-nav.three-nav-3 li { width: 33.33% }
.three-nav-wrap .three-nav.three-nav-4 li { width: 25% }
.three-nav-wrap .three-nav.three-nav-5 li { width: 20% }
.three-nav-wrap .three-nav.three-nav-6 li { width: 16.66% }
.three-nav-wrap .three-nav.three-nav-7 li { width: 14.28% }
.three-nav-wrap .three-nav.three-nav-8 li { width: 12.5% }
.three-nav-wrap .three-nav.three-nav-9 li { width: 11.11% }
.three-nav-wrap .three-nav.three-nav-10 li { width: 10% }
.three-nav-wrap .three-nav.three-nav-11 li { width: 9.09% }
.three-nav-wrap .three-nav.three-nav-23 li { width: 10% }
.three-nav-wrap li.more div.secondMenu { display: none; position: absolute; width: 120px; overflow: hidden; background-color: #fff; z-index: 999; right: 0px; border-top: 3px solid #00bfbf; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2); box-shadow: 0 5px 5px rgba(0,0,0,0.2) }
.three-nav-wrap li.more div.secondMenu ul { height: auto }
.three-nav-wrap li.more div.secondMenu ul li { text-align: center; line-height: 24px; padding: 10px 0; float: none; width: 100%; height: 40px; border: none }
.three-nav-wrap li.more div.secondMenu ul li+li { margin-left: 0px }
.three-nav-wrap li.more div.secondMenu ul li a { display: block; font-size: 16px; line-height: 24px; height: auto; color: #000 }
.three-nav-wrap li.more div.secondMenu ul li:hover { background-color: #00bfbf; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s }
.three-nav-wrap li.more div.secondMenu ul li:hover a { color: white }
.three-nav-wrap li.more div.secondMenu ul li.cur::after { height: 0 }
.three-nav-wrap li.more div.secondMenu ul li.cur a { font-weight: bold }
.three-nav-wrap li.more:hover .secondMenu { -webkit-animation: popFadeIn .5s; animation: popFadeIn .5s; display: block }
.inner-list-item { position: relative }
.inner-list-item .inner-list-tit { height: 20px; line-height: 20px; padding-bottom: 18px; border-bottom: 1px solid #e4e4e4 }
.inner-list-item .inner-list-tit .fl { line-height: 20px; color: #666; height: 20px; margin-bottom: 18px; position: relative; font-size: 20px }
.inner-list-item .inner-list-tit .fl span { font-weight: normal }
.inner-list-item .inner-list-tit a.fl i { font-size: 24px; color: #0c7792; position: relative; top: 2px; margin-right: 8px }
.inner-list-item .inner-list-tit a.fl:hover { color: #0c7792 }
.inner-list-item .inner-list-tit a.fl:after { background-color: #0c7792; height: 5px; width: 32px; bottom: -19px; left: 0; position: absolute; content: '' }
.inner-list-item .inner-list-tit a.more:after { content: '\e64d'; font-family: "iconfont"; color: #0096d7; margin-left: 8px; font-size: 22px; float: right }
.inner-list-item .inner-list-tit .tab-tit { display: block; color: #555 }
.inner-list-item .inner-list-tit .tab-tit.related-tab-tit a.cur { color: #0c7792; font-weight: normal }
.inner-list-item .inner-list-tit .tab-tit a { display: inline-block; line-height: 20px; color: #666; font-weight: normal; height: 20px; font-size: 16px; margin-right: 21px; position: relative; margin-bottom: 18px }
.inner-list-item .inner-list-tit .tab-tit a:last-child { margin-right: 0 }
.inner-list-item .inner-list-tit .tab-tit a:after { height: 5px; width: 32px; bottom: -18px; left: 0; position: absolute; content: '' }
.inner-list-item .inner-list-tit .tab-tit a.cur { color: #363636; font-weight: bold }
.inner-list-item .inner-list-tit .tab-tit a.cur:after { background-color: #0c7792 }
.inner-list-item .inner-list-content { position: relative; margin-top: 20px }
.news-list-tit { height: 39px; margin-top: -10px }
.news-list-tit.fixed .inner-list-tit { width: 100%; position: fixed; top: 0; left: 0; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.15); box-shadow: 0 5px 10px rgba(0,0,0,0.15); z-index: 2; border-bottom: 2px solid #0c7792; background-color: #f8f8f8 }
.news-list-tit.fixed .inner-list-tit .list-tit-fixed-layout { width: 1200px; margin: 0 auto }
.news-list-tit.fixed .inner-list-tit .list-tit-fixed-layout .list-tit-fixed-content { width: 750px }
.news-list-tit .inner-list-tit { padding-top: 10px; background-color: #fff }
.department-hot-list-bar i { color: #c50c11; margin-right: 5px }
.category-news { margin-bottom: 65px }
.category-news .category-news-slide-wrap .news-img-news { width: 750px; height: 368px; position: relative; overflow: hidden }
.category-news .category-news-slide-wrap .news-img-news .news-img-news-item { width: 750px; height: 368px; position: relative }
.category-news .category-news-slide-wrap .news-img-news .news-img-news-item a { display: block; width: 100%; height: 100%; font-size: 16px }
.category-news .category-news-slide-wrap .news-img-news .news-img-news-item a img { display: block; width: 100%; height: 100% }
.category-news .category-news-slide-wrap .news-img-news .news-img-news-item a span { height: 144px; background: url(../images/news-slide-mark.png); -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 104px 170px 16px 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.category-news .category-news-slide-wrap .news-img-news .slick-dots { text-align: right; width: auto; padding: 0 20px; bottom: 10px; right: 0 }
.category-news .category-news-slide-wrap .news-img-news .slick-dots li { background-color: rgba(255,255,255,0.6) }
.category-news .category-news-slide-wrap .news-img-news .slick-dots li.slick-active { background-color: #ff8400 }
.category-news .category-news-slide-wrap .news-img-news-dots { width: 450px; background-color: #f2f2f2 }
.category-news .category-news-slide-wrap .news-img-news-dots .slick-list { overflow: visible }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot { height: 92px; display: block; position: relative; padding: 20px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot:last-child:after { display: none }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot:after { content: ''; position: absolute; bottom: 0px; left: 40px; right: 40px; height: 1px; background-color: #e4e4e4 }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot:before { content: ''; border: 18px solid transparent; position: absolute; left: -36px; top: 50%; margin-top: -18px }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot.slick-current { background-color: #0c7792; color: #fff }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot.slick-current .news-dot-mark { color: #fff }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot.slick-current .news-dot-title a { color: #fff }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot.slick-current:before { border-right-color: #0c7792 }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot.slick-current:after { background-color: #0c7792 }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot .news-dot-title { height: 24px; overflow: hidden; line-height: 24px; font-size: 16px; margin-bottom: 12px; text-overflow: ellipsis; white-space: nowrap }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot .news-dot-mark { color: #999; font-size: 13px; line-height: 1; height: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.category-news .category-news-slide-wrap .news-img-news-dots .news-dot .news-dot-mark u { position: relative; top: -1px; padding: 0 3px }
.category-news .category-news-list-wrap>.fl { width: 750px }
.category-news .category-news-list-wrap>.fr { width: 410px }
.category-news .inner-news-row .inner-list-tit .tab-tit a:after { width: 100% }
.category-news .inner-news-row .inner-news-more { height: 48px; line-height: 48px; border: 1px solid #e4e4e4; text-align: center; font-size: 16px; display: block; margin-top: 15px }
.category-news .inner-news-row .inner-news-more:hover { background-color: #0c7792; color: #fff; border-color: #0c7792 }
.category-news .special-list-item { margin-top: 50px }
.category-news .special-list-item .special-slide-wrap { margin-right: -32px }
.category-news .special-list-item .special-slide-wrap .special-item { float: left; display: block; width: 190px; height: 105px; overflow: hidden; margin-right: 31px; margin-bottom: 21px; text-align: center }
.category-news .special-list-item .special-slide-wrap .special-item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.category-news .special-list-item .special-slide-wrap .special-item img { display: block; width: 100%; height: 70px; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.category-news .special-list-item .special-slide-wrap .special-item span { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box }
.category-news .special-list-item .special-slide-wrap .special-item.special-item-more { background: linear-gradient(135deg, #0a9e45 0%, #0067bb 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF0A9E45', endColorstr='#FF0067BB');
line-height: 105px; color: #fff; font-size: 16px }
.category-news .special-list-item .special-slide-wrap .special-item.special-item-more:hover { background: linear-gradient(135deg, #087c36 0%, #005fac 100%) }
.category-news .special-list-item .special-slide-wrap .slick-dots { position: absolute; top: -62px; right: 0; width: auto }
.category-news .special-list-item .special-slide-wrap .slick-dots li { background-color: #dfdfdf }
.category-news .special-list-item .special-slide-wrap .slick-dots li.slick-active { background-color: #ff8400 }
.category-news .hot-news-list-item { margin-top: 57px; height: 658px }
.category-news .news-report-list li { width: 190px; height: 257px; float: left }
.category-news .news-report-list li+li { margin-left: 30px }
.category-news .news-report-list li a { display: block; border: 1px solid #e4e4e4; width: 100%; height: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden }
.category-news .news-report-list li a img { display: block; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; width: 100%; height: 100% }
.category-news .news-report-list li a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.category-news .news-report-list li a span { line-height: 50px; height: 50px; text-align: center; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #04a28e; background-color: rgba(4,162,142,0.8) }
.right-video-list li { padding-left: 150px; height: 90px; margin-bottom: 29px; position: relative }
.right-video-list li .thumb { width: 135px; height: 90px; overflow: hidden; position: absolute; left: 0; top: 0 }
.right-video-list li .thumb img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.right-video-list li .thumb:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.right-video-list li .thumb i { color: #fff; text-align: right; position: absolute; left: 0; bottom: 0; font-size: 32px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; height: 70px; background: url(../images/news-slide-mark.png); padding: 31px 10px 10px }
.right-video-list li .title { line-height: 22px; max-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important; font-size: 16px; margin-bottom: 25px }
.right-video-list li .mark { color: #999 }
.right-video-list li .mark u { padding: 0 10px; font-size: 12px; color: #c7c5c5; position: relative; top: -1px }
.science-news.youth-news { width: 770px }
.science-news.youth-news .news-img-news { width: 420px; height: 292px }
.science-news.youth-news .news-img-news .news-img-news-item { width: 420px; height: 292px }
.science-news.youth-news .text-news-wrap { height: 292px; width: 320px; margin-left: 30px }
.science-news .news-img-news { width: 700px; height: 368px; position: relative; overflow: hidden }
.science-news .news-img-news .news-img-news-item { width: 700px; height: 368px; position: relative }
.science-news .news-img-news .news-img-news-item a { display: block; width: 100%; height: 100%; font-size: 16px }
.science-news .news-img-news .news-img-news-item a img { display: block; width: 100%; height: 100% }
.science-news .news-img-news .news-img-news-item a span { height: 144px; background: url(../images/news-slide-mark.png); -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 104px 170px 16px 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.science-news .news-img-news .slick-dots { text-align: right; width: auto; padding: 0 20px; bottom: 10px; right: 0 }
.science-news .news-img-news .slick-dots li { background-color: rgba(255,255,255,0.6) }
.science-news .news-img-news .slick-dots li.slick-active { background-color: #ff8400 }
.science-news .text-news-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; width: 450px; background-color: #fff; height: 368px }
.science-news .text-news-wrap li { padding: 14px 0; border-bottom: 1px dashed #e4e4e4; -webkit-transition: background-color .3s; transition: background-color .3s }
.science-news .text-news-wrap li:hover { background-color: #f8f8f8 }
.science-news .text-news-wrap li:last-child { border-bottom: none }
.science-news .text-news-wrap li .text-news-item { display: block; position: relative; padding-left: 74px }
.science-news .text-news-wrap li .text-news-item .text-news-title { height: 46px; line-height: 23px; max-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important; font-size: 15px; font-weight: normal }
.science-news .text-news-wrap li .text-news-item .text-news-mark { position: absolute; top: 0; left: 0; text-align: center; width: 50px; line-height: 1 }
.science-news .text-news-wrap li .text-news-item .text-news-mark b { font-size: 20px; color: #0c7792; display: block; border-bottom: 1px solid #e4e4e4; padding-bottom: 6px; margin-bottom: 5px }
.science-news .text-news-wrap li .text-news-item .text-news-mark span { color: #999; font-size: 12px }
.science-notice>.fl { width: 750px }
.science-notice>.fr { width: 420px }
.science-notice .science-notice-left.science-notice-column ul li { width: 380px; margin-bottom: 20px }
.science-notice .science-notice-left.science-notice-column ul li:last-child, .science-notice .science-notice-left.science-notice-column ul li:nth-child(3n) { margin-bottom: 20px }
.science-notice .science-notice-left ul { margin-right: -30px }
.science-notice .science-notice-left ul li { float: left; margin-right: 30px; margin-bottom: 30px; border: 1px solid #e4e4e4; -webkit-box-sizing: border-box; box-sizing: border-box; width: 360px; height: 100px; padding: 16px 14px; position: relative; padding-left: 80px; -webkit-transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s }
.science-notice .science-notice-left ul li:hover { border-color: #0c7792; -webkit-box-shadow: 0px 10px 10px rgba(12,119,146,0.2); box-shadow: 0px 10px 10px rgba(12,119,146,0.2) }
.science-notice .science-notice-left ul li.nodate { padding-left: 14px }
.science-notice .science-notice-left ul li:last-child, .science-notice .science-notice-left ul li:nth-child(3n) { margin-bottom: 0 }
.science-notice .science-notice-left ul li .tit { font-size: 15px; text-align: justify; font-weight: normal; margin-top: -3px }
.science-notice .science-notice-left ul li .tit a { line-height: 22px; max-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.science-notice .science-notice-left ul li .date { position: absolute; top: 14px; left: 14px; background-color: #0c7792; color: #fff; width: 54px; height: 68px; text-align: center }
.science-notice .science-notice-left ul li .date b { font-size: 36px; display: block; line-height: 1; margin-top: 5px }
.science-notice .science-notice-left ul li .date span { font-size: 12px }
.science-notice .science-notice-left ul li .mark { line-height: 16px; height: 16px; margin-top: 10px }
.science-notice .science-notice-left ul li .mark span { color: #999; width: 80%; line-height: 16px; max-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important }
.science-notice .science-notice-left ul li .mark a { color: #0c7792 }
.science-notice .science-notice-left ul li .mark a:hover { color: #ff9f53 }
.science-notice .science-notice-left ul li .mark a i { font-size: 17px; vertical-align: middle }
.science-notice .science-notice-right a { display: block; line-height: 40px; height: 40px; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap }
.science-notice .science-notice-right a:before { content: '•'; color: #0c7792; margin-right: 3px; font-family: 'Arial Normal', 'Arial' }
.key-department { padding: 50px 0; background-color: #f2f2f2 }
.key-department .inner-list-content { padding: 35px 25px 20px; background-color: #fff }
.key-department .key-department-item { margin-bottom: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff }
.key-department .key-department-item .tit { font-size: 16px; text-align: center; margin-bottom: 20px; color: #0c7792 }
.key-department .key-department-item .list { margin-right: -22px }
.key-department .key-department-item .list a { display: block; width: 173px; height: 46px; line-height: 46px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e4e4e4; text-align: center; margin-right: 22px; margin-bottom: 10px; float: left; overflow: hidden; -webkit-transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s; position: relative; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) }
.key-department .key-department-item .list a span { position: relative; z-index: 3 }
.key-department .key-department-item .list a:before { content: ''; position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; opacity: 0; top: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) }
.key-department .key-department-item .list a:hover { color: #fff; border-color: #0c7792; -webkit-box-shadow: 0px 10px 10px rgba(12,119,146,0.2); box-shadow: 0px 10px 10px rgba(12,119,146,0.2) }
.key-department .key-department-item .list a:hover:before { background-color: rgba(12,119,146,0.9); opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.science-platform { margin-bottom: 50px }
.science-platform>.fl { width: 750px }
.science-platform>.fr { width: 420px }
.science-platform .science-platform-left .inner-list-content { padding: 34px 0 15px }
.science-platform .science-platform-left .science-platform-item { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center }
.science-platform .science-platform-left .science-platform-item .tit { font-size: 16px; margin-bottom: 12px; text-align: center; color: #0c7792 }
.science-platform .science-platform-left .science-platform-item .list { line-height: 46px; margin-right: -23px }
.science-platform .science-platform-left .science-platform-item .list.col3 li { width: 33.33%; float: left }
.science-platform .science-platform-left .science-platform-item .list.col4 li { margin-left: 15px; margin-right: 15px; display: inline-block }
.science-platform .science-platform-left .science-platform-item .list.col6 li { width: 14.66%; float: left }
.science-platform .science-platform-left .science-platform-item .list li { width: 385px; margin-right: 22px; margin-bottom: 22px; float: left }
.science-platform .science-platform-left .science-platform-item .list li a { border: 1px solid #e4e4e4; text-align: center; display: block; width: 100%; height: 47px; line-height: 47px; overflow: hidden; -webkit-transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s; position: relative; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) }
.science-platform .science-platform-left .science-platform-item .list li a span { position: relative; z-index: 3 }
.science-platform .science-platform-left .science-platform-item .list li a:before { content: ''; position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; opacity: 0; top: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) }
.science-platform .science-platform-left .science-platform-item .list li a:hover { color: #fff; border-color: #0c7792; -webkit-box-shadow: 0px 10px 10px rgba(12,119,146,0.2); box-shadow: 0px 10px 10px rgba(12,119,146,0.2) }
.science-platform .science-platform-left .science-platform-item .list li a:hover:before { background-color: rgba(12,119,146,0.9); opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.science-platform .science-platform-right a { line-height: 40px; height: 40px; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: block }
.science-platform .science-platform-right a:before { content: '•'; color: #0c7792; margin-right: 3px; font-family: 'Arial Normal', 'Arial' }
.youth-organization { width: 380px }
.youth-organization p { text-align: justify; line-height: 27px; margin-bottom: 0 }
.youth-organization img { margin-right: 20px; margin-top: -2px }
.youth-col-wrap>.youth-col-7 { width: 770px }
.youth-col-wrap>.youth-col-5 { width: 380px }
.youth-col-wrap .youth-volunteers .thumb { display: inline-block; margin-bottom: 10px }
.youth-col-row-2 { padding: 50px 0; background-color: #f2f2f2 }
.youth-col-row-2 .youth-col-7, .youth-col-row-2 .youth-col-5 { height: 351px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px }
.intro-info { padding-left: 650px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 384px; margin: 10px auto 60px }
.intro-info .video { width: 590px; height: 384px; position: absolute; left: 0; top: 0; background: #f2f2f2; overflow: hidden }
.intro-info .video img { display: block; width: 590px; height: 384px; position: absolute; top: 0; left: 0; -webkit-transition: -webkit-transform .85s; transition: -webkit-transform .85s; transition: transform .85s; transition: transform .85s, -webkit-transform .85s }
.intro-info .video .video-play { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.intro-info .video .video-play i { width: 85px; height: 85px; display: block; border-radius: 50%; background-color: rgba(0,0,0,0.3); font-size: 60px; line-height: 85px; text-align: center; color: #fff; margin: 149px auto }
.intro-info .video:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.intro-info .video:hover:before { color: #0c7792 }
.intro-info .video .video-player { width: 590px; height: 384px; position: absolute; top: 0; left: 0 }
.intro-info .detail h4 { font-size: 22px; margin: 25px 0 15px }
.intro-info .detail p { font-size: 16px; line-height: 28px; color: #666 }
.intro-info .detail .more-info { width: 123px; height: 30px; line-height: 30px; border-radius: 15px; color: #fff; display: block; margin-top: 27px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 37px; background-color: #0c7792 }
.intro-info .detail .more-info:hover { background-color: #0f96b8 }
.intro-info .detail .more-info:before { border: 9px solid #fff; background-color: inherit; padding: 2px; position: absolute; top: 4px; left: 4px; border-radius: 50%; content: '' }
.intro-info .detail .more-info i { padding-left: 5px }
.intro-learder { background-color: #f2f2f2; padding: 40px 0 }
.intro-learder .leader-list-item { width: 140px; height: 240px; float: left }
.intro-learder .leader-list-item+div { margin-left: 11px }
.intro-learder .leader-list-item img { width: 140px; height: 190px; display: block }
.intro-learder .leader-list-item h4 { height: 50px; line-height: 1.3; text-align: center; background-color: #0096d7; font-weight: normal; color: #fff; width: 140px; vertical-align: middle; display: table-cell; padding: 0 7px }
.culture-info { padding-left: 650px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 545px; margin: 60px auto; position: relative }
.culture-info .audio { width: 590px; height: 545px; position: absolute; left: 0; top: 0; background: #f2f2f2 url(../images/culture-info-img.jpg) }
.culture-info .audio .audio-wrap { width: 300px; height: 50px; position: absolute; top: 40px; left: 50%; margin-left: -150px }
.culture-info .audio .audio-wrap .audio-player { width: 50px; height: 50px; overflow: hidden; border-radius: 25px; position: absolute; top: 0; right: 0 }
.culture-info .audio .audio-wrap .audio-player .audioplayer { height: 50px; background: #0096d7 !important; text-shadow: none; border: none }
.culture-info .audio .audio-wrap .audio-player .audioplayer .audioplayer-playpause { width: 50px; height: 50px; background-color: #0096d7 }
.culture-info .audio .audio-wrap .audio-player .audioplayer .audioplayer-volume, .culture-info .audio .audio-wrap .audio-player .audioplayer .audioplayer-time { display: none !important }
.culture-info .audio .audio-wrap .audio-play { width: 300px; height: 50px; border-radius: 25px; color: #fff; background-color: #0c7792; background-color: rgba(12,119,146,0.9); margin: 0 auto; text-align: center; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 50px; display: block; font-size: 16px }
.culture-info .audio .audio-wrap .audio-play i { width: 50px; height: 50px; font-size: 28px; margin-right: 5px; vertical-align: middle }
.culture-info .audio .audio-wrap .audio-play:after { content: '\e669'; font-family: 'iconfont'; width: 50px; height: 50px; border-radius: 50%; background-color: #0096d7; color: #fff; line-height: 50px; text-align: center; position: absolute; right: 0; top: 0; font-size: 22px }
.culture-info .audio .audio-wrap .audio-play.playing:after { content: '\e669' }
.culture-info .audio .audio-wrap .audio-play.playing i { -webkit-animation: rotate 10s linear infinite; animation: rotate 10s linear infinite }
.culture-info .detail { line-height: 28px; color: #666; font-size: 16px }
.culture-info .detail pre { white-space: pre-wrap; word-wrap: break-word }
.intro-picture { height: 330px; padding: 64px 0; background: #f2f2f2 url(../images/intro-picture-bg.jpg) }
.intro-picture .layout>div { width: 600px; height: 330px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box }
.intro-picture .layout>.fl { padding: 79px 30px }
.intro-picture .layout>.fl p { width: 309px; color: #765f4f; font-size: 16px; line-height: 28px }
.intro-picture .fr { position: relative }
.intro-picture h4 { font-size: 18px; text-align: center; width: 123px; height: 50px; line-height: 50px; position: absolute; left: 0; bottom: 0 }
.intro-picture h4 a { color: #fff; background-color: #0c7792; display: block }
.intro-picture h4 a:hover { background-color: #ff9f53 }
.intro-picture .picture-list-box { width: 600px; height: 280px; overflow: hidden }
.intro-picture .picture-list-box.slick-slider { overflow: visible }
.intro-picture .picture-list-box .picture-list-item { overflow: hidden }
.intro-picture .picture-list-box .picture-list-item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.intro-picture .picture-list-box .picture-list-item img { width: 600px; height: 280px; display: block; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.intro-picture .picture-list-box .slick-dots { text-align: right; bottom: -41px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box }
.intro-picture .picture-list-box .slick-dots li { background-color: #e4e4e4 }
.intro-picture .picture-list-box .slick-dots li.slick-active { background-color: #0c7792 }
.intro-picture .picture-list-box .slick-dots li:hover { background-color: #ff9f53 }
.intro-honor { margin-bottom: 40px }
.atlas { position: relative; height: 266px; margin-top: 15px }
.atlas li { overflow: hidden; position: absolute }
.atlas li.img0, .atlas li.img1, .atlas li.img2, .atlas li.img4, .atlas li.img5, .atlas li.img6 { width: 16% }
.atlas li.img3 { width: 32.75% }
.atlas li.img0, .atlas li.img3, .atlas li.img6 { height: 266px }
.atlas li.img1, .atlas li.img2, .atlas li.img4, .atlas li.img5 { height: 128px }
.atlas li.img0 { left: 0; top: 0 }
.atlas li.img1 { left: 16.75%; top: 0 }
.atlas li.img2 { left: 16.75%; top: 137px }
.atlas li.img3 { left: 33.5%; top: 0; width: 32.75% }
.atlas li.img4 { left: 67%; top: 0 }
.atlas li.img5 { left: 67%; top: 137px }
.atlas li.img6 { right: 0; top: 0 }
.atlas li a { display: block; width: 100%; height: 100%; overflow: hidden }
.atlas li a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.atlas li a img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.atlas li a .img-tit { color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; height: 144px; background: url(../images/news-slide-mark.png); padding: 110px 10px 10px }
.atlas li a .img-tit span { display: block; line-height: 20px; max-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important }
.cate-col-7 { width: 750px }
.cate-col-6 { width: 580px }
.cate-col-5 { width: 420px }
.cate-col-4 { width: 380px }
.cate-row-3 { padding: 50px 0; background-color: #f2f2f2 }
.cate-row-3 .cate-col-4 { height: 344px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px }
.cate-row-3 .cate-col-4+.cate-col-4 { margin-left: 30px }
.cate-row-3 .cate-col-6 { height: 344px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px }
.cate-row-3 .cate-col-6+.cate-col-6 { margin-left: 40px }
.cate-text-list li.has-date a { position: relative; padding-right: 90px }
.cate-text-list li.has-date a span { position: absolute; right: 0; top: 0; line-height: 40px; height: 40px; color: #999 }
.cate-text-list li a { line-height: 40px; height: 40px; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: block }
.cate-text-list li a:before { content: '•'; color: #0c7792; margin-right: 3px; font-family: 'Arial Normal', 'Arial' }
.cate-text-list li a i { color: #999 }
.cate-img-list.imgs-list ul { margin-left: -1.5%; margin-right: -1.5% }
.cate-img-list.imgs-list ul li { float: left; width: 22%; margin: 0 1.5% 25px 1.5%; height: 253px }
.cate-img-list.imgs-list ul li .il-link .il-tit { color: inherit }
.cate-img-list.imgs-list ul li .il-link .il-img { height: 213px }
.cate-img-list.pic-list ul { margin-left: -1.5%; margin-right: -1.5% }
.cate-img-list.pic-list ul li { float: left; width: 22%; margin: 0 1.5% 25px 1.5%; height: 253px }
.cate-img-list.pic-list ul li .pl-link { height: 213px }
.cat-download-list li a { line-height: 40px; height: 40px; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: block; padding-right: 40px }
.cat-download-list li a:before { content: '•'; color: #0c7792; margin-right: 3px; font-family: 'Arial Normal', 'Arial' }
.cat-download-list li a i { color: #999; position: absolute; right: 0 }
.cat-download-list li a:hover i { color: #0c7792 }
.cate-teacher-wrap .teacher-list { margin-right: -32px }
.cate-teacher-wrap .teacher-list li { width: 144px; height: 290px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f2f2f2; float: left; text-align: center; margin-right: 32px; margin-bottom: 32px; -webkit-transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s }
.cate-teacher-wrap .teacher-list li:hover { -webkit-box-shadow: 0px 10px 30px rgba(3,165,96,0.2); box-shadow: 0px 10px 30px rgba(3,165,96,0.2) }
.cate-teacher-wrap .teacher-list li .thumb { width: 100%; height: 200px; overflow: hidden; display: block; position: relative }
.cate-teacher-wrap .teacher-list li .thumb:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.cate-teacher-wrap .teacher-list li .thumb img { width: 100%; height: 200px; display: block; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.cate-teacher-wrap .teacher-list li .tit { display: block; margin: 10px auto; line-height: 21px; font-size: 16px; font-weight: bold }
.cate-teacher-wrap .teacher-list li .tit:after { content: ''; width: 24px; height: 2px; background-color: #0c7792; display: block; margin: 8px auto }
.cate-teacher-wrap .teacher-list li p { color: #999 }
.teacher-detail { border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; padding-bottom: 30px }
.teacher-detail .teacher-resume { width: 144px; position: relative; text-align: center }
.teacher-detail .teacher-resume .doctor-img { width: 144px; height: 200px; overflow: hidden }
.teacher-detail .teacher-resume .doctor-img img { width: 144px; height: 200px }
.teacher-detail .teacher-resume h1 { font-size: 28px; color: #0c7792; line-height: 44px }
.teacher-detail .teacher-resume p { line-height: 30px }
.teacher-detail .teacher-resume p i { font-size: 16px; color: #0c7792; margin-left: 4px; position: relative; top: 1px }
.teacher-detail .teacher-resume p u { color: #999 }
.teacher-detail .inner-list-item.fl { width: 1020px; margin-left: 36px }
.teacher-detail .teacher-hr-table { width: 100%; margin-bottom: 25px }
.teacher-detail .teacher-hr-table table { width: 100% }
.teacher-detail .teacher-hr-table tr { border-color: #e4e4e4 }
.teacher-detail .teacher-hr-table tr:first-child { background-color: #f8f8f8 }
.teacher-detail .teacher-hr-table tr:first-child td span { display: block; color: #a8a8a8 }
.teacher-detail .teacher-hr-table tr td, .teacher-detail .teacher-hr-table tr th { line-height: 35px; padding: 5px 0; border: 1px solid #e4e4e4; text-align: center }
.themecolor { color: #0c7792 !important }
.themecolor:hover { color: #0f96b8 !important }
.channel { padding-bottom: 40px }
.channel-page .inner-row>.fl, .channel-page .inner-row>.fr { width: 580px }
.channel-page .inner-row>.fl { line-height: 0 }
.channel-page .inner-row>.fl>img { width: 580px; height: 300px }
.channel-page .profile-info p { font-size: 15px; color: #666; line-height: 28px }
.channel-page .profile-info .more-info { width: 123px; height: 30px; line-height: 30px; border-radius: 15px; background-color: #0c7792; color: #fff; display: block; margin-top: 27px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 37px }
.channel-page .profile-info .more-info:before { border: 9px solid #fff; background-color: inherit; padding: 2px; position: absolute; top: 4px; left: 4px; border-radius: 50%; content: '' }
.channel-page .profile-info .more-info i { padding-left: 5px }
.channel-news .news-img-news { width: 580px; height: 368px; position: relative; overflow: hidden }
.channel-news .news-img-news .news-img-news-item { width: 580px; height: 368px; position: relative }
.channel-news .news-img-news .news-img-news-item a { display: block; width: 100%; height: 100%; font-size: 16px }
.channel-news .news-img-news .news-img-news-item a img { display: block; width: 100%; height: 100% }
.channel-news .news-img-news .news-img-news-item a span { height: 144px; background: url(../images/news-slide-mark.png); -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 104px 170px 16px 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.channel-news .news-img-news .slick-dots { text-align: right; width: auto; padding: 0 20px; bottom: 10px; right: 0 }
.channel-news .news-img-news .slick-dots li { background-color: rgba(255,255,255,0.6) }
.channel-news .news-img-news .slick-dots li.slick-active { background-color: #ff8400 }
.channel-news .text-news-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; width: 580px; background-color: #fff; height: 368px }
.channel-news .text-news-wrap li { padding: 14px 0; height: 46px; border-bottom: 1px dashed #e4e4e4; -webkit-transition: background-color .3s; transition: background-color .3s }
.channel-news .text-news-wrap li:hover { background-color: #f8f8f8 }
.channel-news .text-news-wrap li:last-child { border-bottom: none }
.channel-news .text-news-wrap li .text-news-item { display: block; position: relative; padding-left: 74px }
.channel-news .text-news-wrap li .text-news-item .text-news-title { line-height: 23px; max-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important; font-size: 15px; font-weight: normal }
.channel-news .text-news-wrap li .text-news-item .text-news-mark { position: absolute; top: 0; left: 0; text-align: center; width: 50px; line-height: 1 }
.channel-news .text-news-wrap li .text-news-item .text-news-mark b { font-size: 20px; color: #0c7792; display: block; border-bottom: 1px solid #e4e4e4; padding-bottom: 6px; margin-bottom: 5px }
.channel-news .text-news-wrap li .text-news-item .text-news-mark span { color: #999; font-size: 12px }
.channel-bg-f2 { padding: 40px 0; background-color: #f2f2f2 }
.channel-bg-f2+.channel { margin-top: 40px }
.channel-bg-f2.channel-page .profile-info .more-info { margin-top: 10px }
.channel-bg-f2.channel-page .inner-list-item.fr { -webkit-box-sizing: border-box; box-sizing: border-box; width: 620px; height: 300px; background-color: #fff; padding: 20px }
.channel-bg-f2.channel-news .text-news-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; width: 620px; padding: 10px 20px }
.channel-bg-f2.channel-news .text-news-wrap li { padding: 12px 0 }
.channel-bg-f2 .merge-item { background: #fff; padding: 20px }
.channel-bg-f2 .merge-item .news-img-news, .channel-bg-f2 .merge-item .news-img-news-item { width: 540px; height: 340px }
.merge-item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 580px }
.merge-item .news-img-news { margin-bottom: 20px }
.channel-text-date .merge-item .cate-text-list, .channel-text-nodate .merge-item .cate-text-list, .channel-image-date .merge-item .cate-text-list { min-height: 204px }
.channel-text-date .merge-item .cate-text-list li, .channel-text-nodate .merge-item .cate-text-list li, .channel-image-date .merge-item .cate-text-list li { border-bottom: 1px dashed #e4e4e4 }
.channel-text-date .merge-item .cate-text-list li:last-child, .channel-text-nodate .merge-item .cate-text-list li:last-child, .channel-image-date .merge-item .cate-text-list li:last-child { border: none }
.channel-text-date .card-list li, .channel-text-nodate .card-list li, .channel-image-date .card-list li { position: relative; width: 281px; height: 222px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f2f2f2; float: left; padding: 20px; -webkit-transition: all .3s; transition: all .3s }
.channel-text-date .card-list li+li, .channel-text-nodate .card-list li+li, .channel-image-date .card-list li+li { margin-left: 25px }
.channel-text-date .card-list li:hover, .channel-text-nodate .card-list li:hover, .channel-image-date .card-list li:hover { border-color: #0c7792; -webkit-box-shadow: 0px 10px 30px rgba(12,119,146,0.2); box-shadow: 0px 10px 30px rgba(12,119,146,0.2) }
.channel-text-date .card-list li .tit, .channel-text-nodate .card-list li .tit, .channel-image-date .card-list li .tit { font-size: 15px; text-align: justify }
.channel-text-date .card-list li .tit a, .channel-text-nodate .card-list li .tit a, .channel-image-date .card-list li .tit a { line-height: 22px; max-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.channel-text-date .card-list li p, .channel-text-nodate .card-list li p, .channel-image-date .card-list li p { font-size: 13px; margin-top: 10px; line-height: 22px; max-height: 66px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box !important; text-align: justify; color: #999 }
.channel-text-date .card-list li .nothumb-mark, .channel-text-nodate .card-list li .nothumb-mark, .channel-image-date .card-list li .nothumb-mark { position: absolute; bottom: 10px; left: 20px; right: 20px; padding-top: 10px; border-top: 1px solid #e5e5e5; text-align: center; line-height: 40px; height: 40px }
.channel-text-date .card-list li .nothumb-mark span, .channel-text-nodate .card-list li .nothumb-mark span, .channel-image-date .card-list li .nothumb-mark span { font-size: 12px; color: #999 }
.channel-text-date .card-list li .nothumb-mark .fl, .channel-text-nodate .card-list li .nothumb-mark .fl, .channel-image-date .card-list li .nothumb-mark .fl { line-height: 36px }
.channel-text-date .card-list li .nothumb-mark i, .channel-text-nodate .card-list li .nothumb-mark i, .channel-image-date .card-list li .nothumb-mark i { font-size: 20px; vertical-align: middle }
.channel-text-nodate .card-list li { height: 172px }
.channel-image-date .card-list li, .channel-image-nodate .card-list li, .channel-video .card-list li { width: 281px; height: 250px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f2f2f2; float: left; -webkit-transition: all .3s; transition: all .3s }
.channel-image-date .card-list li+li, .channel-image-nodate .card-list li+li, .channel-video .card-list li+li { margin-left: 25px }
.channel-image-date .card-list li:hover, .channel-image-nodate .card-list li:hover, .channel-video .card-list li:hover { border-color: #0c7792; -webkit-box-shadow: 0px 10px 30px rgba(12,119,146,0.2); box-shadow: 0px 10px 30px rgba(12,119,146,0.2) }
.channel-image-date .card-list li:hover:hover img, .channel-image-nodate .card-list li:hover:hover img, .channel-video .card-list li:hover:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.channel-image-date .card-list li .thumb, .channel-image-nodate .card-list li .thumb, .channel-video .card-list li .thumb { width: 100%; height: 165px; overflow: hidden; display: block; position: relative }
.channel-image-date .card-list li .thumb img, .channel-image-nodate .card-list li .thumb img, .channel-video .card-list li .thumb img { width: 100%; height: 165px; display: block; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.channel-image-date .card-list li .thumb .mark, .channel-image-nodate .card-list li .thumb .mark, .channel-video .card-list li .thumb .mark { background-color: rgba(12,119,146,0.9); position: absolute; top: 0; left: 0; line-height: 1.2; width: 58px; height: 58px; text-align: center; font-size: 12px; color: #fff }
.channel-image-date .card-list li .thumb .mark b, .channel-image-nodate .card-list li .thumb .mark b, .channel-video .card-list li .thumb .mark b { display: block; font-size: 32px; line-height: 40px; font-weight: normal }
.channel-image-date .card-list li .tit, .channel-image-nodate .card-list li .tit, .channel-video .card-list li .tit { padding: 20px; font-size: 15px; font-weight: normal; text-align: justify }
.channel-image-date .card-list li .tit a, .channel-image-nodate .card-list li .tit a, .channel-video .card-list li .tit a { line-height: 22px; max-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.channel-image-date .card-list li p, .channel-image-nodate .card-list li p, .channel-video .card-list li p { font-size: 13px; margin-top: 10px; line-height: 22px; max-height: 66px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box !important; text-align: justify }
.channel-image-date .card-list.col-2 li, .channel-image-nodate .card-list.col-2 li, .channel-video .card-list.col-2 li { width: 48% }
.channel-image-date .card-list.col-2 li+li, .channel-image-nodate .card-list.col-2 li+li, .channel-video .card-list.col-2 li+li { margin-left: 4% }
.channel-image-date .const-item-img { height: 98px; position: relative; margin-bottom: 10px }
.channel-image-date .const-item-img.const-item-img-thumb { padding-left: 159px }
.channel-image-date .const-item-img .thumb { position: absolute; top: 0; left: 0; width: 140px; height: 98px }
.channel-image-date .const-item-img .thumb img { width: 140px; height: 98px }
.channel-image-date .const-item-img .tit { font-size: 18px; line-height: 23px; max-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important; margin-bottom: 10px }
.channel-image-date .const-item-img p { color: #686868; font-size: 13px; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.channel-image-date .const-item-img .remark { color: #999; font-size: 13px; line-height: 1; height: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.channel-video i { color: #fff; text-align: right; position: absolute; left: 0; bottom: 0; font-size: 42px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; height: 85px; background: url(../images/news-slide-mark.png); padding: 31px 10px 10px }
@-webkit-keyframes rotate { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(200deg);
transform:rotate(200deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
@keyframes rotate { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(200deg);
transform:rotate(200deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
.color-tab-tit { display: -webkit-box; display: -ms-flexbox; display: flex; border-left: 1px solid #ddd }
.color-tab-tit.visit-color-tab-tit a { width: 14.28% }
.color-tab-tit.visit-color-tab-tit a i { margin-right: 0px }
.color-tab-tit.visit-area-1 a { width: 100% }
.color-tab-tit.visit-area-2 a { width: 50% }
.color-tab-tit.visit-area-3 a { width: 33.33% }
.color-tab-tit.visit-area-4 a { width: 25% }
.color-tab-tit.visit-area-5 a { width: 20% }
.color-tab-tit.visit-area-6 a { width: 16.66% }
.color-tab-tit.visit-area-7 a { width: 14.2857% }
.color-tab-tit.visit-area-8 a { width: 12.5% }
.color-tab-tit a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; width: 25%; font-weight: bold; font-size: 16px; line-height: 55px; height: 55px; border: 1px solid #ddd; border-left: none; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; float: left; background-color: #f2f2f2 }
.color-tab-tit a i { opacity: .3; filter: alpha(opacity=30); color: #c9c9c9; margin-right: 20px; font-size: 46px; font-weight: normal }
.color-tab-tit a span { display: inline-block; position: relative; top: -11px }
.color-tab-tit a.cur { color: #fff; border: none; background: linear-gradient(135deg, #0c7792 0%, #00bfbf 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF0C7792', endColorstr='#FF00BFBF')
}
.color-tab-tit a.cur i { color: #cee7ff }
.department-list .area-tabs .area-tit { margin-top: -2px; overflow: hidden; border-left: 1px solid #ddd; margin-bottom: 20px }
.department-list .area-tabs .area-tit a { border: 1px solid #ddd; background: #f9f9f9; font-weight: bold; color: #999; line-height: 38px; margin-left: -2px; text-align: center; float: left }
.department-list .area-tabs .area-tit a.cur { color: #444; background: #fff; border-bottom-color: #fff; border-top: 2px solid #009D6D }
.department-list .area-tabs .area-tit.span2 a { width: 50% }
.department-list .area-tabs .area-tit.span3 a { width: 33.33% }
.department-list .area-tabs .area-tit.span4 a { width: 25% }
.department-list .area-tabs .area-tit.span5 a { width: 20% }
.department-list .area-tabs .dp-pannel { display: none }
.department-list .area-tabs .dp-pannel:first-child { display: block }
.department-list .department-tabs { margin-top: 35px }
.department-list .department-tabs .department-tablist { margin-top: 35px }
.department-list .department-tabs .department-tablist .tab-pannel { padding-bottom: 30px; margin: 0 -15px }
.department-list .department-tabs .department-tablist .tab-pannel>li { width: 380px; height: 187px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; padding: 19px 29px; float: left; margin: 0 15px 30px; transition: border-color 0.8s; -webkit-transition: border-color 0.8s }
.department-list .department-tabs .department-tablist .tab-pannel>li:hover { border-color: #0c7792; -webkit-box-shadow: 0px 10px 30px rgba(12,119,146,0.2); box-shadow: 0px 10px 30px rgba(12,119,146,0.2) }
.department-list .department-tabs .department-tablist .department-tit { height: 40px; line-height: 40px; position: relative; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px }
.department-list .department-tabs .department-tablist .department-tit h3 { font-size: 20px; width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.department-list .department-tabs .department-tablist .department-tit h3:after { content: ''; background-color: #0c7792; position: absolute; bottom: -1px; left: 0; width: 32px; height: 5px }
.department-list .department-tabs .department-tablist .department-tit h3 span { vertical-align: middle; background: #63b98c; color: #fff; font-size: 12px; padding: 2px 6px; font-weight: normal; margin-left: 3px; border-radius: 3px }
.department-list .department-tabs .department-tablist .department-info { overflow: hidden; margin-top: 20px }
.department-list .department-tabs .department-tablist .department-info li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 24px }
.department-list .department-tabs .department-tablist .department-info li strong { font-weight: normal; color: #999 }
.filter { margin: 15px 0; overflow: hidden; background-color: #f8f8f8; padding: 10px 15px }
.filter dl { position: relative; font-size: 14px; border-top: 1px dashed #e4e4e4; padding-top: 15px }
.filter dl:first-child { border-top: none }
.filter dl.depart-all dt { top: 25px }
.filter dl.depart-all .tabs .tab-tit { height: 50px; line-height: 50px; border-bottom: 1px solid #e4e4e4 }
.filter dl.depart-all .tabs .tab-tit a { font-size: 16px; overflow: visible }
.filter dl.depart-all .tabs .tab-tit a:before { content: ""; display: block; position: absolute; width: 100%; height: 5px; left: 0; bottom: -1px }
.filter dl.depart-all .tabs .tab-tit a+a { margin-left: 55px }
.filter dl.depart-all .tabs .tab-tit a.cur { color: #0c7792 }
.filter dl.depart-all .tabs .tab-tit a.cur:before { background-color: #0c7792 }
.filter dl.depart-all .tabs .tab-pannel { display: block; min-height: 52px; overflow: hidden }
.filter dl.depart-all .tabs .tab-pannel li { display: none; overflow: hidden; padding: 15px 0px; min-height: 84px; text-align: justify; width: 100% }
.filter dl.depart-all .tabs .tab-pannel li:first-child { display: block }
.filter dl dt { font-size: 16px; height: 24px; color: #aeafaf; width: 110px; text-align: center; line-height: 24px; position: absolute; left: 0; -webkit-transform: translateY(5px); transform: translateY(5px) }
.filter dl dd { margin-left: 110px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
.filter dl dd a { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; color: #666; text-align: center; text-overflow: ellipsis; white-space: nowrap; display: inline-block }
.filter dl dd>a, .filter dl dd .tab-pannel a { line-height: 24px; height: 24px; margin-right: 2%; margin-bottom: 5px; margin-top: 5px }
.filter dl dd>a.gray, .filter dl dd .tab-pannel a.gray { background-color: #f8f8f8 !important; color: #b9b9b9 !important; cursor: default }
.filter dl dd>a.cur, .filter dl dd .tab-pannel a.cur { background-color: #d7d7d7; color: #fff; padding: 0 8px }
.filter dl dd>a:hover, .filter dl dd .tab-pannel a:hover { color: #0c7792 }
.haschosen { padding: 15px 100px 15px 110px; position: relative; border-bottom: 1px solid #e4e4e4; min-height: 35px }
.haschosen span, .haschosen .doctor-num { font-size: 16px; color: #999; line-height: 30px; position: absolute; top: 15px }
.haschosen span { left: 0 }
.haschosen .doctor-num { right: 0 }
.haschosen .doctor-num b { font-weight: 400; color: #0c7792 }
.haschosen a { display: inline-block; font-size: 15px; margin-right: 5px; line-height: 30px; border-radius: 3px; margin-bottom: 4px; padding: 0 10px; background: #0e86a5; color: #fff }
.haschosen a:hover { background: #ff9f53 }
.haschosen a i { font-size: 12px; margin-left: 5px }
.doctor-list-wrap .doctor-list { margin-right: -32px }
.doctor-list-wrap .doctor-list li { width: 276px; height: 263px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e5e5; padding: 19px; margin-right: 32px; margin-bottom: 30px; position: relative; -webkit-transition: all .3s; transition: all .3s; -webkit-transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s }
.doctor-list-wrap .doctor-list li:hover { border-color: #0c7792; -webkit-box-shadow: 0px 10px 30px rgba(12,119,146,0.2); box-shadow: 0px 10px 30px rgba(12,119,146,0.2) }
.doctor-list-wrap .doctor-list li .detail { position: relative; height: 122px; padding-left: 105px; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5 }
.doctor-list-wrap .doctor-list li .detail .thumb { position: absolute; top: 0; left: 0; width: 85px; height: 116px; overflow: hidden; border-radius: 5px }
.doctor-list-wrap .doctor-list li .detail .thumb img { display: block; width: 100%; height: 100% }
.doctor-list-wrap .doctor-list li .detail h2 { font-size: 18px }
.doctor-list-wrap .doctor-list li .detail h2 a { color: #0c7792 }
.doctor-list-wrap .doctor-list li .detail h2 a:hover { color: #ff9f53 }
.doctor-list-wrap .doctor-list li .detail .info { line-height: 27px }
.doctor-list-wrap .doctor-list li .detail .info>div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.doctor-list-wrap .doctor-list li .detail .info>div.depart-info { font-size: 0 }
.doctor-list-wrap .doctor-list li .detail .info>div.depart-info u, .doctor-list-wrap .doctor-list li .detail .info>div.depart-info a { font-size: 14px }
.doctor-list-wrap .doctor-list li .detail .info u { color: #999 }
.doctor-list-wrap .doctor-list li p { color: #666; line-height: 22px; max-height: 66px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box !important }
.doctor-list-wrap .doctor-list li .code-box { position: absolute; top: 4px; right: 4px; width: 32px; height: 32px; overflow: visible; cursor: pointer }
.doctor-list-wrap .doctor-list li .code-box i { font-size: 32px; height: 32px; color: #a9a9a9; line-height: 1; -webkit-transition: color .3s; transition: color .3s }
.doctor-list-wrap .doctor-list li .code-box .code { display: none; position: absolute; right: 0; top: 1px; background-color: #fff; z-index: 1; border: 1px solid #ccc; -webkit-box-shadow: 0 5px 20px rgba(174,174,174,0.5); box-shadow: 0 5px 20px rgba(174,174,174,0.5) }
.doctor-list-wrap .doctor-list li .code-box .code img { display: block; margin: 10px }
.doctor-list-wrap .doctor-list li .code-box .code u { font-size: 12px; display: block; text-align: center; padding: 5px; background-color: #f2f2f2 }
.doctor-list-wrap .doctor-list li .code-box:hover i { color: #0c7792 }
.doctor-list-wrap .doctor-list li .code-box:hover .code { display: block }
.doctor-details { border-bottom: 1px solid #e4e4e4; overflow: hidden; margin-bottom: 40px; margin-top: -30px; min-height: 258px }
.doctor-details>.layout { position: relative }
.doctor-details .doctor-resume { padding: 29px 0; width: 745px; position: relative; padding-left: 165px }
.doctor-details .doctor-resume .doctor-img { position: absolute; top: 29px; left: 0; width: 144px; height: 200px; overflow: hidden }
.doctor-details .doctor-resume .doctor-img img { width: 144px; height: 200px }
.doctor-details .doctor-resume h1 { font-size: 28px; color: #0c7792; line-height: 44px; margin-bottom: 8px }
.doctor-details .doctor-resume p { line-height: 30px; font-size: 15px; margin-bottom: 0 }
.doctor-details .doctor-resume p i { font-size: 16px; color: #0c7792; margin-left: 4px; position: relative; top: 1px }
.doctor-details .doctor-resume p u { color: #999 }
.doctor-details .doctor-resume .good-at { line-height: 24px }
.doctor-details .doctor-code { width: 270px; position: absolute; height: 100%; top: 0; right: 0; text-align: right; font-size: 0; min-height: 259px }
.doctor-details .doctor-code .qr-img { width: 233px; min-height: 228px; border-left: 1px solid #e4e4e4; text-align: center; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 30px; color: #999; font-size: 15px; display: inline-block }
.doctor-details .doctor-code .qr-img img { width: 157px; height: 157px; display: block; margin: 0 auto 15px }
.doctor-items .doctor-items-intro { font-size: 16px; padding-bottom: 15px }
.doctor-items .inner-list-tit .remark { font-size: 14px; font-weight: normal; margin-left: 10px; display: inline-block; color: #999 }
.doctor-items .apply-btn { padding: 0 10px; height: 24px; border-radius: 3px; text-align: center; line-height: 24px; margin-left: 10px; background-color: #0c7792; color: #fff }
.doctor-items .apply-btn i { font-size: 13px; opacity: .9 }
.doctor-items .apply-btn:hover { background-color: #ff9f53; color: #fff }
.doctor-items .doctor-clinic .clinic-table-wrap { min-height: 185px; padding-bottom: 15px }
.doctor-items .doctor-clinic .loading { background: url(../images/loadingex.gif) center no-repeat; width: 100%; height: 138px; background-size: 4%; display: block }
.doctor-items .doctor-clinic h3 { margin: 20px 0 10px; font-weight: normal }
.doctor-items .doctor-clinic h3 span { color: #999 }
.doctor-items .doctor-clinic table tr { border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4 }
.doctor-items .doctor-clinic table tr td:first-child, .doctor-items .doctor-clinic table tr td:last-child { width: 99px }
.doctor-items .doctor-clinic table td { height: 68px; width: 144px; text-align: center; border-left: 1px solid #e4e4e4 }
.doctor-items .doctor-clinic table td>div { position: relative }
.doctor-items .week-list { position: relative; height: 80px; border: 1px solid #e4e4e4; border-bottom: none; background-color: #f2f2f2 }
.doctor-items .week-list a { position: absolute; top: 0; width: 99px; height: 80px; line-height: 80px; text-align: center; color: #ccc }
.doctor-items .week-list a i { width: 26px; height: 26px; line-height: 26px; border: 1px solid #ccc; border-radius: 50% }
.doctor-items .week-list a:not(.disabled) i { border-color: #0c7792; color: #0c7792 }
.doctor-items .week-list a.disabled { color: #ccc; cursor: default; border-color: #ccc }
.doctor-items .week-list a.last-wk { left: 0 }
.doctor-items .week-list a.next-wk { right: 0 }
.doctor-items .week-list .week-wrap { overflow: hidden; height: 79px; width: 1003px; margin: 0 auto }
.doctor-items .week-list .week-wrap ul { overflow: hidden; border-right: 1px solid #e4e4e4 }
.doctor-items .week-list .week-wrap ul li { float: left; width: 143px; text-align: center; padding: 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #e4e4e4 }
.doctor-items .week-list .week-wrap ul li:nth-child(7n) { width: 144px }
.doctor-items .tab-pannel-wrap { height: 190px }
.doctor-items .relation-list { margin-bottom: 30px }
.doctor-items .relation-list.relation-paper-list li { padding-left: 0 }
.doctor-items .relation-list li { width: 48.5%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; padding-left: 113px; height: 95px; position: relative }
.doctor-items .relation-list li.nothumb { padding-left: 0 }
.doctor-items .relation-list li:nth-child(2n+1) { padding-right: 40px; border-right: 1px solid #e4e4e4; margin-right: 3% }
.doctor-items .relation-list li .thumb { width: 95px; height: 65px; overflow: hidden; position: absolute; left: 0; top: 15px }
.doctor-items .relation-list li .thumb img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.doctor-items .relation-list li .thumb:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.doctor-items .relation-list li .thumb i { color: #fff; text-align: right; position: absolute; left: 0; bottom: 0; font-size: 26px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; height: 70px; background: url(../images/news-slide-mark.png); padding: 40px 5px 10px }
.doctor-items .relation-list li .title { line-height: 30px; max-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important; font-size: 18px; margin-bottom: 15px; color: #666 }
.doctor-items .relation-list li .title:hover { color: #ff9f53 }
.doctor-items .relation-list li .mark { color: #999 }
.doctor-items .relation-list li .mark u { padding: 0 10px; font-size: 12px; color: #c7c5c5; position: relative; top: -1px }
.inner-news-split>.fl { width: 860px }
.inner-news-split>.fr { width: 280px }
.news-list li { border-bottom: 1px dashed #cdcdcd; padding-top: 25px; padding-bottom: 24px; height: 150px; position: relative }
.news-list li.hasthumb { padding-left: 285px }
.news-list li.hasthumb .label { top: 37px }
.news-list li:last-child { border-bottom: none }
.news-list li .thumb { position: absolute; left: 0; top: 25px; width: 260px; height: 150px; overflow: hidden }
.news-list li .thumb img { display: block; width: 100%; height: 100% }
.news-list li .label { height: 24px; padding: 0 17px; line-height: 24px; border-radius: 12px; color: #fff; font-weight: normal; font-size: 12px; background-color: #757070; background-color: rgba(51,51,51,0.7); position: absolute; top: 26px; left: 10px }
.news-list li .title { line-height: 26px; max-height: 105px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box !important; margin-bottom: 20px }
.news-list li h2 { font-size: 20px; margin-bottom: 15px }
.news-list li h2.nothumb { padding-left: 108px }
.news-list li p { color: #797979; line-height: 20px; margin-bottom: 0 }
.news-list li .info { font-size: 13px; color: #999; line-height: 29px }
.news-list li .info .mark { color: #999 }
.news-list li .info .mark u { padding: 0 10px; font-size: 12px; color: #c7c5c5; position: relative; top: -1px }
.news-list li .info .share { cursor: pointer; position: relative }
.news-list li .info .share:hover span { background: #fff; border-color: #ddd }
.news-list li .info .share:hover .bdsharebuttonbox { display: block }
.news-list li .info .share i { margin-right: 5px; color: #084ba8 }
.news-list li .info .share span { display: block; height: 28px; position: relative; border: 1px solid transparent; border-bottom: none; padding: 0 10px; z-index: 2 }
.news-list li .info .share .bdsharebuttonbox { display: none; position: absolute; right: 0; top: 28px; z-index: 1; background: #fff; padding: 10px 15px; border: 1px solid #ddd; width: 123px }
.news-list li .info .share .bdsharebuttonbox a { display: block; float: none; font-size: 14px; margin-right: 0; width: 100% }
.news-list li .info .share .bdsharebuttonbox a:before { content: attr(title); margin-left: 5px }
.hot-news-list li { padding: 10px 0 9px; border-bottom: 1px dashed #cdcdcd }
.hot-news-list li:last-child { border-bottom: none }
.hot-news-list li a { padding-left: 48px; position: relative; white-space: normal; height: 40px; line-height: 20px; display: table-cell; vertical-align: middle }
.hot-news-list li a em { position: absolute; left: 0; top: 4px; width: 32px; height: 32px; border-radius: 2px; line-height: 32px; text-align: center; color: #fff; background-color: #9a9a9a }
.hot-news-list li a em.top1 { background-color: #ea5501 }
.hot-news-list li a em.top2 { background-color: #179ed8 }
.hot-news-list li a em.top3 { background-color: #04ca97 }
.video-news-list li+li { margin-top: 30px }
.video-news-list li .thumb { width: 280px; height: 170px; overflow: hidden; display: block; position: relative; margin-bottom: 10px }
.video-news-list li .thumb img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.video-news-list li .thumb:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.video-news-list li .thumb i { color: #fff; text-align: right; position: absolute; left: 0; bottom: 0; font-size: 36px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; height: 70px; background: url(../images/news-slide-mark.png); padding: 25px 10px 10px }
.video-news-list li .title { height: 40px; line-height: 20px; display: table-cell; vertical-align: middle }
.img-news-list li+li { margin-top: 30px }
.img-news-list li .thumb { width: 280px; height: 170px; overflow: hidden; display: block; margin-bottom: 10px }
.img-news-list li .thumb img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.img-news-list li .thumb:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.img-news-list li .title { height: 40px; line-height: 20px; display: table-cell; vertical-align: middle }
.info-list li, .text-list li, .download-list li { padding: 15px 0; height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px dashed #e4e4e4; line-height: 1.5; overflow: hidden; position: relative; font-size: 16px }
.info-list li:last-child, .text-list li:last-child, .download-list li:last-child { border-bottom: none }
.info-list li a, .text-list li a, .download-list li a { display: inline-block; max-width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.info-list li span, .text-list li span, .download-list li span { color: #999; font-size: 14px; position: absolute; right: 0; top: 15px }
.info-list li u, .text-list li u, .download-list li u { color: #e8e4e8; padding: 0 5px }
.info-list li a:before { content: '•'; color: #999; margin-right: 3px }
.download-list li:hover a.dl-icon:before { color: #ff9f53 }
.download-list li:hover a.dl-icon.doc:before, .download-list li:hover a.dl-icon.docx:before { color: #4568a0 }
.download-list li:hover a.dl-icon.xls:before, .download-list li:hover a.dl-icon.xlsx:before { color: #378458 }
.download-list li:hover a.dl-icon.ppt:before, .download-list li:hover a.dl-icon.pptx:before { color: #db6340 }
.download-list li:hover a.dl-icon.pdf:before { color: #e81f05 }
.download-list li:hover a.dl-icon.rar:before { color: #ff5056 }
.download-list li:hover a.dl-icon.zip:before { color: #a372db }
.download-list li:hover a.dl-icon.swf:before { color: #bb041a }
.download-list li:hover a.dl-icon.txt:before { color: #8fa4b5 }
.download-list li a.download { position: absolute; border-radius: 3px; top: 5px; right: 0; width: 70px; line-height: 24px; font-size: 12px; background: #0c7792; color: #fff; display: inline-block; padding: 3px 15px }
.download-list li a.download:hover { background: #ff9f53 }
.download-list li a.download i { margin-right: 5px }
.download-list li a.dl-icon { padding-left: 30px; position: relative }
.download-list li a.dl-icon:before { left: 0; font-size: 22px; color: #0c7792; content: "\e663"; display: block; font-family: "iconfont"; position: absolute; top: -7px }
.download-list li a.dl-icon.doc:before, .download-list li a.dl-icon.docx:before { content: "\e667" }
.download-list li a.dl-icon.xls:before, .download-list li a.dl-icon.xlsx:before { content: "\e668" }
.download-list li a.dl-icon.ppt:before, .download-list li a.dl-icon.pptx:before { content: "\e660" }
.download-list li a.dl-icon.pdf:before { content: "\e68f" }
.download-list li a.dl-icon.rar:before { content: "\e665" }
.download-list li a.dl-icon.zip:before { content: "\e661" }
.download-list li a.dl-icon.swf:before { content: "\e7c0" }
.download-list li a.dl-icon.txt:before { content: "\e664" }
.paper-filter.filter .paper-form { border-bottom: 1px dashed #e4e4e4; padding-bottom: 20px }
.paper-filter.filter dl { border-top: none }
.paper-filter.filter dl dt { height: 40px; line-height: 40px; top: 10px }
.paper-filter.filter dl dd .paper-search { position: relative }
.paper-filter.filter dl dd .paper-search .doctor-name { line-height: 40px; height: 40px; padding: 5px 15px; width: 370px; border: 1px solid #ddd; border-right: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 5px; border-bottom-left-radius: 5px }
.paper-filter.filter dl dd .paper-search .btn { width: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; border-top-right-radius: 5px; border-bottom-right-radius: 5px }
.paper-filter.filter dl dd .paper-select { width: 118px; line-height: 40px; height: 40px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; border: 1px solid #e4e4e4; margin-right: 15px }
.paper-filter.filter dl dd .paper-btn { width: 80px; line-height: 40px; height: 40px; border-radius: 5px; color: #fff }
.paper-filter.filter dl dd>a { height: 30px; line-height: 30px; border-radius: 3px; padding: 0 15px }
.paper-filter.filter dl dd>a.cur { background: #0e86a5; color: #fff }
.newspaper-list { padding: 20px 0; margin-left: -1%; margin-right: -1% }
.newspaper-list li { float: left; width: 14.66%; height: 264px; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
.newspaper-list li a { display: block; border: 1px solid #e4e4e4; width: 100%; height: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden }
.newspaper-list li a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.newspaper-list li a .newspaper-list-item-img { height: 100%; width: 100% }
.newspaper-list li a .newspaper-list-item-img img { display: block; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; width: 100%; height: 100% }
.newspaper-list li a span { line-height: 50px; height: 50px; text-align: center; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #04a28e; background-color: rgba(4,162,142,0.8) }
.video-list ul { margin-left: -0.5%; margin-right: -0.5% }
.video-list ul li { width: 24%; margin-bottom: 11px; float: left; margin-left: 0.5%; margin-right: 0.5% }
.video-list ul li a { line-height: 45px; height: 45px; overflow: hidden; text-align: center; display: block; padding: 0 20px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.video-list ul li .vdimg { -webkit-box-sizing: border-box; box-sizing: border-box; height: 221px; border: 1px solid #c9c9c9; padding: 6px; display: block; font-size: 0; line-height: 0; position: relative; overflow: hidden; position: relative }
.video-list ul li .vdimg i { position: absolute; bottom: 12px; right: 12px; background-color: #0c7792; font-size: 20px; color: #fff; text-align: center; border-radius: 4px; width: 47px; height: 47px; line-height: 47px; transition: background-color 0.3s; -webkit-transition: background-color 0.3s }
.video-list ul li .vdimg img { width: 100%; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; height: 100% }
.video-list ul li .vdimg>div { width: 100%; height: 100%; overflow: hidden }
.video-list ul li .vdimg :hover i { background-color: #ff9f53 }
.video-list ul li .vdimg :hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.imgs-list ul { margin-left: -2.5%; margin-right: -2.5% }
.imgs-list ul li { float: left; width: 28.3%; margin: 0 2.5% 25px 2.5%; height: 306px }
.imgs-list ul li .il-link { width: 100%; display: block; position: relative }
.imgs-list ul li .il-link:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.imgs-list ul li .il-link:hover .il-img:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.imgs-list ul li .il-link:hover .il-img:before { opacity: .9; filter: alpha(opacity=90) }
.imgs-list ul li .il-link .il-tit { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 40px; line-height: 40px; border-bottom: 1px solid #d7d7d7; font-weight: normal }
.imgs-list ul li .il-link .il-img { font-size: 0; line-height: 0; position: relative; height: 237px }
.imgs-list ul li .il-link .il-img:after, .imgs-list ul li .il-link .il-img:before { -webkit-transition: opacity .48s; transition: opacity .48s; display: block; content: ""; position: absolute; opacity: 0; filter: alpha(opacity=0) }
.imgs-list ul li .il-link .il-img:before { background-color: #0c7792; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0px 5px 5px rgba(148,148,148,0.5); box-shadow: 0px 5px 5px rgba(148,148,148,0.5) }
.imgs-list ul li .il-link .il-img:after { -webkit-transition: all .24s ease; transition: all .24s ease; z-index: 3; content: "\e650"; width: 50px; height: 50px; line-height: 1; font-size: 50px; text-align: center; color: #fff; font-family: "iconfont"; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px }
.imgs-list ul li .il-link .il-img .il-img-wp { width: 100%; height: 100%; overflow: hidden }
.imgs-list ul li .il-link .il-img .il-img-wp img { width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.68s; transition: -webkit-transform 0.68s; transition: transform 0.68s; transition: transform 0.68s, -webkit-transform 0.68s }
.imgs-list ul li span { font-size: 12px; display: block; padding-top: 7px; color: #999 }
.imgs-list ul li span u { color: #e8e4e8; margin: 0 5px }
.imgnews-list ul { margin-left: -2.5%; margin-right: -2.5% }
.imgnews-list ul li { float: left; width: 28.3%; margin: 0 2.5% 25px 2.5%; height: 277px }
.imgnews-list ul li .il-link { width: 100%; display: block; position: relative }
.imgnews-list ul li .il-link:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.imgnews-list ul li .il-link .il-tit { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 40px; line-height: 40px; font-weight: normal }
.imgnews-list ul li .il-link .il-img { font-size: 0; line-height: 0; position: relative; height: 237px }
.imgnews-list ul li .il-link .il-img .il-img-wp { width: 100%; height: 100%; overflow: hidden }
.imgnews-list ul li .il-link .il-img .il-img-wp img { width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.68s; transition: -webkit-transform 0.68s; transition: transform 0.68s; transition: transform 0.68s, -webkit-transform 0.68s }
.imgnews-list ul li span { font-size: 12px; display: block; padding-top: 7px; color: #999 }
.imgnews-list ul li span u { color: #e8e4e8; margin: 0 5px }
.pic-list ul { margin-left: -2.5%; margin-right: -2.5% }
.pic-list ul li { float: left; width: 28.3%; margin: 0 2.5% 40px 2.5%; overflow: hidden }
.pic-list ul li .pl-link { position: relative; overflow: hidden; display: block; height: 260px; color: #fff }
.pic-list ul li .pl-link:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/news-slide-mark.png) center 140px no-repeat; content: '' }
.pic-list ul li .pl-link:hover i { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: .8; filter: alpha(opacity=80) }
.pic-list ul li .pl-link:hover .pl-tit span { -webkit-transform: translateY(-20px); transform: translateY(-20px) }
.pic-list ul li .pl-link:hover .pl-tit h3 { -webkit-transform: translateY(-20px); transform: translateY(-20px) }
.pic-list ul li .pl-link:hover .pl-tit { text-align: center; bottom: 48px; background: none }
.pic-list ul li .pl-link:hover .pl-img img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.pic-list ul li .pl-link:hover .pl-img:before { opacity: .8; filter: alpha(opacity=80) }
.pic-list ul li .pl-link .pl-img { font-size: 0; line-height: 0; position: relative; overflow: hidden; height: 100% }
.pic-list ul li .pl-link .pl-img:before { background-color: #0c7792; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 }
.pic-list ul li .pl-link .pl-img img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -o-object-fit: cover; object-fit: cover }
.pic-list ul li .pl-tit { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.48s cubic-bezier(0.19, 1, 0.22, 1); transition: 0.48s cubic-bezier(0.19, 1, 0.22, 1) }
.pic-list ul li .pl-tit i { font-size: 44px; display: inline-block; height: 50px; line-height: 50px; filter: alpha(opacity=0); opacity: 0 }
.pic-list ul li .pl-tit span { display: block; font-size: 13px; -webkit-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transform: translateY(0); transform: translateY(0); transition-delay: .1s; -webkit-transition-delay: .1s }
.pic-list ul li .pl-tit h3 { text-overflow: ellipsis; line-height: 20px; font-weight: normal; font-size: 16px; margin-top: 5px; -webkit-transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transform: translateY(0); transform: translateY(0); transition-delay: .15s; -webkit-transition-delay: .15s }
.pictxt-list li { position: relative; height: 110px; padding-bottom: 20px; overflow: hidden; margin-bottom: 20px; border-bottom: 1px dashed #e4e4e4 }
.pictxt-list li .item-pic { position: absolute; top: 0; left: 0; width: 165px; height: 110px; overflow: hidden }
.pictxt-list li .item-pic img { width: 165px; height: 110px }
.pictxt-list li .item-info { margin-left: 180px }
.pictxt-list li .item-info h2 { font-size: 20px; font-weight: normal }
.pictxt-list li .item-info p { color: #999; line-height: 1.5 }
.person-list { margin-right: -32px }
.person-list ul li { width: 144px; height: 254px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f2f2f2; float: left; text-align: center; margin-right: 32px; margin-bottom: 32px }
.person-list ul li .thumb { width: 100%; height: 200px; overflow: hidden; display: block; position: relative }
.person-list ul li .thumb:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.person-list ul li .thumb img { width: 100%; height: 200px; display: block; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.person-list ul li .tit { display: block; margin: 10px auto; line-height: 21px; font-size: 16px; font-weight: bold; line-height: 30px; max-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important }
.doctor-min-list { margin-right: -32px }
.doctor-min-list li { width: 144px; height: 290px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f2f2f2; float: left; text-align: center; margin-right: 32px; margin-bottom: 32px; -webkit-transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s }
.doctor-min-list li:hover { -webkit-box-shadow: 0px 10px 30px rgba(3,165,96,0.2); box-shadow: 0px 10px 30px rgba(3,165,96,0.2); border-color: #0c7792 }
.doctor-min-list li .thumb { width: 100%; height: 200px; overflow: hidden; display: block; position: relative }
.doctor-min-list li .thumb:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.doctor-min-list li .thumb img { width: 100%; height: 200px; display: block; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.doctor-min-list li .tit { display: block; margin: 10px auto; line-height: 21px; font-size: 16px; font-weight: bold; color: #0c7792 }
.doctor-min-list li .tit:after { content: ''; width: 24px; height: 2px; background-color: #0c7792; display: block; margin: 8px auto }
.doctor-min-list li p { color: #999 }
.special-list ul { margin-left: -1%; margin-right: -1% }
.special-list ul li { width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 25px; float: left; overflow: hidden }
.special-list ul li a { display: block; height: 143px; position: relative }
.special-list ul li a:after { content: ""; height: 2px; width: 0; position: absolute; bottom: 0; left: 0; display: block; background-color: #0c7792; -webkit-transition: .3s ease; transition: .3s ease }
.special-list ul li a:hover:after { width: 100% }
.special-list ul li a img { width: 100%; height: 102px; display: block }
.special-list ul li a span { height: 40px; line-height: 40px; border-bottom: 1px solid #d7d7d7; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.history-journey { position: relative }
.history-journey:after, .history-journey:before { content: ''; position: absolute; border-radius: 50%; width: 30px; height: 30px; bottom: -15px; left: 20px }
.history-journey:before { background-color: #0c7792 }
.history-journey .history-time { font-size: 30px }
.history-journey .history-detail { padding-bottom: 10px; background-size: cover; margin-left: 35px; border-left: 1px solid #999; padding-left: 112px; -webkit-box-sizing: border-box; box-sizing: border-box }
.history-journey .history-detail .history-pic { background-size: cover; position: relative }
.history-journey .history-detail .history-pic:after { content: ""; background-color: #0c7792; opacity: .9; filter: alpha(opacity=90); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 }
.history-journey .history-detail .history-pic h3, .history-journey .history-detail .history-pic img { z-index: 2 }
.history-journey .history-detail .history-pic h3 { font-size: 16px; color: #fff; font-weight: normal; position: relative; padding: 20px 225px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: justify }
.history-journey .history-detail .history-pic h3.noimg { padding: 20px }
.history-journey .history-detail .history-pic a { display: block; position: absolute; right: 10px; top: -25px; z-index: 2 }
.history-journey .history-detail .history-pic a img { display: block; width: 150px; height: 86px }
.history-journey .history-detail ul { margin-top: 25px }
.history-journey .history-detail ul li { font-size: 16px; margin-bottom: 30px; position: relative; padding-left: 15px; line-height: 35px }
.history-journey .history-detail ul li:after, .history-journey .history-detail ul li:before { content: ""; display: block; position: absolute }
.history-journey .history-detail ul li:after { width: 33px; height: 33px; background: url(../images/history-point.png) center no-repeat; top: 0; left: -130px }
.history-journey .history-detail ul li:before { width: 70px; height: 0px; border-bottom: 1px dotted #999; top: 17px; left: -97px }
.history-journey .history-detail ul li span { font-size: 20px; position: absolute; top: 0; left: 0; color: #333 }
.leader-list .leader-list-box { text-align: center }
.leader-list .leader-list-box .leader-list-item { width: 230px; height: 366px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e4e4e4; vertical-align: top; margin: 22px 22px; display: inline-block }
.leader-list .leader-list-box .leader-list-item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.leader-list .leader-list-box .leader-list-item a { display: block; padding: 15px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box }
.leader-list .leader-list-box .leader-list-item .thumb { width: 200px; height: 270px; overflow: hidden }
.leader-list .leader-list-box .leader-list-item .thumb img { display: block; width: 200px; height: 270px; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.leader-list .leader-list-box .leader-list-item h2 { color: #999; font-size: 16px; font-weight: normal; margin-top: 10px }
.leader-list .leader-list-box .leader-list-item h2 b { color: #0c7792; padding-right: 5px }
.leader-list .leadership-tit { line-height: 50px; border-bottom: 1px solid #e4e4e4; text-align: center; font-size: 16px; margin-bottom: 25px }
.leader-list .leadership-list-box { margin-right: -24px }
.leader-list .leadership-list-box .leader-list-item { width: 180px; height: 325px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e4e4e4; margin-right: 24px; margin-bottom: 24px; float: left }
.leader-list .leadership-list-box .leader-list-item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.leader-list .leadership-list-box .leader-list-item a { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box }
.leader-list .leadership-list-box .leader-list-item .thumb { width: 180px; height: 240px; overflow: hidden }
.leader-list .leadership-list-box .leader-list-item .thumb img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.leader-list .leadership-list-box .leader-list-item h2 { color: #999; font-weight: normal; margin-top: 10px; text-align: center }
.leader-list .leadership-list-box .leader-list-item h2 b { color: #0c7792; padding-right: 5px; display: block; font-size: 15px }
.leader-list .leadership-list-box .leader-list-item h2 span { display: block; line-height: 1.4; font-size: 12px; margin-top: 5px; padding: 0 5px }
.leader-list .remember-banner { position: relative; background: url(../images/remember-bg.jpg) right center no-repeat #786051; height: 213px; margin-top: 15px }
.leader-list .remember-banner img { position: absolute; top: 25px; left: 25px }
.leader-list .remember-banner p { display: block; padding: 25px 500px 0 170px; color: #e8d3c5 }
.history-photo ul { margin-left: -.5%; margin-right: -.5% }
.history-photo ul li { float: left; width: 24%; margin: 0 .5% 25px .5% }
.history-photo ul li a, .history-photo ul li span { display: block }
.history-photo ul li a { display: block; background: #e7e7e7; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s }
.history-photo ul li a p { padding: 15px; line-height: 1.5; margin-top: 5px; margin-bottom: 0 }
.history-photo ul li a .thumb { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; overflow: hidden }
.history-photo ul li a .thumb img { width: 100%; display: block; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.history-photo ul li a:hover { background-color: #0c7792; color: #fff }
.history-photo ul li a:hover .thumb { opacity: .3; filter: alpha(opacity=30) }
.history-photo ul li a:hover .thumb img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.load-more { background: #e7e7e7; height: 40px; line-height: 40px; text-align: center }
.load-more a { display: block; height: 40px; line-height: 40px; transition: background 0.3s; -webkit-transition: background 0.3s }
.load-more a:hover { background: #ddd }
.load-more a i { margin-right: 5px }
.load-more a img { vertical-align: middle; margin-right: 5px }
.key-list-wrap ul { margin-left: -1.5%; margin-right: -1.5% }
.key-list-wrap ul li { float: left; width: 22%; margin: 0 1.5% 25px 1.5%; height: 225px; -webkit-transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s; text-align: center; background-color: #fff; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box }
.key-list-wrap ul li:hover { border-color: #0c7792; -webkit-box-shadow: 0px 10px 30px rgba(12,119,146,0.2); box-shadow: 0px 10px 30px rgba(12,119,146,0.2) }
.key-list-wrap ul li a { display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 25px }
.key-list-wrap ul li a h4 { font-size: 18px; font-weight: normal; margin: 15px auto; line-height: 32px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important }
.key-list-wrap ul li a p { color: #999; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important; text-align: justify; margin-bottom: 20px }
.key-list-wrap ul li a div { margin: 0 auto; line-height: 40px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; color: #0c7792 }
.key-list-wrap ul li a div i { font-size: 12px }
.teacher-list-wrap ul { margin-left: -1.5%; margin-right: -1.5% }
.teacher-list-wrap ul li { float: left; width: 22%; margin: 0 1.5% 25px 1.5%; -webkit-transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, -webkit-box-shadow .3s; transition: border-color .3s, box-shadow .3s; transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s; text-align: center; background-color: #fff; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box }
.teacher-list-wrap ul li:hover { border-color: #0c7792; -webkit-box-shadow: 0px 10px 30px rgba(12,119,146,0.2); box-shadow: 0px 10px 30px rgba(12,119,146,0.2) }
.teacher-list-wrap ul li a { display: block; height: 80px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 16px }
.teacher-list-wrap ul li a:after { content: ""; display: block; width: 30px; height: 1px; background-color: #0c7792; position: absolute; bottom: 20px; left: 50%; margin-left: -15px }
.ranking ul .strong { font-weight: bold; background-color: #f8f8f8; line-height: 50px }
.ranking ul li { overflow: hidden; line-height: 40px; border-bottom: 1px dashed #ddd; padding: 0 10px }
.ranking ul li span { display: block; float: left }
.ranking ul li span.No { width: 80px }
.site-map dl { padding: 10px 0; border-bottom: 1px dashed #ddd }
.site-map dl dt { font-size: 16px; line-height: 30px; font-weight: bold }
.site-map dl dd { overflow: hidden }
.site-map dl dd span { display: block; margin-right: 10px; float: left }
.site-map dl dd span a:after { content: "|"; color: #ddd; margin-left: 10px }
.site-map dl dd span:last-child a:after { content: "" }
.site-map dl dd p { overflow: hidden }
.site-map dl dd strong { display: block; color: #999 }
.pager { overflow: hidden; text-align: right; padding: 20px 0 40px }
.pager a, .pager button { background: #f1eff0; color: #999 }
.pager a, .pager span, .pager input, .pager button { display: inline-block; vertical-align: middle; line-height: 46px !important; height: 46px !important; padding: 0 18px !important; border-radius: 3px; margin-left: 5px; -webkit-box-sizing: border-box; box-sizing: border-box }
.pager a.cur { background: #0c7792; color: #fff !important }
.pager a:hover { background: #ddd; color: #444 }
.pager a.disabled { background: #f1eff0; color: #ccc6c6; cursor: default }
.pager a.disabled:hover { background: #f1eff0; color: #ddd; cursor: default }
.pager span { background: #f1eff0 }
.pager input { padding-right: 0 !important; padding-left: 10px !important; width: 72px !important; border: 1px solid #e4e4e4 }
.pager button { -webkit-transition: .3s; transition: .3s; border: none }
.pager button:hover { background-color: #0096d7; color: #fff }
.reader-list .reader-list-item { border-bottom: 1px dashed #ddd; padding-bottom: 15px }
.reader-list .reader-list-item .mark { color: #999 }
.reader-list .reader-list-item .reader-question { position: relative; padding-right: 100px }
.reader-list .reader-list-item .reader-question .switch-bar { position: absolute; right: 0; top: 0; font-weight: bold }
.reader-list .reader-list-item .reader-answer { display: none; margin-top: 10px; padding: 10px; background: #f8f8f8; border: 1px solid #ddd }
.hr-search { position: relative; width: 400px }
.hr-search i { position: absolute; left: 0; top: 0; width: 40px; text-align: center; line-height: 40px; color: #0c7792 }
.hr-search input.hr-job { width: 400px; padding: 7px 60px 7px 40px; border: 1px solid #0c7792; line-height: 18px }
.hr-search .hr-search-btn { position: absolute; right: 0; top: 0; width: 55px; height: 40px }
.job-list .list-tit { margin-bottom: 20px; border-bottom: 2px solid #e4e4e4 }
.job-list .list-tit h2 { font-size: 28px; color: #0c7792; line-height: 1 }
.job-list .job-head { line-height: 40px; border-bottom: 1px solid #f2f6fd }
.job-list .job-head span { font-weight: bold; font-size: 16px }
.job-list li { position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #f2f6fd; -webkit-transition: background-color .3s; transition: background-color .3s }
.job-list li:hover { background-color: #fcfcfc }
.job-list li:hover .operate { display: block }
.job-list li span { font-size: 14px }
.job-list li [class*="col"] { display: block; height: 100% }
.job-list a:hover span { color: #0c7792 }
.job-list .col-8 { width: 60% }
.job-list .col-4 { width: 35% }
.job-list .col-3 { width: 16% }
.job-list .col-1 { width: 13% }
.file-text { font-size: 15px; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #0c7792 }
.file-text:before { content: "•"; font-weight: bold; color: #0c7792; margin-right: 5px }
.file-name { width: 80%; padding-right: 78px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative }
.operate { position: absolute; right: 0; top: 0; height: 100%; width: 78px; display: none }
.operate a { display: inline-block; position: relative; width: 30px; height: 100%; text-align: center; font-weight: bold; line-height: 45px }
.operate a:before { font-family: "iconfont"; font-size: 18px; vertical-align: top; margin-right: 5px; color: #0c7792 }
.operate a em { position: absolute; bottom: 0; right: 0; display: none }
.operate .a-job:before { content: "\e640" }
.operate .a-job:before:before {
content:"\e641"
}
.operate .f-job:before { content: "\e631" }
.operate .f-job:before:before {
content:"\e632"
}
.j-btn { display: inline-block }
.content .hr-tit { position: relative; height: 38px; padding: 0; line-height: 38px; color: #666; font-size: 16px; background-color: #f5f5f5 }
.content .hr-tit:before { content: ''; display: inline-block; width: 5px; height: 20px; margin-right: 10px; vertical-align: middle; background: #0c7792 }
.content .hr-msg { padding: 15px 15px }
.content .hr-msg p { font-size: 14px; margin-bottom: 0 !important }
.hr-content { margin-top: 25px }
.hr-detail { background-color: #f5f5f5; padding: 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box }
.hr-info>.fl { width: 85% }
.hr-info h1 { font-weight: bold; padding: 0 0 10px; font-size: 16px }
.hr-info .hr-keyword { position: relative; min-width: 30%; color: #999 }
.hr-info .hr-keyword strong { font-weight: normal; color: #444 }
.hr-operate { padding-top: 15px }
.hr-operate a { display: block; width: 110px; margin-bottom: 10px }
.hr-operate a:before { font-family: "iconfont"; font-size: 16px; vertical-align: top; margin-right: 5px }
.job-apply:before { content: "\e640" }
.job-apply.applied:before { content: "\e641" }
.hr-operate .job-apply.disabled { background: #f1f1f1; border-color: #aaa; color: #aaa; cursor: no-drop }
.job-follow:before { content: "\e631" }
.job-follow.followed:before { content: "\e632" }
.job-info-bottm { color: #999; line-height: 40px; border-top: 1px solid #f2f2f2; overflow: hidden; margin-top: 15px }
.content, .pic-show { text-align: justify }
.content .content-title, .pic-show .content-title { font-size: 32px; line-height: 1.5; font-weight: bold; padding: 8px 0; color: #555 }
.content .content-title span, .pic-show .content-title span { font-size: 14px; color: #666 }
.content .news-info, .pic-show .news-info { color: #999; line-height: 40px; border-bottom: 1px solid #ddd; overflow: hidden }
.content .news-info .content-mark span, .pic-show .news-info .content-mark span { font-size: 14px; margin-right: 10px }
.content .news-info .share a, .pic-show .news-info .share a { vertical-align: middle }
.content .news-info .share span, .pic-show .news-info .share span { display: inline-block }
.content .news-content, .pic-show .news-content { padding-top: 15px; padding-bottom: 15px; font-size: 16px; text-align: justify }
.content .news-content img, .pic-show .news-content img { max-width: 100% !important; display: block; margin-right: auto; margin-left: auto }
.content .news-content p, .pic-show .news-content p { margin: 0 0 9px !important }
.content .news-content .keylink, .pic-show .news-content .keylink { color: #0c7792; border-bottom: 1px dashed #0c7792 }
.content .news-content p, .content .news-content span, .content .news-content p span, .pic-show .news-content p, .pic-show .news-content span, .pic-show .news-content p span { font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei UI", "Microsoft YaHei", Arial, SimSun, "Segoe UI", Tahoma, Helvetica, sans-serif !important }
.news-code-wrap { text-align: center }
.news-code-wrap .news-code { width: 132px; margin: 25px auto }
.news-code-wrap .news-code p { color: #999; font-size: 12px }
.news-code-wrap .news-code img { width: 132px; height: 132px }
.page-content .news-content img { display: inline-block }
.news-show>.fl, .video-show>.fl { width: 860px }
.news-show>.fr, .video-show>.fr { width: 280px; margin-bottom: 50px }
.news-footer-share { text-align: right; border-bottom: 3px solid #ccc; padding-bottom: 20px; margin-bottom: 30px }
.has-right .fox-video { min-height: 500px; margin-top: 25px }
.has-right .fox-video .audio-box { height: 430px; background-size: cover }
.has-right .fox-video .audio-box .audio-icon { height: 400px }
.relate-document li { border-bottom: 1px solid #f2f2f2; height: 56px }
.relate-document li:last-child { border: none }
.relate-document li a { display: block; line-height: 56px; padding-left: 30px; padding-left: 60px; position: relative; font-size: 16px; height: 56px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.relate-document li a:after, .relate-document li a:before { display: block; font-family: "iconfont"; position: absolute; top: 0 }
.relate-document li a:after { right: 0; color: #999; font-size: 18px; content: '\e612'; opacity: 0; filter: alpha(opacity=0); -webkit-transition: .3s; transition: .3s }
.relate-document li a:before { left: 0; font-size: 45px; color: #0c7792; content: "\e663" }
.relate-document li a:hover:after { opacity: 1; filter: alpha(opacity=100) }
.relate-document li a:hover:before { color: #ff9f53 }
.relate-document li a.doc:before, .relate-document li a.docx:before { content: "\e667"; color: #295396 }
.relate-document li a.xls:before, .relate-document li a.xlsx:before { content: "\e668"; color: #378458 }
.relate-document li a.ppt:before, .relate-document li a.pptx:before { content: "\e660"; color: #db6340 }
.relate-document li a.pdf:before { content: "\e68f"; color: #ae222f }
.relate-document li a.rar:before { content: "\e665"; color: #ff5056 }
.relate-document li a.zip:before { content: "\e661"; color: #a372db }
.relate-document li a.swf:before { content: "\e7c0"; color: #bb041a }
.relate-document li a.txt:before { content: "\e664"; color: #8fa4b5 }
.news-mark { position: relative; line-height: 36px; color: #a1a1a1; padding-bottom: 20px }
.news-mark>span { margin: 0 10px; font-size: 12px; position: relative; top: -1px }
.news-mark .back-list { height: 68px; line-height: 68px; text-align: center; border-top: 1px solid #e4e4e4 }
.news-mark .back-list .bl-btn { display: inline-block; width: 140px; height: 40px; border-radius: 3px; background-color: #0c7792; color: #fff; text-align: center; line-height: 40px }
.news-mark .back-list .bl-btn:hover { background-color: #ff9f53 }
.news-mark .paging { height: 37px; line-height: 37px; border-top: 1px solid #e4e4e4 }
.news-mark .paging a { color: #333 }
.news-mark .paging a i { margin: 0 15px; opacity: .8 }
.news-mark .paging a:hover span { color: #0c7792 }
.related-news li { padding: 20px 0; padding-left: 153px; height: 78px; position: relative; border-bottom: 1px dashed #e4e4e4 }
.related-news li:last-child { border-bottom: none }
.related-news li.nothumb { padding-left: 0 }
.related-news li .thumb { width: 132px; height: 78px; overflow: hidden; position: absolute; left: 0; top: 20px }
.related-news li .thumb img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.related-news li .thumb:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.related-news li .thumb i { color: #fff; text-align: right; position: absolute; left: 0; bottom: 0; font-size: 26px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; height: 70px; background: url(../images/news-slide-mark.png); padding: 40px 5px 10px }
.related-news li .title { line-height: 30px; max-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important; font-size: 20px; margin-bottom: 15px; color: #666 }
.related-news li .title:hover { color: #ff9f53 }
.related-news li .mark { color: #999 }
.related-news li .mark u { padding: 0 10px; font-size: 12px; color: #c7c5c5; position: relative; top: -1px }
.related-doc li { height: 100px; position: relative; padding: 20px 0 20px 90px; overflow: hidden; border-bottom: 1px dashed #e4e4e4 }
.related-doc li:last-child { border: none }
.related-doc li .doctor-img { position: absolute; left: 0; top: 18px }
.related-doc li .doctor-img img { width: 74px; height: 100px }
.related-doc li h2 { font-size: 20px; font-weight: normal; line-height: 1; margin-bottom: 8px }
.related-doc li p { height: 75px; overflow: hidden; font-size: 14px }
.related-doc li p u { color: #999 }
.related-dmt .top-dm { overflow: hidden }
.related-dmt .top-dm h2 { font-size: 20px; line-height: 36px; border-bottom: 1px dashed #e4e4e4; font-weight: normal }
.related-dmt .top-dm p { line-height: 1.5; margin-top: 10px; color: #777 }
.related-dmt .more-dm { line-height: 30px; font-size: 16px; border-top: 1px dashed #e4e4e4; margin-top: 5px; padding: 10px 0 }
.related-dmt .more-dm a { margin-right: 10px; border-bottom: 1px dashed transparent; padding-bottom: 1px }
.related-dmt .more-dm a:hover { border-bottom-color: #ff9f53 }
.theme-cont { display: none; position: relative }
.theme-cont img, .theme-cont a { display: block; width: 100% }
.theme-cont.tm-700-140 { margin: 0 auto 25px; width: 700px }
.theme-cont.tm-700-140 img { height: 140px; display: block }
.theme-cont.tm-244-244 img { height: 244px }
.theme-cont:after { content: "推荐"; display: block; position: absolute; top: 0; left: 0; width: 45px; height: 30px; line-height: 30px; text-align: center; background-color: #0c7792; background-color: rgba(12,119,146,0.75); color: #fff }
.video-show h1 { font-size: 24px; font-weight: normal }
.editor-video { width: 100%; display: block }
.fox-video { width: 100%; min-height: 675px; margin-top: 25px; background: url(../images/black30.png) }
.fox-video .audio-box { height: 690px; background-size: cover }
.fox-video .audio-box .audio-icon { color: #fff; height: 653px; background: url(../images/black30.png); position: relative }
.fox-video .audio-box .audio-icon span { padding: 20px; text-align: center; display: inline-block; font-size: 16px; position: absolute; bottom: 0 }
.fox-video .audio-box .audio-icon span:before { content: '\e66f'; font-family: "iconfont"; font-size: 60px; line-height: 60px; height: 60px; display: block }
.prism-player .prism-ErrorMessage, .prism-player .prism-cover { background-size: cover !important }
.pic-show h1 { font-size: 24px; font-weight: normal }
.pic-show .picinfo { line-height: 30px; color: #999 }
.pic-show .picinfo .fl span { margin-right: 10px }
.pic-show .picplayer { position: relative; margin: 15px 0 }
.pic-show .picplayer .view { overflow: hidden; font-size: 0; line-height: 0; text-align: center; min-height: 400px; background: #000 }
.pic-show .picplayer .view img { max-width: 100% }
.pic-show .picplayer .view .loading { display: none; width: 50px; height: 50px; border-radius: 8px; background: url(../images/loading.gif) center no-repeat #000; opacity: 0.8; filter: alpha(opacity=80); position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px }
.pic-show .picplayer .imgtxt { background: #000; color: #fff; font-size: 14px; opacity: 0.6; filter: alpha(opacity=60); position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px }
.pic-show .picplayer .prev, .pic-show .picplayer .next { display: block; position: absolute; top: 0; width: 50%; height: 100%; z-index: 1 }
.pic-show .picplayer .prev:hover span, .pic-show .picplayer .next:hover span { opacity: 0.6; filter: alpha(opacity=60) }
.pic-show .picplayer .prev span, .pic-show .picplayer .next span { display: block; position: absolute; width: 70px; height: 96px; top: 50%; margin-top: -48px; text-align: center; line-height: 96px; font-size: 60px; font-family: simsun; background: #444; color: #fff; opacity: 0; filter: alpha(opacity=0); text-decoration: none; transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s }
.pic-show .picplayer .prev { left: 0px }
.pic-show .picplayer .prev span { left: 0px }
.pic-show .picplayer .next { right: 0px }
.pic-show .picplayer .next span { right: 0px }
.pic-show .thumbbox { height: 97px; margin-bottom: 20px; position: relative }
.pic-show .thumbbox .thumblist { height: 97px; overflow: hidden; margin-left: 50px; margin-right: 50px; white-space: nowrap; font-size: 0 }
.pic-show .thumbbox .thumblist ul { display: inline-block; width: 100% }
.pic-show .thumbbox .thumblist ul li { float: left; width: 11.3%; height: 100%; margin-left: .6%; margin-right: .6%; overflow: hidden; background: #0c7792 }
.pic-show .thumbbox .thumblist ul li a { display: block; font-size: 0; line-height: 0 }
.pic-show .thumbbox .thumblist ul li a img { height: 97px; width: 100%; display: block }
.pic-show .thumbbox .thumblist ul li a.cur img { opacity: 0.3; filter: alpha(opacity=30) }
.pic-show .thumbbox .prev, .pic-show .thumbbox .next { display: block; width: 40px; height: 97px; background: #444; color: #fff; font-family: simsun; text-decoration: none; font-size: 40px; line-height: 100px; text-align: center; position: absolute; top: 0 }
.pic-show .thumbbox .prev { left: 0 }
.pic-show .thumbbox .next { right: 0 }
.newspaper-show { padding: 20px 0; margin-left: -1%; margin-right: -1% }
.newspaper-show li { float: left; width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 20px }
.newspaper-show li a { display: block; position: relative; background: #000; text-align: center; overflow: hidden }
.newspaper-show li a span { display: block; background: #0c7792; color: #fff; line-height: 30px; height: 30px; position: absolute; bottom: 0; left: 0; right: 0; transition: background 0.3s; -webkit-transition: background 0.3s }
.newspaper-show li a img { height: 367px; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; opacity: .7; filter: alpha(opacity=70) }
.newspaper-show li a:hover span { background-color: #0096d7 }
.newspaper-show li a:hover img { opacity: 1; filter: alpha(opacity=100) }
.paper-detail { position: relative }
.paper-detail .paper-pic { position: relative; padding: 40px 70px; width: 850px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 1220px; margin-right: 350px }
.paper-detail .paper-pic.article-pic { padding: 30px; width: 345px; border-radius: 10px }
.paper-detail .paper-pic .area-icon { width: 710px; position: relative }
.paper-detail .paper-pic .area-icon img { width: 710px; display: block }
.paper-detail .paper-pic .area-icon .area { position: absolute; opacity: 0; background: #04a28e; filter: alpha(opacity=0); -webkit-transition: opacity .3s; transition: opacity .3s }
.paper-detail .paper-pic .area-icon .area.cur-area-icon { filter: alpha(opacity=30); opacity: .3 }
.paper-detail .paper-pic .area-icon .area:hover { filter: alpha(opacity=20); opacity: .2 }
.paper-detail .paper-pic a.all { position: absolute; top: 0; left: 0; width: 65px; height: 102px; text-align: center; color: #fff; background: #04a28e; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 27px 15px; -webkit-transition: background-color .3s; transition: background-color .3s }
.paper-detail .paper-pic a.all:hover { background-color: #ff9f53 }
.paper-detail .paper-pic a.all:hover:before { color: #ff9f53 }
.paper-detail .paper-pic a.all span { position: relative; z-index: 1 }
.paper-detail .paper-pic a.all:before { content: '\e6a8'; position: absolute; top: 13px; color: #04a28e; font-family: 'iconfont'; font-size: 113px; line-height: 1; left: -22px; -webkit-transition: color .3s; transition: color .3s }
.paper-detail .paper-pic a.controll { position: absolute; top: 50%; margin-top: -25px; width: 65px; height: 65px; line-height: 65px; text-align: center; color: #fff; border-radius: 50%; font-size: 34px; background: #04a28e; opacity: .65; -webkit-transition: opacity .3s; transition: opacity .3s; filter: alpha(opacity=0) }
.paper-detail .paper-pic a.controll:hover { opacity: 1; filter: alpha(opacity=100) }
.paper-detail .paper-pic a.controll.page-left { left: 0 }
.paper-detail .paper-pic a.controll.page-right { right: 0 }
.paper-detail .paper-article { padding: 20px; width: 310px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; position: absolute; right: 0; top: 0; overflow: hidden }
.paper-detail .paper-article .paper-article-item { margin-bottom: 20px }
.paper-detail .paper-article .paper-article-item.cur .h3-title { background-color: #04a28e }
.paper-detail .paper-article .paper-article-item.cur .h3-title:before { display: block }
.paper-detail .paper-article .paper-article-item.cur ul { display: block }
.paper-detail .paper-article .paper-article-item .h3-title { width: 100%; color: #fff; height: 50px; line-height: 50px; cursor: pointer; display: block; border-radius: 5px; background-color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; padding-right: 30px; padding-left: 30px; margin-bottom: 10px; position: relative; -webkit-transition: background-color .3s; transition: background-color .3s }
.paper-detail .paper-article .paper-article-item .h3-title span { position: relative; z-index: 1 }
.paper-detail .paper-article .paper-article-item .h3-title:hover { background-color: #ff9f53 }
.paper-detail .paper-article .paper-article-item .h3-title:hover:before { color: #ff9f53 }
.paper-detail .paper-article .paper-article-item .h3-title:before { content: '\e67d'; position: absolute; top: -1px; color: #04a28e; font-family: 'iconfont'; font-size: 52px; line-height: 1; left: -20px; display: none; -webkit-transition: color .3s; transition: color .3s }
.paper-detail .paper-article .paper-article-item ul { display: none }
.paper-detail .paper-article .paper-article-item ul li:last-child a { border-bottom: none }
.paper-detail .paper-article .paper-article-item ul li a { display: block; border-bottom: 1px solid #e4e4e4; line-height: 20px; padding-top: 10px; padding-bottom: 10px }
.paper-article-detail .paper-title { margin-bottom: 30px }
.paper-article-detail .paper-title a { display: block; height: 40px; color: #fff; text-align: center; border-radius: 3px; line-height: 40px; width: 110px; background-color: #0c7792 }
.paper-article-detail .paper-title a.fl { background-color: #04a28e; width: 410px }
.paper-article-detail .paper-title a.fr { margin-left: 20px }
.paper-article-detail .paper-title a:hover { background-color: #ff9f53 }
.paper-article-detail .picture-article { position: relative }
.paper-article-detail .picture-article .picture { position: absolute; left: 0; top: 0; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 410px; background-color: #fff; padding: 26px }
.paper-article-detail .picture-article .picture .area-icon { width: 358px; position: relative }
.paper-article-detail .picture-article .picture .area-icon img { width: 358px; display: block }
.paper-article-detail .picture-article .picture .area-icon .area { position: absolute; opacity: 0; background: #04a28e; filter: alpha(opacity=0); -webkit-transition: opacity .3s; transition: opacity .3s }
.paper-article-detail .picture-article .picture .area-icon .area.cur-area-icon { filter: alpha(opacity=30); opacity: .3 }
.paper-article-detail .picture-article .picture .area-icon .area:hover { filter: alpha(opacity=20); opacity: .2 }
.paper-article-detail .picture-article .picture .list-bar { font-size: 16px; padding-left: 56px; padding-right: 56px; position: relative; margin: 20px auto; height: 28px }
.paper-article-detail .picture-article .picture .list-bar a { position: absolute; top: 0 }
.paper-article-detail .picture-article .picture .list-bar a.prev { left: 0 }
.paper-article-detail .picture-article .picture .list-bar a.next { right: 0 }
.paper-article-detail .picture-article .picture .list-bar span { color: #0c7792; font-weight: 700; display: block; text-align: center }
.paper-article-detail .picture-article .picture ul li:last-child a { border-bottom: none }
.paper-article-detail .picture-article .picture ul li.cur a { color: #0c7792 }
.paper-article-detail .picture-article .picture ul li a { display: block; border-bottom: 1px solid #e4e4e4; line-height: 20px; padding-top: 10px; padding-bottom: 10px }
.paper-article-detail .picture-article .article { padding: 10px 25px 30px; width: 750px; min-height: 1220px; background-color: #fff; margin-left: 450px; -webkit-box-sizing: border-box; box-sizing: border-box }
.paper-review { margin-right: -30px }
.paper-review .paper-review-item { width: 585px; height: 457px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; margin-bottom: 35px; float: left; margin-right: 30px }
.paper-review .paper-review-item .thumb-article { margin-bottom: 16px }
.paper-review .paper-review-item .thumb-article .thumb { width: 250px; height: 345px; overflow: hidden }
.paper-review .paper-review-item .thumb-article .thumb a { display: block }
.paper-review .paper-review-item .thumb-article .thumb a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.paper-review .paper-review-item .thumb-article .thumb img { display: block; width: 250px; height: 345px; -webkit-transition: -webkit-transform .85s; transition: -webkit-transform .85s; transition: transform .85s; transition: transform .85s, -webkit-transform .85s }
.paper-review .paper-review-item .thumb-article .article { width: 270px; height: 345px; overflow: hidden }
.paper-review .paper-review-item .thumb-article .article a { display: block; border-bottom: 1px solid #e4e4e4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 41px; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box }
.paper-review .paper-review-item .thumb-article .article a:first-child { margin-top: -12px }
.paper-review .paper-review-item .thumb-article .article a:last-child { border-bottom: none }
.paper-review .paper-review-item .title { border-radius: 3px; height: 50px; line-height: 50px; text-align: center; overflow: hidden }
.paper-review .paper-review-item .title a { display: block; background-color: #04a28e; color: #fff; font-size: 16px; font-weight: 700; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-right: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; height: 100% }
.paper-review .paper-review-item .title a:hover { background-color: #ff9f53 }
.map-search { font-size: 0; text-align: center }
.map-search a { width: 100px; height: 40px; text-align: center; line-height: 40px; display: inline-block; font-size: 16px; border: 1px solid #e4e4e4; border-radius: 3px; margin-left: 8px; margin-right: 8px }
.map-search a:hover { background-color: #0c7792; border-color: #0c7792; color: #fff }
.map-box { position: relative; border: 1px solid #e4e4e4 }
.map-box .map-search-result { display: none; position: absolute; top: 0; right: 0; padding-left: 50px; height: 100%; z-index: 2 }
.map-box .map-search-result .switch { width: 50px; height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; font-size: 16px; line-height: 1.4; position: absolute; top: 50%; margin-top: -100px; left: 0; background-color: #0c7792; color: #fff; -webkit-box-shadow: -5px 5px 5px rgba(0,0,0,0.09); box-shadow: -5px 5px 5px rgba(0,0,0,0.09); border-top-left-radius: 5px; border-bottom-left-radius: 5px }
.map-box .map-search-result .switch:hover { background-color: #ff9f53 }
.map-box .map-search-result .switch i { margin-top: 5px; font-size: 24px; opacity: .95 }
.map-box .map-search-result .result-list { height: 100%; min-width: 1px; overflow-y: auto; background-color: #fff }
.map-box .position-map { height: 700px }
.map-box .position-map img { max-width: none !important }
.map-box .position-map input { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px; height: 26px !important; font-size: 12px; vertical-align: middle }
.map-box .position-map .BMapLib_ap th, .map-box .position-map .BMapLib_ap td { padding: 3px }
.map-box .position-map #BMapLib_is_remember_phone { margin-left: 5px }
.map-box .position-map .BMapLib_SearchInfoWindow, .map-box .position-map .position-map .BMapLib_nav_tab_content li { font-family: inherit }
.map-box .position-map .BMapLib_bubble_title { font-weight: bold }
.map-box .position-map .BMapLib_bubble_content { line-height: 2 }
.map-box .position-map .BMapLib_trans { top: auto !important }
.map-box .position-map .BMapLib_sms_declare_phone { font-size: 12px }
.map-box .map-area-tab { position: absolute; top: 10px; left: 0; right: 0; text-align: center }
.map-box .map-area-tab li { display: inline-block; width: 60px; height: 60px; line-height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; color: #fff; font-size: 14px; border-radius: 50%; background-color: #0c7792; cursor: pointer; transition: background-color .5s; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; vertical-align: middle }
.map-box .map-area-tab li.long-name { padding: 1em 7px 0 }
.map-box .map-area-tab li.short-name { padding: 0; line-height: 60px }
.map-box .map-area-tab li.cur { font-weight: 700; background-color: #ff9f53 }
.map-box .map-area-tab li:hover { background-color: #ff9f53 }
.map-box .map-area-tab li+li { margin-left: 10px }
.floor { margin-top: 25px; margin-bottom: 25px }
.floor th, .floor td { line-height: 1.8; padding: 10px; border: 1px solid rgba(12,119,146,0.35) }
.floor th { width: 40px; text-align: center; background: rgba(12,119,146,0.35); font-weight: bold }
.floor td span { margin-left: 20px; color: #999 }
.floor td ul { overflow: hidden }
.floor td ul li { width: 48%; float: left }
.meet-info { background: #f5f5f5; font-size: 16px; padding: 15px; margin: 20px 0; position: relative }
.meet-info h2 { font-weight: normal; line-height: 2 }
.meet-info h2 span { color: #999 }
.meet-reg-btn { position: absolute; right: 15px; top: 45px }
.meet-reg-btn .btn { width: 110px }
.meet-reg-btn .btn:before { font-family: "iconfont"; font-size: 16px; vertical-align: top; margin-right: 5px }
.meet-reg-btn .btn:before { content: "\e640" }
.meet-form { background: #fff; border-top: 5px solid #1a7f80; padding: 0 20px 30px 20px; width: 500px; position: fixed; left: 50%; top: 50%; margin-left: -280px; margin-top: -250px }
.meet-form .close { top: 14px; right: 20px }
.meet-form dl { overflow: hidden; padding: 5px 0 }
.meet-form .required dt:before { margin-right: 10px; content: '*'; color: red }
.meet-form .required dt:after { display: none }
.meet-form dt { float: left; width: 80px; line-height: 44px; text-align: right; margin-right: 10px }
.meet-form dd input[type="text"] { width: 320px }
.meet-form .btn { display: block; width: 160px; margin: auto; margin-top: 10px }
.meet-qr { text-align: center }
.meet-qr span { display: block }
.suspend-list li { display: block; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px dashed #ddd; padding: 10px 0; overflow: hidden }
.suspend-list li>h3, .suspend-list li>span { float: left }
.suspend-list li>span { width: 35% }
.suspend-list li>span.fr { text-align: right }
.suspend-list li h3 { width: 30% }
.suspend-list li h3 a, .suspend-list li h3 span { display: inline-block; width: 20%; vertical-align: middle; margin-right: 10px; font-weight: normal }
.suspend-list li h3 a { font-size: 16px; color: #0c7792 }
.suspend-list li h3 a:hover { color: #ff9f53 }
.suspend-list li:hover { border-bottom: 1px dashed #0c7792 }
.order-search { position: relative; margin-bottom: 20px }
.order-search .doctor-name { line-height: 45px; height: 45px; padding: 7px 6px 7px 40px; width: 92%; border: 1px solid #ddd; border-right: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0 }
.order-search i { line-height: 45px; position: absolute; top: 0; left: 10px }
.order-search .btn { width: 8%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 45px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0 }
.visit-tabs .tab-pannel { display: block }
.visit-tabs .tab-pannel .visit-dp { display: none }
.visit-tabs .tab-pannel .visit-dp:first-child { display: block }
.visit-tabs .tab-pannel .visit-dp:first-child .visit-item:last-child .vis-tit, .visit-tabs .tab-pannel .visit-dp:first-child .visit-item:nth-last-child(2) .vis-tit { color: #ea5a54 }
.visit-tabs .visit-dp { margin-bottom: 30px }
.visit-tabs .visit-dp .visit-title { height: 45px; line-height: 45px; color: #0c7792; font-size: 16px; border-bottom: 1px solid #d7d7d7; margin-bottom: 15px }
.visit-tabs .visit-dp .visit-title i { display: inline-block; width: 45px; height: 45px; font-size: 26px; background-color: #0c7792; text-align: center; color: #fff; font-weight: normal; margin-right: 16px; border-top-left-radius: 3px; border-top-right-radius: 3px }
.visit-tabs .visit-dp .visit-item { margin-bottom: 15px; border-bottom: 1px dashed #e5e7ea; padding-bottom: 10px }
.visit-tabs .visit-dp .visit-item:hover .vis-tit { color: #0c7792 }
.visit-tabs .visit-dp .visit-item .vis-tit { width: 12%; font-size: 18px; color: #999 }
.visit-tabs .visit-dp .visit-item .vis-tit i { margin-right: 5px; font-size: 20px }
.visit-tabs .visit-dp .visit-item .vis-cont { width: 88% }
.visit-tabs .visit-dp .visit-item .vis-cont li { float: left; width: 24%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: .6%; padding-right: .6%; overflow: hidden }
.visit-tabs .visit-dp .visit-item .vis-cont li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; color: #0096d7; display: block }
.visit-tabs .visit-dp .visit-item .vis-cont li a:hover { color: #0c7792 }
.visit-tabs .visit-dp .visit-item .vis-cont li a u { color: #999 }
.visit-tabs .visit-dp .visit-item .vis-cont li a .sign-dp { vertical-align: middle; color: #fff; font-size: 12px; width: 27px; height: 16px; line-height: 16px; display: inline-block; padding-left: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/sign-dp_1.png); position: relative; top: -1px }
.visit-tabs .visit-dp .visit-item .vis-cont li a .sign-dp.sign-dp_1 { background: url(../images/sign-dp_1.png) }
.visit-tabs .visit-dp .visit-item .vis-cont li a .sign-dp.sign-dp_2 { background: url(../images/sign-dp_2.png) }
.visite-department h3 { font-size: 20px }
.visite-department h3 b { color: #085163 }
.visite-department .btn { width: 150px; height: 30px; line-height: 30px; text-align: center; color: #fff; border-radius: 15px }
.schedule-doctor-filtrer { height: 76px; background-color: #fff }
.schedule-doctor-filtrer .fixed-wrap { border-bottom: 1px solid #e4e4e4; height: 75px; background-color: #fff }
.schedule-doctor-filtrer .fixed-wrap.fixed { position: fixed; z-index: 1; -webkit-box-shadow: -5px 5px 10px rgba(0,0,0,0.02); box-shadow: -5px 5px 10px rgba(0,0,0,0.02); top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box }
.schedule-doctor-filtrer .haschosen { border-bottom: none }
.schedule-doctor-filtrer .week-list { position: relative; margin-right: 68px; height: 75px }
.schedule-doctor-filtrer .week-list a { position: absolute; top: 0; width: 68px; height: 75px; text-align: center; line-height: 75px; color: #ccc }
.schedule-doctor-filtrer .week-list a:not(.disabled) i { border-color: #0c7792; color: #0c7792 }
.schedule-doctor-filtrer .week-list a i { width: 26px; height: 26px; line-height: 26px; border: 1px solid #ccc; border-radius: 50% }
.schedule-doctor-filtrer .week-list a.disabled { color: #ccc; cursor: default; border-color: #ccc }
.schedule-doctor-filtrer .week-list a.last-wk { left: -68px }
.schedule-doctor-filtrer .week-list a.next-wk { right: -68px }
.schedule-doctor-filtrer .week-list .week-wrap { overflow: hidden; height: 75px; width: 476px }
.schedule-doctor-filtrer .week-list .week-wrap ul { overflow: hidden; height: 75px }
.schedule-doctor-filtrer .week-list .week-wrap ul li { float: left; width: 68px; text-align: center; padding: 12px 0 }
.schedule-doctor-filtrer .week-list .week-wrap ul li.weekend { color: #999 }
.list-schedule { position: relative }
.list-schedule li { border-bottom: 1px solid #e4e4e4 }
.list-schedule li .doctor-info { padding: 20px 0; padding-left: 90px; height: 136px; position: relative; width: 44%; -webkit-box-sizing: border-box; box-sizing: border-box }
.list-schedule li .doctor-info .thumb { width: 70px; height: 96px; overflow: hidden; position: absolute; top: 20px; left: 0 }
.list-schedule li .doctor-info .thumb img { width: 70px; height: 96px }
.list-schedule li .doctor-info h2 { font-size: 18px; line-height: 22px; margin-bottom: 11px; height: 22px }
.list-schedule li .doctor-info h2 a { color: #0c7792 }
.list-schedule li .doctor-info h2 a:hover { color: #ff9f53 }
.list-schedule li .doctor-info h2 span { font-size: 12px; color: #fff; font-weight: normal; display: inline-block; width: 90px; height: 22px; border-radius: 11px; margin-left: 10px; background-color: #ef8162; text-align: center; position: relative; top: -2px }
.list-schedule li .doctor-info p { margin-bottom: 0 }
.list-schedule li .doctor-info p span { display: block; line-height: 22px; max-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important }
.list-schedule li .doctor-info p strong { color: #999; font-weight: normal }
.list-schedule li .doctor-clinic { width: 612px }
.list-schedule li .doctor-clinic .loading { background: url(../images/loadingex.gif) center no-repeat; width: 100%; height: 137px; background-size: 5%; display: block }
.list-schedule li .doctor-clinic tr { padding-right: 68px }
.list-schedule li .doctor-clinic tr+tr td { border-top: 1px solid #e4e4e4 }
.list-schedule li .doctor-clinic td { height: 68px; width: 11.11%; text-align: center }
.list-schedule li .doctor-clinic td:after { content: ''; width: 0; height: 100% \0; height: calc(100% + 76px); background-color: #f2f2f2; position: absolute; top: 0px\0; top: -76px; display: block; z-index: -1 }
.list-schedule li .doctor-clinic td:hover:after { width: 68px }
.list-schedule li .doctor-clinic td>div { position: relative }
.department-tab .department-select { min-height: 68px }
.department-tab .department-select li { display: none; min-height: 60px; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-top: 15px; overflow: hidden }
.department-tab .department-select li a { line-height: 30px; margin-right: 15px; white-space: nowrap }
.department-tab .department-select li a span { padding: 3px 8px }
.department-tab .department-select li a.cur span { background: #0c7792; color: #fff }
.department-tab .department-select li a.cur span:after { content: "\e615"; font-family: "iconfont" }
.department-tab .department-select li:first-child { display: block }
.question-main .sort { border-bottom: 1px solid #ddd }
.sort a { float: left; display: block; border-bottom: none; margin-right: 20px; margin-bottom: -3px; font-size: 16px; line-height: 46px; height: 46px; font-weight: normal }
.sort h2 a.cur { margin-bottom: -1px; border-bottom: 3px solid #0c7792; font-weight: bold }
.sort .btn { width: 120px; height: 40px; line-height: 40px; margin-right: 0 }
.question-main>.fl { width: 67% }
.question-main>.fr { width: 29% }
.right-side .list-tit { position: relative }
.right-side .list-tit h2 { font-weight: normal }
.right-side .list-tit h2:before { content: ''; position: absolute; width: 32px; height: 3px; overflow: hidden; left: 0; bottom: -19px; background: #03a560 }
.question-list li { overflow: hidden; height: 52px; padding: 20px 0; border-bottom: 1px solid #eee; color: #999; position: relative; padding-left: 67px }
.question-list li:before { content: '问'; border-radius: 5px; width: 52px; height: 52px; line-height: 52px; text-align: center; background: #ccc; color: #fff; font-size: 28px; position: absolute; left: 0 }
.col-tit { width: 70%; float: left }
.col-tit .tit { font-size: 16px; display: block }
.col-info { width: 30%; float: right; text-align: right }
.col-info span { display: block }
.col-state:before { content: "\e61f"; font-family: "iconfont"; color: #ccc; font-size: 16px; margin-right: 5px }
.col-state.completed:before { content: "\e623"; color: #7cc380 }
.col-cat { display: block }
.col-cat a { color: #999 }
.myask-btn { margin-bottom: 15px }
.myask-btn.myask-btn-dm { width: 300px }
.myask-btn .btn { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; line-height: 50px; font-weight: bold; font-size: 16px }
.right-popularize .mdc-list a { color: #555; border-bottom: 1px dotted #e9e4e8; height: 39px; line-height: 38px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; -webkit-transition: all .28s; transition: all .28s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.right-popularize .mdc-list a:hover { color: #17a29b }
.right-popularize .mdc-list a:before { content: "•"; font-weight: bold; color: #c7d5d5; margin-right: 5px }
.right-doctor { margin-top: 25px }
.right-doctor li { position: relative; min-height: 120px; padding-left: 95px; margin-bottom: 20px }
.right-doctor li .doctor-img { position: absolute; left: 0; top: 0; width: 85px; height: 116px; overflow: hidden }
.right-doctor li .doctor-img img { width: 85px; height: 116px }
.right-doctor li h2 a { vertical-align: middle; font-size: 16px }
.right-doctor li h2 span { vertical-align: middle; background: #0c7792; color: #fff; font-size: 12px; padding: 2px 6px; font-weight: normal; margin-left: 10px; border-radius: 3px }
.right-doctor li p { color: #666; font-size: 13px; display: -webkit-box; max-height: 92px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; margin-bottom: 0; -webkit-line-clamp: 4; -webkit-box-orient: vertical }
.ask-show .ask-tit { position: relative; height: 52px; overflow: hidden; padding-left: 62px; border-bottom: 1px solid #eee; padding-bottom: 15px }
.ask-show .ask-tit .ask-ico { position: absolute; top: 0; left: 0; display: block; background: #0c7792; width: 52px; height: 52px; font-size: 30px; color: #fff; text-align: center; line-height: 52px }
.ask-show .ask-tit h1 { font-size: 18px; font-weight: normal; padding: 0; line-height: 1.3; margin-bottom: 5px }
.ask-show .ask-tit .asker-info { color: #999 }
.ask-show .ask-tit .asker-info span { display: inline-block; line-height: 1; padding-right: 20px; margin-right: 20px; border-right: 1px solid #eee }
.ask-show .ask-tit .asker-info span:last-child { border: none }
.ask-show .ask-tit .ask-btn { position: absolute; top: 0; right: 0 }
.ask-show .ask-tit .ask-btn .btn { width: 230px }
.ask-content { margin-top: 15px }
.ask-content p { margin: 10px auto 15px auto }
.ask-content i { display: block; color: #999 }
.ask-content span { display: block; color: #999 }
.ask-content .ask-reply { border: 1px solid #ddd; background: #f8f8f8; padding: 15px }
.ask-content .replay-info { border-bottom: 1px dashed #ccc; margin-bottom: 15px }
.ask-content .replay-info:last-child { margin-bottom: 0; border-bottom: 0 }
.ask-content .replay-info .btn { width: 120px; margin-top: 15px }
.similar-ask li { float: left; width: 33.3%; height: 32px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 15px }
.similar-ask a { line-height: 32px; font-size: 15px }
.similar-ask a:before { content: "•"; font-weight: bold; color: #0c7792; margin-right: 5px }
.ask-form dl { position: relative; margin-bottom: 10px }
.ask-form dt { line-height: 50px; font-size: 16px }
.ask-form dd { position: relative }
.ask-form dt i { display: inline-block; width: 30px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; margin-right: 10px; background: #0c7792; color: #fff }
.ask-form .ask-input { padding-right: 365px }
.ask-form .ask-input textarea { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; padding: 5px 8px; line-height: 1.5 }
.ask-form .ask-input span { display: inline-block; margin-bottom: 10px }
.ask-form .ask-tip { position: absolute; right: 0; top: 0; width: 312px; padding: 15px; background: #fcf1eb; border: 1px solid #f9e8e0; font-size: 12px; line-height: 1.5 }
.ask-form .ask-tip:before, .ask-form .ask-tip:after { content: "◆"; color: #fcf1eb; font-family: simsun; font-size: 30px; line-height: 0; position: absolute; left: -15px; top: 22px }
.ask-form .ask-tip:before { left: -16px; color: #f9e8e0 }
.ask-company, .ask-mail { width: 490px }
.ask-input input { width: 120px }
.ask-input .code-warp { position: relative }
.ask-input .code-warp .btn { width: 120px }
.ask-input .code-warp .btn, .ask-input .code-warp .codeimg { position: absolute; right: 1px; top: 1px; line-height: 38px; height: 38px }
.ask-form .Validform_checktip { margin-left: 48px }
.ask-form .ask-input .Validform_error { border-color: #c00 }
.ask-form .letter-pannel { overflow: hidden; font-size: 14px; background: #F8F8F8; border: 1px solid #ddd; padding: 15px }
.ask-form .letter-pannel span { float: left; width: 10% }
.ask-form .letter-pannel span a { display: inline-block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ask-form .letter-pannel span.cur a { background: #009d6d; color: #fff; padding: 0 5px }
.ask-area .area-tit { background: #ddd; overflow: hidden; border: 1px solid #ddd; margin-bottom: -2px }
.ask-area .area-tit a { line-height: 40px; text-align: center; float: left; font-weight: bold }
.ask-area .area-tit a.cur { background: #F8F8F8; color: #0c7792 }
.ask-area .area-tit.span2 a { width: 50% }
.ask-area .area-tit.span3 a { width: 33.33% }
.ask-area .area-tit.span4 a { width: 25% }
.ask-area .area-tit.span5 a { width: 20% }
.ask-area .letter-pannel { display: none }
.ask-area .letter-pannel:first-child { display: block }
.ask-question { height: 177px }
.ask-check { height: 104px }
.radio { display: inline-block; padding: 0 5px; margin-left: 5px }
.radio:before { display: inline-block; font-family: "iconfont"; font-size: 19px; content: '\e620'; margin-right: 5px; color: #0c7792; vertical-align: middle }
.radio.checked:before { content: '\e61e' }
.ask-form input.ask-age { width: 60px; padding: 5px; border: 1px solid #ddd }
.ask-input .sel-age { border: 1px solid #ddd }
.ask-form .ask-phone, .ask-form .ask-code { width: 340px }
.ask-form .btn { width: 180px; line-height: 46px }
.add-ask { display: none; margin-top: 15px }
.add-ask textarea { width: 70%; border: 1px solid #ddd; padding: 5px 8px; line-height: 1.5 }
.login-dialog { display: none; background: url(../images/black70.png); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100 }
.login-pop { background: #fff; border-top: 5px solid #0c7792; padding: 10px 30px; width: 300px; position: fixed; left: 50%; top: 50%; margin-left: -180px; margin-top: -250px }
.pop-tit { line-height: 50px; font-size: 16px; position: relative; border-bottom: 1px solid #ddd; margin-bottom: 20px }
.pop-tit a { display: block; width: 50%; float: left; text-align: center }
.pop-tit a.cur { border-bottom: 1px solid #0c7792; margin-bottom: -1px; color: #0c7792 }
.login-dialog .close { position: absolute; top: 5px; right: 10px }
.login-form p { padding: 5px 0; overflow: hidden }
.login-form p .login-input { width: 278px }
.login-form form .btn { width: 302px; line-height: 40px; font-size: 16px; display: block }
.login-form a { color: #0c7792 }
.login-form a:hover { color: #0c7792 }
.login-form .text-center { word-spacing: 1em; color: #999 }
.login-form .login-qr { display: block; margin: auto; width: 200px; height: 200px; background: url(../images/loading-gray.gif) center no-repeat }
.no-login { border-top: 1px solid #ddd; padding-top: 10px }
.no-login .btn { width: 100%; background: #666 }
.no-login .btn:hover { background: #888 }
.no-login input { width: 278px }
.guestbook-form { width: 500px; margin: auto }
.guestbook-form .ruifox-form .ruifox-form-group { margin-bottom: 20px }
.guestbook-form .ruifox-form input { display: block; width: 100% }
.guestbook-form .getcode { position: absolute; top: 0; right: 0 }
.question-list .inner-list-tit .btn { width: 160px }
.ckcode-dialog { display: none; background: url(../images/black70.png); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100 }
.ckcode-dialog .ckcode-pop { background: #fff; border-top: 5px solid #0c7792; padding: 10px 30px 30px 30px; width: 300px; text-align: center; border-radius: 4px; position: fixed; left: 50%; top: 50%; margin-left: -180px; margin-top: -250px }
.ckcode-dialog .ckcode-pop p { font-size: 14px; line-height: 23px; color: #9B9B9B; padding-bottom: 0 }
.ckcode-dialog .ckcode-pop h3 { font-size: 18px; font-weight: normal; line-height: 50px }
.ckcode-dialog .ckcode-pop .close { position: absolute; top: 5px; right: 10px }
.ask-form .msg { display: inline-block; padding: 50px 100px }
.ask-form .msg .fl { margin-right: 15px }
.ask-form .msg .msg-info { min-width: 650px }
.ask-form .msg .msg-info h1 { font-size: 18px; margin-bottom: 15px }
.ask-form .msg .msg-info h1 i, .ask-form .msg .order-info>i { font-weight: normal; font-size: 110px; line-height: 1.5; margin-right: 10px; color: #00A539; display: block }
.ask-form .msg .msg-info .red { color: #ea5a54 }
.ask-form .msg .msg-info .blue { color: #56abe4 }
.ask-form .msg .msg-info a { color: #0c7792; font-weight: normal }
.ask-form .msg .msg-info a:hover { color: #0c7792 }
.ask-form .msg .msg-info .btn { width: 120px; font-size: 16px; line-height: 40px }
.ask-form .msg .msg-info .btn, .ask-form .msg .msg-info .btn:hover { color: #fff }
.ask-form .msg .msg-link { color: #ddd; word-spacing: .5em }
.ask-form .msg .order-info { text-align: left; border: 1px solid #ddd; padding: 20px 100px; background: #f8f8f8 }
.ask-form .msg .order-info>i { float: left; margin-right: 50px; line-height: 240px }
input::-webkit-input-placeholder {
line-height:normal;
color:#666
}
input[type="radio"] { vertical-align: middle; cursor: pointer }
select { cursor: pointer }
textarea, input[type="text"], input[type="number"], input[type="password"], input[type="search"], select { padding: 0 10px; line-height: 40px; height: 40px; border: 1px solid #e4e4e4; background-color: #fff; -webkit-transition: all .3s; transition: all .3s; vertical-align: middle; border-radius: 4px; display: inline-block; font-size: 14px; background-image: none; -webkit-box-sizing: border-box; box-sizing: border-box }
textarea:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus { border-color: #0c7792; outline: 0 }
textarea { line-height: 1.8 }
.form-loading { background: url(../images/loadingex.gif) center no-repeat; width: 100%; height: 138px; background-size: 5% }
.radio { display: inline-block; padding: 0 5px; margin-left: 5px }
.radio:before { display: inline-block; font-family: "iconfont"; font-size: 19px; content: '\e620'; margin-right: 5px; color: #0c7792; vertical-align: middle }
.radio.checked:before { content: '\e61e' }
.ruifox-form-title { margin-bottom: 20px; line-height: 45px; border-bottom: 1px solid #e4e4e4 }
.ruifox-form-title h1 { font-size: 24px; color: #0c7792 }
.ruifox-form-title .fr a { font-size: 16px; position: relative; margin-left: 10px }
.ruifox-form-title .fr>.cur { color: #0c7792 }
.ruifox-form-title .fr>.cur::after { height: 5px; width: 100%; bottom: -15px; left: 0; position: absolute; content: ''; background-color: #0c7792 }
.ruifox-form-info { border-radius: 4px; border: 1px solid #ffe58f; background-color: #fffbe6; margin-bottom: 20px; color: #777; line-height: 1.5; padding: 8px 15px }
.ruifox-form { font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-variant: tabular-nums; line-height: 40px }
.ruifox-form input, .ruifox-form select, .ruifox-form button, .ruifox-form btn { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border-radius: 4px }
.ruifox-form.ruifox-form-application input[type="radio"] { vertical-align: middle; cursor: pointer }
.ruifox-form.ruifox-form-application select { cursor: pointer }
.ruifox-form.ruifox-form-application textarea { width: 80% }
.ruifox-form .text-hidden { font-size: 0 }
.ruifox-form input.code { padding-right: 140px }
.ruifox-form input.code+.code-img { position: absolute; right: 1px; top: 1px }
.ruifox-form input.code+.code-img img { cursor: pointer; display: block; height: 38px }
.ruifox-form input.laydate { padding-right: 40px; background-image: url(../images/datebg.png); background-size: 24px; background-position: center right; background-repeat: no-repeat }
.ruifox-form .btn { padding: 0 15px; margin-bottom: 0; font-weight: 400; line-height: 40px; height: 40px; border-radius: 4px; display: inline-block; font-size: 14px; background-image: none; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 80px }
.ruifox-form .btn.disabled { background: #ddd !important; cursor: default }
.ruifox-form .btn:hover { color: #0c7792; background-color: #fff; border-color: #0c7792 }
.ruifox-form .btn.btn-primary { color: #fff; background-color: #0c7792; border-color: #0c7792; text-shadow: 0 -1px 0 rgba(0,0,0,0.12); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045); box-shadow: 0 2px 0 rgba(0,0,0,0.045) }
.ruifox-form .btn.btn-primary:hover { background-color: #0e8aaa; border-color: #0e8aaa }
.ruifox-form .label { text-align: right; vertical-align: middle; line-height: 39.9999px; display: inline-block; overflow: hidden; white-space: nowrap }
.ruifox-form .label.hide-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
.ruifox-form .Validform_checktip { display: block; line-height: 30px; min-height: 30px; color: #aaa }
.ruifox-form .Validform_checktip:before { font-family: "iconfont"; color: #007fd1; font-size: 18px; margin-right: 5px }
.ruifox-form .Validform_checktip.Validform_wrong { color: #ec5645; font-size: 14px }
.ruifox-form .Validform_checktip.Validform_wrong:before { color: #ec5645 }
.ruifox-form .Validform_checktip.Validform_right { color: #71b83d; font-size: 14px }
.ruifox-form .Validform_checktip.Validform_right:before { color: #71b83d }
.ruifox-form .img-preview { overflow: hidden; margin-top: 10px }
.ruifox-form .img-preview li { float: left; padding: 10px; background: #f4f4f4; margin-right: 10px }
.ruifox-form .img-preview li img { width: 80px; height: 80px }
.ruifox-form .img-preview li span { display: block; line-height: 30px; font-size: 12px; text-align: center; width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ruifox-form-group { margin-bottom: 5px; vertical-align: middle }
.ruifox-form-group.required .label:before { display: inline-block; margin-right: 4px; content: '*'; font-family: SimSun; line-height: 1; color: #c50c11 }
.ruifox-form-group.nc-check { display: inline-block; width: 30%; margin-right: 30px }
.ruifox-form-group.nc-check+.ruifox-form-group { display: inline-block }
.ruifox-form-group .control { position: relative }
.ruifox-form-group .control ul li { display: inline-block; margin-right: 10px }
.ruifox-form-group .control textarea { min-height: 120px; resize: vertical }
.ruifox-form-group .control.control-code { width: 30% }
.ruifox-form-group .control.control-code #code-img { width: 100% }
.ruifox-form-group .label label:after { content: ':'; margin: 0 8px 0 2px; position: relative; top: -0.5px }
.ruifox-form-inline .ruifox-form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; margin-right: 16px }
.ruifox-form-inline .ruifox-form-group>.label, .ruifox-form-inline .ruifox-form-group>.control { display: inline-block; vertical-align: middle }
.ruifox-form-vertical .ruifox-form-group { padding-bottom: 8px }
.ruifox-form-vertical .ruifox-form-group>.label, .ruifox-form-vertical .ruifox-form-group>.control { margin: 0; display: block; text-align: left; line-height: 1.5 }
.ruifox-form-vertical .ruifox-form-group>.label { padding: 0 0 8px }
.ruifox-form-horizontal .ruifox-form-group { padding-bottom: 0; margin-bottom: 5px }
.ruifox-form-horizontal .ruifox-form-group:after { clear: both; display: table; content: '' }
.ruifox-form-horizontal .ruifox-form-group>.label { float: left; width: 16.66666667%; padding-right: 30px }
.ruifox-form-horizontal .ruifox-form-group>.control { float: left; width: 58.33333333% }
.ruifox-form-horizontal .ruifox-form-group>.control.control-code { width: 20% }
.ruifox-form-horizontal .ruifox-form-group>.control.col-offset { margin-left: 16.66666667% }
.uploader-wrap .uploader { cursor: pointer; position: relative; display: inline-block }
.uploader-wrap .uploader .uploader-button { width: 120px; padding: 0 }
.uploader-wrap .uploader .uploader-button>div { width: 100%; height: 100% }
.uploader-wrap .uploader .uploader-button i { position: relative; top: 2px; margin-right: 4px }
.uploader-wrap .uploader .uploader-button input { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0 }
.uploader-wrap .upload-list { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-top: 25px; padding-top: 10px; padding-bottom: 10px; position: relative }
.uploader-wrap .upload-list:after { position: absolute; top: -18px; left: 18px; content: '已上传文件'; background-color: #fff; padding: 5px 8px }
.uploader-wrap .upload-list .upload-list_item { margin-top: 8px; font-size: 14px; height: 44px; line-height: 34px; display: block; position: relative; padding: 5px; padding-left: 39px }
.uploader-wrap .upload-list .upload-list_item:hover { background-color: #f8f8f8 }
.uploader-wrap .upload-list .upload-list_item.error { color: #cc0909 }
.uploader-wrap .upload-list .upload-list_item .info-text { position: absolute; top: 5px; left: 5px; line-height: 34px; width: 34px; height: 34px; text-align: center; border-radius: 0 }
.uploader-wrap .upload-list .upload-list_item .upload-list_item_name { display: inline-block; padding: 0 15px }
.uploader-wrap .upload-list .upload-list_item .upload-list_item_progress { font-weight: normal; color: rgba(12,119,146,0.5); padding: 0 10px; position: relative; top: 1px }
.uploader-wrap .upload-list .upload-list_item .upload-list_item_delete { display: inline-block; position: relative; top: 1px; margin-left: 10px; height: 16px; width: 16px; opacity: 1; border: 1px solid #e4e4e4; border-radius: 50%; text-align: center; line-height: 16px; font-size: 12px; color: #888; background-color: #f8f8f8 }
.uploader-wrap .upload-list .upload-list_item .upload-list_item_delete:hover { border-color: #cc0909; background-color: #cc0909; color: #fff }
.uploader-wrap .upload-tip { font-size: 12px; opacity: .6; margin-bottom: 10px }
.reader-form .col-4 { width: 30%; float: left; margin-right: 3% }
.reader-form .col-4.ruifox-form-group { height: 110px }
.reader-form .col-4.ruifox-form-group input[type="text"], .reader-form .col-4.ruifox-form-group select { height: 36px; line-height: 36px }
.reader-form .col-4 .Validform_checktip { margin-left: 0 }
.ruifox-form-group .nc-container { min-height: 40px }
.ruifox-form-group .nc-container .nc_scale { height: 40px }
.ruifox-form-group .nc-container .nc_scale span { -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; line-height: 40px }
.ruifox-form-group .nc-container .nc_scale .scale_text { line-height: 40px }
.result-form { text-align: center; padding: 50px 0 }
.result-form .btn { vertical-align: middle }
.regform { margin-top: 40px }
.regform>.fl, .regform>.fr { width: 49%; height: 360px }
.regform>.fr { border-left: 1px solid #ddd }
.regform>.fr p { font-size: 16px; margin-left: 35px; margin-top: 35px }
.regform .ruifox-form-horizontal .ruifox-form-group { margin-bottom: 15px }
.regform .input-medium { display: block; width: 100% }
.regform .input-medium#ckcode { padding-right: 120px }
.regform #code_img { width: 110px; height: 34px; position: absolute; right: 2px; top: 3px; cursor: pointer }
.regform .getcode { height: 38px; line-height: 38px; position: absolute; right: 1px; top: 1px }
.regform .weixin-info span { display: inline-block; vertical-align: middle; line-height: 44px; height: 44px; margin-right: 5px }
.regform .weixin-info .headimg img { width: 44px; height: 44px; border-radius: 5px }
.regform .login { color: #0c7792 }
.member-subweb .logo-row { border-bottom: 1px solid #0c7792 }
.member-subweb .member-box { margin-top: 25px }
.member-subweb .member-box>.fl, .member-subweb .member-box>.fr { min-height: 600px }
.member-subweb .member-box>.fl { width: 18%; border-right: 1px solid #ddd }
.member-subweb .member-box>.fr { width: 78% }
.member-subweb .member-box .btn { padding-left: 15px; padding-right: 15px }
.member-subweb .member-menu ul { border-top: 1px solid #ddd; padding: 10px 0 }
.member-subweb .member-menu ul li { line-height: 35px }
.member-subweb .member-menu ul li a { display: block; padding: 0 10px }
.member-subweb .member-menu ul li a.cur, .member-subweb .member-menu ul li a:hover { background: #0c7792; color: #fff }
.member-subweb .member-menu ul li a.cur i, .member-subweb .member-menu ul li a:hover i { color: #fff }
.member-subweb .member-menu ul li a i { width: 20px; text-align: center; font-size: 18px; margin-right: 10px; color: #0c7792 }
.member-subweb .Validform_checktip { display: block; line-height: 30px; min-height: 30px; color: #aaa }
.member-subweb .Validform_checktip:before { font-family: "iconfont"; color: #007fd1; font-size: 18px; margin-right: 5px }
.member-subweb .Validform_checktip.Validform_wrong { color: #ec5645; font-size: 14px }
.member-subweb .Validform_checktip.Validform_wrong:before { color: #ec5645 }
.member-subweb .Validform_checktip.Validform_right { color: #71b83d; font-size: 14px }
.member-subweb .Validform_checktip.Validform_right:before { color: #71b83d }
.member-subweb .member-info { padding-bottom: 15px }
.member-subweb .member-info i { color: #ccc; margin: auto 2px; font-size: 22px; font-weight: normal }
.member-subweb .member-info i.authed { color: #0c7792 }
.member-subweb .data-filter { padding-bottom: 10px }
.member-subweb .data-filter input, .member-subweb .data-filter .btn, .member-subweb .data-filter select { vertical-align: middle; margin-right: 10px; border-radius: 4px; line-height: 34px; height: 34px; width: 120px }
.member-subweb .data-filter .btn { min-width: 110px }
.member-subweb .data-filter .data-filter-item { margin-right: 10px }
.member-subweb .data-filter .datatime { width: 110px }
.member-subweb .data-filter .datatime.range { width: 240px }
.member-subweb .data-list { margin-top: 18px }
.member-subweb .data-list table { width: 100% }
.member-subweb .data-list table tr { line-height: 24px; border-bottom: 1px solid #f2f2f2 }
.member-subweb .data-list table tr:hover td { background: #f9f9f9 }
.member-subweb .data-list table tr th { background: #eceff4; padding: 8px 10px; font-weight: bold }
.member-subweb .data-list table tr td { padding: 8px 10px }
.member-subweb .data-list table tr td:last-child { color: #ccc; word-spacing: .5em }
.member-subweb .data-list table .price { color: #f90 }
.member-subweb .data-list table .red { color: #ea5a54 }
.member-subweb .data-list table .blue { color: #54a0ea }
.member-subweb .data-list table .orange { color: #e49548 }
.member-subweb .data-list table .green { color: #63b98c }
.member-subweb .data-list table .disabled { color: #ddd; cursor: default }
.member-subweb .data-list table .handle { width: 20% }
.member-subweb .data-list table td a { color: #0c7792 }
.member-subweb .data-list table td a:hover { text-decoration: underline }
.member-subweb .list-tit h2 { font-size: 18px }
.list-show { margin-bottom: 10px }
.list-show h3 { line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 5px }
.list-show li { line-height: 34px }
.list-show li:hover { background: #f4f4f4 }
.list-show li label { display: inline-block; width: 120px; vertical-align: middle; color: #999 }
.list-show li a { display: inline !important }
.list-show .btn { width: 120px; line-height: 46px; margin-top: 20px }
.nodata { color: #ccc; padding: 100px 0 50px }
.nodata i { font-size: 100px; line-height: 1 }
.nodata span { display: block; font-size: 16px }
.report { border: 1px solid #e4e4e4; margin: 20px 0 }
.report th { font-weight: bold; padding: 10px 10px }
.report td { padding: 5px 10px }
.report-head { font-size: 15px }
.report-head span { color: #a6a4a4 }
.report-info tr { border-bottom: 1px solid #e4e4e4 }
.report-info tr:hover { background-color: #f9f9f9 }
.report .report-tit { background-color: #eceff4 !important; color: #797979 }
.state.state_0 { color: #fc8675 }
.state.state_1 { color: #65cea7 }
.state.state_2 { color: #5ab6df }
.state.state_3 { color: #ebc85e }
.party-subweb a:hover { color: #c50c11 }
.party-subweb .container a:hover { color: #c50c11 !important }
.party-subweb .party-news-left a:hover { color: #ff0 !important }
.party-subweb .subweb-header .subnav { background: linear-gradient(135deg, rgba(205,48,52,0.95) 0%, rgba(228,159,110,0.95) 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#F2CD3034', endColorstr='#F2E49F6E')
}
.party-subweb .subweb-header .logo-row .subweb-title { color: #ffffcc; background: linear-gradient(135deg, #f33 0%, #fc0 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FFFF3333', endColorstr='#FFFFCC00')
}
.party-subweb .subweb-header .logo-row .subweb-title:hover { background: linear-gradient(135deg, #ff0f0f 0%, #f0c000 100%) }
.party-subweb .subweb-header .logo-row .subweb-title:before { border-right-color: #f33 }
.party-subweb .subweb-header .logo-row .subweb-title-simple { color: #c50c11 }
.party-subweb .subweb-header .logo-row .search .change-wrap .keyword { border: 1px solid #c50c11 }
.party-subweb .subweb-header .logo-row .search .change-wrap .keyword:focus { -webkit-box-shadow: 0 0 3px 0px rgba(197,12,17,0.1); box-shadow: 0 0 3px 0px rgba(197,12,17,0.1) }
.party-subweb .subweb-header .logo-row .search .change-wrap .search-submit { background-color: #c50c11 }
.party-subweb .subweb-header .logo-row .search .change-wrap .search-submit:hover { background-color: #eb0e14 }
.party-subweb .subweb-header .logo-row .search .virtual-button:hover { background-color: #c50c11 }
.party-subweb .subweb-header .logo-row .gohome-bar:hover { background-color: #c50c11 }
.party-subweb .subweb-header .subweb-nav { background-color: #c50c11; background-color: rgba(197,12,17,0.85) }
.party-subweb .subweb-header .subweb-nav .subweb-nav-ul>li .hover-menu-wrap .hover-menu>a:hover { background-color: rgba(197,12,17,0.085) }
.party-subweb .subweb-header .subweb-nav .subweb-nav-ul>li.cur>a { position: relative }
.party-subweb .subweb-header .subweb-nav .subweb-nav-ul>li.cur>a:after { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 5px; background-color: #ff0 }
.party-subweb .subweb-header .subweb-nav .subweb-nav-ul>li>a:hover { position: relative }
.party-subweb .subweb-header .subweb-nav .subweb-nav-ul>li>a:hover:after { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 5px; background-color: #ff0 }
.party-subweb .list-item .list-tit a.fl:hover { color: #c50c11 }
.party-subweb .list-item .list-tit a.fl:after { background-color: #c50c11; height: 5px; width: 32px; bottom: -18px; left: 0; position: absolute; content: '' }
.party-subweb .list-item .list-tit a.more:after { color: #c50c11 }
.party-subweb .list-item .list-tit .tab-tit a.cur:after { background-color: #c50c11 }
.party-subweb .inner-list-item .inner-list-tit a.fl i { color: #c50c11 }
.party-subweb .inner-list-item .inner-list-tit a.fl:hover { color: #c50c11 }
.party-subweb .inner-list-item .inner-list-tit a.fl:after { background-color: #c50c11 }
.party-subweb .inner-list-item .inner-list-tit a.more:after { color: #c50c11 }
.party-subweb .inner-list-item .inner-list-tit .tab-tit a.cur:after { background-color: #c50c11 }
.party-subweb .second-nav-wrap h1 { color: #c50c11 }
.party-subweb .second-nav-wrap .second-nav { background: rgba(239,237,229,0.95) }
.party-subweb .second-nav-wrap .second-nav-list { border-top-color: rgba(213,209,209,0.95) }
.party-subweb .second-nav-wrap .second-nav-list ul li a { color: #666 }
.party-subweb .second-nav-wrap .second-nav-list ul li:hover a { color: #c50c11 }
.party-subweb .second-nav-wrap .second-nav-list ul li.cur:after { background-color: #c50c11 }
.party-subweb .pager a.cur { background: #c50c11 }
.party-subweb .pager button:hover { background-color: #c50c11 }
.party-subweb .construction-item .const-item-txt a:before, .party-subweb .lecture-item .lect-item-txt a:before { color: #c50c11 }
.party-subweb .special-box .home-special li a:hover { border-color: #c50c11; -webkit-box-shadow: 0px 10px 10px rgba(197,12,17,0.2); box-shadow: 0px 10px 10px rgba(197,12,17,0.2); color: #fff }
.party-subweb .special-box .home-special li a .tit { background: #f8f8f8 }
.party-subweb .news-footer-share { border-bottom-color: #c50c11 }
.party-subweb .video-list ul li .vdimg i { background-color: #c50c11 }
.party-subweb .cate-text-list li a:before { color: #c50c11 }
.party-subweb .content .news-content .keylink { color: #c50c11; border-bottom-color: #c50c11 }
.youth-subweb a:hover { color: #084ba8 }
.youth-subweb .container a:hover { color: #084ba8 !important }
.youth-subweb .party-news-left a:hover { color: #ff0 !important }
.youth-subweb .subweb-header .subnav { background: linear-gradient(135deg, rgba(8,75,168,0.95) 0%, rgba(75,130,202,0.95) 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#F2084BA8', endColorstr='#F24B82CA')
}
.youth-subweb .subweb-header .logo-row .subweb-title { color: #eaf0f9; background: linear-gradient(135deg, #084ba8 0%, #4b82ca 100%); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, GradientType=0, startColorstr='#FF084BA8', endColorstr='#FF4B82CA')
}
.youth-subweb .subweb-header .logo-row .subweb-title:hover { background: linear-gradient(135deg, #063c86 0%, #3f7ac7 100%) }
.youth-subweb .subweb-header .logo-row .subweb-title:before { border-right-color: #084ba8 }
.youth-subweb .subweb-header .logo-row .subweb-title-simple { color: #084ba8 }
.youth-subweb .subweb-header .logo-row .search .change-wrap .keyword { border: 1px solid #084ba8 }
.youth-subweb .subweb-header .logo-row .search .change-wrap .keyword:focus { -webkit-box-shadow: 0 0 3px 0px rgba(8,75,168,0.1); box-shadow: 0 0 3px 0px rgba(8,75,168,0.1) }
.youth-subweb .subweb-header .logo-row .search .change-wrap .search-submit { background-color: #084ba8 }
.youth-subweb .subweb-header .logo-row .search .change-wrap .search-submit:hover { background-color: #0a5ccf }
.youth-subweb .subweb-header .logo-row .search .virtual-button:hover { background-color: #084ba8 }
.youth-subweb .subweb-header .logo-row .gohome-bar:hover { background-color: #084ba8 }
.youth-subweb .subweb-header .subweb-nav { background-color: #084ba8; background-color: rgba(8,75,168,0.85) }
.youth-subweb .subweb-header .subweb-nav .subweb-nav-ul>li .hover-menu-wrap .hover-menu>a:hover { background-color: rgba(8,75,168,0.085) }
.youth-subweb .list-item .list-tit a.fl:hover { color: #084ba8 }
.youth-subweb .list-item .list-tit a.fl:after { background-color: #084ba8; height: 5px; width: 32px; bottom: -18px; left: 0; position: absolute; content: '' }
.youth-subweb .list-item .list-tit a.more:after { color: #084ba8 }
.youth-subweb .list-item .list-tit .tab-tit a.cur:after { background-color: #084ba8 }
.youth-subweb .inner-list-item .inner-list-tit a.fl i { color: #084ba8 }
.youth-subweb .inner-list-item .inner-list-tit a.fl:hover { color: #084ba8 }
.youth-subweb .inner-list-item .inner-list-tit a.fl:after { background-color: #084ba8 }
.youth-subweb .inner-list-item .inner-list-tit a.more:after { color: #084ba8 }
.youth-subweb .inner-list-item .inner-list-tit .tab-tit a.cur:after { background-color: #084ba8 }
.youth-subweb .second-nav-wrap h1 { color: #084ba8 }
.youth-subweb .second-nav-wrap .second-nav { background: rgba(239,237,229,0.95) }
.youth-subweb .second-nav-wrap .second-nav-list { border-top-color: rgba(213,209,209,0.95) }
.youth-subweb .second-nav-wrap .second-nav-list ul li a { color: #666 }
.youth-subweb .second-nav-wrap .second-nav-list ul li:hover a { color: #084ba8 }
.youth-subweb .second-nav-wrap .second-nav-list ul li.cur:after { background-color: #084ba8 }
.youth-subweb .pager a.cur { background: #084ba8 }
.youth-subweb .pager button:hover { background-color: #084ba8 }
.youth-subweb .construction-item .const-item-txt a:before, .youth-subweb .lecture-item .lect-item-txt a:before { color: #084ba8 }
.youth-subweb .special-box .home-special li a:hover { border-color: #084ba8; -webkit-box-shadow: 0px 10px 10px rgba(8,75,168,0.2); box-shadow: 0px 10px 10px rgba(8,75,168,0.2); color: #fff }
.youth-subweb .special-box .home-special li a .tit { background: #f8f8f8 }
.youth-subweb .news-footer-share { border-bottom-color: #084ba8 }
.youth-subweb .video-list ul li .vdimg i { background-color: #084ba8 }
.youth-subweb .cate-text-list li a:before { color: #084ba8 }
.youth-subweb .content .news-content .keylink { color: #084ba8; border-bottom-color: #084ba8 }
.youth-subweb .science-news .text-news-wrap li .text-news-item .text-news-mark b { color: #084ba8 }
.subweb-slider-wrap { height: 550px; overflow: hidden; background: #f2f2f2; position: relative; margin-top: -58px }
.subweb-slider-wrap .subweb-slider { height: 550px; position: relative; width: 100% }
.subweb-slider-wrap .subweb-slider .subweb-slider-item { width: 100%; height: 550px; float: left; overflow: hidden; background-position: top; position: relative; background-attachment: fixed }
.subweb-slider-wrap .subweb-slider .subweb-slider-item img { display: block }
.subweb-slider-wrap .subweb-slider-control { position: absolute; bottom: 10px; width: 100% }
.subweb-slider-wrap .subweb-slider-control .slick-dots { position: static; text-align: right }
.subweb-slider-wrap .subweb-slider-control .slick-dots li.slick-active { background-color: #ff0 }
.party-news-left { width: 245px }
.party-news-left a { display: block; width: 100%; height: 125px; border-radius: 10px; color: #ff0; text-align: center; line-height: 1.2; -webkit-box-shadow: 0px 10px 30px rgba(197,12,17,0.3); box-shadow: 0px 10px 30px rgba(197,12,17,0.3); font-size: 20px }
.party-news-left a:hover { opacity: .9 }
.party-news-left a:hover i { -webkit-animation-name: tada; animation-name: tada; -webkit-transform-origin: center; transform-origin: center }
.party-news-left a i { display: block; font-size: 57px; line-height: 90px }
.party-news-left a+a { margin-top: 17px }
.party-news-right { width: 913px }
.party-news-right .news-slide { overflow: hidden; height: 350px; position: relative; width: 550px }
.party-news-right .news-slide .img-news ul { height: 350px }
.party-news-right .news-slide .img-news-item { width: 100%; float: left; position: relative; height: 350px }
.party-news-right .news-slide .img-news-item .img-news-item-img { display: block; width: 100%; height: 100% }
.party-news-right .news-slide .img-news-item .img-news-item-img img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.party-news-right .news-slide .img-news-item .img-news-item-img:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.party-news-right .news-slide .img-news-item .img-news-item-title { color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 68px 20px 23px; height: 44px; background: url(../images/news-slide-mark.png) }
.party-news-right .news-slide .img-news-item .img-news-item-title p { position: relative; display: -webkit-box; font-size: 16px; line-height: 22px; height: 44px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.party-news-right .news-slide .img-news-item .img-news-item-title p span { position: absolute; right: 0; bottom: -2px; opacity: .6; color: #fff; font-size: 12px }
.party-news-right .news-slide .img-news-item .img-news-item-title p span u { position: relative; top: -1px; padding: 0 3px }
.party-news-right .news-slide .dots { position: absolute; left: 0; bottom: 12px; right: 0; height: 3px; text-align: center }
.party-news-right .news-slide .dots li { display: inline-block; width: 15px; height: 3px; margin-left: 5px; background: #fff; opacity: .6; filter: alpha(opacity=60); text-indent: -999px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s }
.party-news-right .news-slide .dots li.active { opacity: 1; filter: alpha(opacity=100); background-color: #c50c11 }
.party-news-right .text-news-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; width: 335px; background-color: #fff; height: 350px }
.party-news-right .text-news-wrap li { padding: 15px 0; border-bottom: 1px dashed #e4e4e4 }
.party-news-right .text-news-wrap li:first-child { padding-top: 0 }
.party-news-right .text-news-wrap li:last-child { border-bottom: none }
.party-news-right .text-news-wrap li .text-news-item { display: block; position: relative; padding-left: 74px }
.party-news-right .text-news-wrap li .text-news-item .text-news-title { height: 46px; line-height: 23px; max-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important; font-size: 15px; font-weight: normal }
.party-news-right .text-news-wrap li .text-news-item .text-news-mark { position: absolute; top: 0; left: 0; text-align: center; width: 50px; line-height: 1 }
.party-news-right .text-news-wrap li .text-news-item .text-news-mark b { font-size: 20px; color: #c50c11; display: block; border-bottom: 1px solid #e4e4e4; padding-bottom: 6px; margin-bottom: 5px }
.party-news-right .text-news-wrap li .text-news-item .text-news-mark span { color: #999 }
.construction-item { width: 580px }
.construction-item .const-item-img { height: 98px; position: relative; margin-bottom: 5px }
.construction-item .const-item-img.const-item-img-thumb { padding-left: 159px }
.construction-item .const-item-img .thumb { position: absolute; top: 0; left: 0; width: 140px; height: 98px }
.construction-item .const-item-img .thumb img { width: 140px; height: 98px }
.construction-item .const-item-img .tit { font-size: 18px; line-height: 23px; max-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important; margin-bottom: 10px }
.construction-item .const-item-img p { color: #686868; font-size: 13px; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.construction-item .const-item-img .remark { color: #999; font-size: 13px; line-height: 1; height: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.construction-item .const-item-txt li { line-height: 41px; border-bottom: 1px dashed #e4e4e4 }
.construction-item .const-item-txt li:last-child { border: none }
.construction-item .const-item-txt a { display: block; width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.construction-item .const-item-txt a:before { content: '•'; color: #c50c11; margin-right: 3px; font-family: 'Arial Normal', 'Arial' }
.example-box { padding: 40px 0; background-color: #f2f2f2 }
.example-box ul li { width: 224px; height: 242px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f2f2f2; float: left }
.example-box ul li+li { margin-left: 20px }
.example-box ul li .thumb { width: 100%; height: 168px; overflow: hidden; position: relative; display: block }
.example-box ul li .thumb:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.example-box ul li .thumb img { width: 100%; height: 165px; display: block; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s }
.example-box ul li .tit { padding: 14px 20px; font-size: 15px; font-weight: normal; text-align: justify }
.example-box ul li .tit a { line-height: 22px; max-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.lecture-item { width: 580px; height: 340px }
.lecture-item .lect-item-img { width: 195px; position: relative }
.lecture-item .lect-item-img .thumb { width: 100%; height: 115px; display: block; margin-bottom: 12px }
.lecture-item .lect-item-img .thumb img { width: 100%; height: 115px }
.lecture-item .lect-item-img .tit { font-size: 16px; line-height: 23px; max-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important; margin-bottom: 12px }
.lecture-item .lect-item-img p { color: #686868; font-size: 13px; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important }
.lecture-item .lect-item-img .remark { color: #999; font-size: 13px; line-height: 1; height: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.lecture-item .lect-item-txt { width: 355px; position: relative; top: -12px }
.lecture-item .lect-item-txt li { line-height: 41px; border-bottom: 1px dashed #e4e4e4 }
.lecture-item .lect-item-txt li:last-child { border-bottom: none }
.lecture-item .lect-item-txt a { display: block; width: 85% }
.lecture-item .lect-item-txt a:before { content: '•'; color: #c50c11; margin-right: 3px; font-family: 'Arial Normal', 'Arial' }
.footer-s-001 { min-width: 1200px; background-color: #02596a }
.footer-s-001 .friend-link { position: relative; min-width: 1200px; height: 60px; line-height: 60px }
.footer-s-001 .friend-link .left-addres a { color: #fff; font-weight: bold; font-size: 16px }
.footer-s-001 .friend-link .left-addres a+a { margin-left: 10px }
.footer-s-001 .friend-link .left-addres a i { margin-right: 5px }
.footer-s-001 .friend-link .right-linklist li { float: left }
.footer-s-001 .friend-link .right-linklist li+li { margin-left: 30px }
.footer-s-001 .friend-link .right-linklist li>a { display: block; color: #fff }
.footer-s-001 .friend-link .right-linklist li>a:after { content: "\e610"; font-family: "iconfont"; position: relative; display: inline-block; width: 20px; margin-left: 5px }
.footer-s-001 .friend-link .right-linklist .link-nav { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 60px; z-index: 1; width: 100%; padding: 20px 0; background-color: #04adce }
.footer-s-001 .friend-link .right-linklist .link-nav a { float: left; display: block; color: #fff; padding: 3px 5px; font-size: 14px; line-height: 25px }
.footer-s-001 .friend-link .right-linklist .link-nav a:hover { color: #fff; background-color: #024451 }
.footer-s-001 .footer-info { padding: 30px 0; border-top: 1px solid #0b697b; border-bottom: 1px solid #0b697b }
.footer-s-001 .footer-info .left-info { width: 600px }
.footer-s-001 .footer-info .left-info .institution-logo a { display: block; float: left }
.footer-s-001 .footer-info .left-info .institution-logo a img { display: block; width: 90px }
.footer-s-001 .footer-info .left-info .institution-logo a+a { margin-top: 10px; margin-left: 20px }
.footer-s-001 .footer-info .left-info .site-info { margin-left: 20px }
.footer-s-001 .footer-info .left-info .site-info p { margin-bottom: 0; color: #fff; line-height: 28px }
.footer-s-001 .footer-info .left-info .site-info p a { color: #fff }
.footer-s-001 .footer-info .left-info .site-info p a:hover { color: #00bfbf }
.footer-s-001 .footer-info .left-info .site-info p u { color: #c4c4c4 }
.footer-s-001 .footer-info .right-phone-qr { width: 600px; color: #fff }
.footer-s-001 .footer-info .right-phone-qr .phone { width: 220px }
.footer-s-001 .footer-info .right-phone-qr .phone dl{}
.footer-s-001 .footer-info .right-phone-qr .phone dl dt{ color:#c4c4c4;}
.footer-s-001 .footer-info .right-phone-qr .phone dl dd{ font-size:24px; font-weight:700;}
.footer-s-001 .footer-info .right-phone-qr .phone dl dd a{ color:#fff;}
.footer-s-001 .footer-info .right-phone-qr .qr-code { width: 370px }
.footer-s-001 .footer-info .right-phone-qr .qr-code a { display: block; float: right; width: 150px; color: #fff; text-align: center }
.footer-s-001 .footer-info .right-phone-qr .qr-code a+a { margin-right: 20px }
.footer-s-001 .footer-info .right-phone-qr .qr-code a img { display: block; width: 150px; height: 150px }
.footer-s-001 .footer-info .right-phone-qr .qr-code a span { display: block; min-height: 20px; line-height: 20px; max-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important }
.footer-s-001 .footer-bottom-links { height: 60px; line-height: 60px }
.footer-s-001 .footer-bottom-links .left-footerlink a { position: relative; float: left; color: #fff }
.footer-s-001 .footer-bottom-links .left-footerlink a:hover { color: #00bfbf }
.footer-s-001 .footer-bottom-links .left-footerlink a+a { margin-left: 40px }
.footer-s-001 .footer-bottom-links .left-footerlink a+a:before { content: ''; display: block; position: absolute; left: -20px; top: 22px; width: 1px; height: 16px; background-color: #0b697b }
.footer-s-001 .footer-bottom-links .right-author { color: #fff }
.footer-s-001 .footer-bottom-links .right-author a { color: #fff }
.footer-s-001 .footer-bottom-links .right-author a:hover { color: #00bfbf }
.gotop { display: none; position: fixed; right: 10px; bottom: 10px; width: 60px; height: 60px; background-color: #00bfbf; border-radius: 3px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.gotop i { display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 30px; border-radius: 3px }
.gotop:hover { background-color: #0c7792 }
.login-dialog { display: none; background: url(../images/black70.png); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100 }
.login-dialog .login-pop { background: #fff; border-top: 5px solid #0c7792; padding: 10px 30px; width: 300px; border-radius: 4px; position: fixed; left: 50%; top: 50%; margin-left: -180px; margin-top: -250px }
.login-dialog .login-pop .pop-tit { line-height: 50px; font-size: 16px; position: relative; border-bottom: 1px solid #ddd; margin-bottom: 20px }
.login-dialog .login-pop .pop-tit a { display: block; width: 50%; float: left; text-align: center }
.login-dialog .login-pop .pop-tit a.cur { border-bottom: 1px solid #ff9f53; margin-bottom: -1px; color: #ff9f53 }
.login-dialog .login-pop .close { position: absolute; top: 5px; right: 10px }
.login-dialog .login-pop .login-form a { color: #0c7792 }
.login-dialog .login-pop .login-form a:hover { color: #ff9f53 }
.login-dialog .login-pop .login-form .ruifox-form-group { margin-bottom: 15px }
.login-dialog .login-pop .login-form .ruifox-form-group .control { width: 100% }
.login-dialog .login-pop .login-form .ruifox-form-group .control .input { width: 100%; display: block; padding-left: 36px }
.login-dialog .login-pop .login-form .ruifox-form-group .control .btn { width: 100%; font-size: 16px }
.login-dialog .login-pop .login-form .ruifox-form-group .control>span { position: absolute; top: 5px; text-align: center; left: 0; width: 34px; height: 34px; z-index: 2; line-height: 34px; color: #d5cccc }
.login-dialog .login-pop .login-form p.text-center { word-spacing: 1em; color: #999 }
.login-dialog .login-pop .login-form .login-qr { display: block; margin: auto; width: 200px; height: 200px; background: url(../images/loading-gray.gif) center no-repeat }
.login-dialog .login-pop .no-login { border-top: 1px solid #ddd; padding-top: 10px; position: relative; margin-top: 15px }
.login-dialog .login-pop .no-login:after { content: 'OR'; position: absolute; padding: 0 15px; background-color: #fff; color: #999; top: -9px; left: 50%; margin-left: -25px; line-height: 18px }
.login-dialog .login-pop .no-login input, .login-dialog .login-pop .no-login .btn, .login-dialog .login-pop .no-login .control { width: 100% }
.login-dialog .login-pop .no-login .btn { background: #666; color: #fff }
.login-dialog .login-pop .no-login .btn:hover { background: #888 }
.msg { display: inline-block; padding: 100px }
.msg .fl { margin-right: 15px }
.msg .msg-info { min-width: 650px }
.msg .msg-info h1 { font-size: 18px; margin-bottom: 15px }
.msg .msg-info h1 i { font-weight: normal; font-size: 110px; line-height: 1.5; margin-right: 10px; color: #00A539; display: block }
.msg .msg-info .red { color: #ea5a54 }
.msg .msg-info a { color: #0c7792; font-weight: normal }
.msg .msg-info .btn { width: 120px; font-size: 16px; line-height: 40px; color: #fff; background-color: #0c7792 }
.msg .msg-info .btn:hover { background-color: #ff9f53 }
.msg .msg-link { color: #ddd; word-spacing: .5em }
.order-info>i { font-weight: normal; font-size: 110px; line-height: 1.5; margin-right: 10px; color: #00A539; display: block }
@media print {
.header, .two-nav, .path, .news-show>.fr, .news-mark, .color-share, .banner, .aside-share, .related, .footer, .aside, .gotop, .login-dialog, .links, .gotop, .theme-cont, .second-nav-wrap, #related_list_wrap { display: none !important }
.layout, .news-show>.fl { float: none !important; width: auto }
img { text-align: center }
}
@media (max-width: 1285px) {
.aside { display: none }
}

/*# sourceMappingURL=style.css.map */
.clear{ clear:both;}




.h_rt1{ float:right; margin:25px 0 0 0;}
.h_rt1 .h2{ font-size:14px; line-height:24px;}
.h_rt1 .h2 img{ vertical-align:middle; margin-right:5px;}
.h_rt1 .h3{ font-size:22px; line-height:34px;}
.h_rt1 .h3 img{  height:20px; vertical-align:middle; margin-right:5px;}
.h_rt1 .h3 b{ font-size:22px; color:#c12d31;}