/*dynamic*/ .E_dynamic_box { margin-top: 10px; height: 250px; width: 490px; background: url("/Content/themes/Default/images/E_index_dynamic_title_bg.jpg") repeat-x; border: 1px solid #cccccc; float: left; } .E_dynamic_title { float: left; height: 31px; width: 87px; background: url("/Content/themes/Default/images/E_index_dynamic_title.jpg") no-repeat; color: #FFF; line-height: 31px; font-weight: bold; padding-left: 18px; } .E_dynamic { background: url("/Content/themes/Default/images/E_index_dynamic_bg.jpg") repeat-x; width: 490px; height: 217px; } .E_dynamic_h3 { height: 40px; line-height: 40px; text-align: center; color: #004594; font-size: 16px; padding: 0px 2px; overflow: hidden; } .E_dynamic_h3 a:hover, .E_dynamic_h3 a:visited { color: #004594; } .E_dynamic_p { height: 50px; line-height: 24px; margin-left: 10px; margin-right: 10px; color: #666; font-size: 14px; } .E_dynamic_border { height: 10px; border-bottom: #999 1px dashed; margin-bottom: 10px; } .E_dynamic ul li { list-style: inside; text-indent: 1em; font-size: 12px; line-height: 24px; } .E_dynamic ul li a { color: #666; } .E_dynamic ul li a:hover { color: #FF6B08; } .E_focus_images { margin-top: 10px; height: 250px; width: 500px; background: #FFF; float: right; } #Tab_dynamic { width: 490px; margin: 0px; padding: 0px; margin: 0 auto; } .dynamic_menu { height: 32px; } #Tab_dynamic img { float: right; margin-top: 10px; margin-right: 10px; } .Menubox_dynamic { float: left; width: 300px; height: 31px; line-height: 31px; } .Menubox_dynamic ul { margin: 0px; padding: 0px; } .Menubox_dynamic li { float: left; display: block; cursor: pointer; width: 87px; text-align: center; color: #949694; font-weight: bold; } .Menubox_dynamic li.hover { padding: 0px; background: #fff; width: 87px; color: #666; font-weight: bold; height: 31px; line-height: 35px; background: url("/Content/themes/Default/images/E_index_dynamic_press.jpg"); } .Contentbox_dynamic { clear: both; background: url("/Content/themes/Default/images/classify_tab_bg.jpg") repeat-x; margin-bottom: 10px; } /* focus */ #focus { width: 500px; height: 250px; overflow: hidden; position: relative; } #focus ul { height: 250px; position: absolute; } #focus ul li { float: left; width: 500px; height: 250px; overflow: hidden; position: relative; background: #000; } #focus ul li div { position: absolute; overflow: hidden; } #focus .btnBg { position: absolute; width: 500px; height: 24px; left: 0; bottom: 0; background: url("/Content/themes/Default/images/images_pages.png"); } #focus .btn { position: absolute; width: 460px; height: 24px; left: 335px; bottom: 0px; } #focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 22px; height: 22px; line-height: 24px; text-align: center; font-size: 14px; font-family: "Microsoft YaHei",SimHei; margin-right: 10px; cursor: pointer; color: #fff; } #focus .btn span.on { background: #666; color: #ffd861; } /* =Skitter styles ----------------------------------------------- */ .box_skitter { position: relative; width: 500px; height: 250px; background: #000; } .box_skitter img { max-width: none; } /* Tip for stildv */ .box_skitter ul { display: none; } .box_skitter .container_skitter { overflow: hidden; position: relative; } .box_skitter .image { overflow: hidden; } .box_skitter .image img { display: none; } /* =Box clone -------------------------------------------------------------- */ .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; } .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; } /* =Navigation -------------------------------------------------------------- */ .box_skitter .prev_button { position: absolute; top: 55%; left: 5px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .next_button { position: absolute; top: 55%; right: 5px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .prev_button:hover, .box_skitter .next_button:hover { opacity: 0.5 !important; } /* =Numbers -------------------------------------------------------------- */ .box_skitter .info_slide { position: absolute; top: 15px; left: 15px; z-index: 100; background: #000; color: #fff; font: bold 11px arial; padding: 5px 0 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 0.75; } .box_skitter .info_slide .image_number { background: #333; float: left; padding: 2px 10px; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .info_slide .image_number:hover { background: #000; } .box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover { background: #cc3333; float: left; padding: 2px 10px; margin: 0 5px 0 0; } /* =Thumbs Change width and height to customization dimension thumb -------------------------------------------------------------- */ .box_skitter .container_thumbs { position: relative; overflow: hidden; height: 50px; } .box_skitter .info_slide_thumb { height: 50px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; top: auto; top: 0; left: 0; padding: 0 !important; opacity: 1.0; } .box_skitter .info_slide_thumb .image_number { overflow: hidden; width: 100px; height: 50px; position: relative; margin: 0 !important; padding: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .box_skitter .info_slide_thumb .image_number img { position: absolute; top: -30px; left: -30px; height: 100px; } .box_skitter .box_scroll_thumbs { padding: 0; } .box_skitter .box_scroll_thumbs .scroll_thumbs { position: absolute; bottom: 60px; left: 50px; background: #ccc; background: -moz-linear-gradient(-90deg, #555, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff)); width: 200px; height: 10px; overflow: hidden; text-indent: -9999em; z-index: 101; cursor: pointer; border: 0px solid #333; } /* =Dots -------------------------------------------------------------- */ .box_skitter .info_slide_dots { position: absolute; bottom: -40px; z-index: 151; padding: 5px 0 5px 5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } .box_skitter .info_slide_dots .image_number { background: #333; float: left; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 18px; height: 18px; text-indent: -9999em; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .info_slide_dots .image_number:hover { background: #000; } .box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover { background: #cc3333; float: left; margin: 0 5px 0 0; } /* =Loading -------------------------------------------------------------- */ .loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url("/Content/themes/Default/images/ajax-loader.gif") no-repeat left top; width: 32px; height: 32px; } /* =Label -------------------------------------------------------------- */ .box_skitter .label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; display: block; } .box_skitter .label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; color: #fff; display: block; background: url("/Content/themes/Default/images/images_pages.png"); ; } .box_skitter .label_skitter p { margin: 0; font: normal 14px arial,tahoma; letter-spacing: -1px; height: 24px; line-height: 24px; text-indent: 6px; } .box_skitter .progressbar { background: #000; position: absolute; top: 5px; left: 15px; height: 5px; width: 200px; z-index: 99; border-radius: 20px; } /* =Preview slide -------------------------------------------------------------- */ .box_skitter .preview_slide { display: none; position: absolute; z-index: 152; bottom: 30px; left: -40px; width: 100px; height: 100px; background: #fff; border: 1px solid #222; -moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; overflow: hidden; } .box_skitter .preview_slide ul { height: 100px !important; overflow: hidden !important; margin: 0 !important; list-style: none !important; display: block !important; position: absolute !important; top: 0; left: 0; } .box_skitter .preview_slide ul li { width: 100px !important; height: 100px !important; overflow: hidden !important; float: left !important; margin: 0 !important; padding: 0 !important; position: relative !important; display: block !important; } .box_skitter .preview_slide ul li img { position: absolute !important; top: 0 !important; left: 0 !important; height: 150px !important; width: auto !important; } /* =Focus -------------------------------------------------------------- */ #overlay_skitter { position: absolute; top: 0; left: 0; width: 100%; z-index: 9998; opacity: 1; background: #000; } .box_skitter .focus_button { position: absolute; top: 50%; z-index: 100; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .play_pause_button { position: absolute; top: 50%; z-index: 151; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .play_pause_button.play_button { } .box_skitter .play_pause_button:hover { opacity: 0.5 !important; } .box_skitter .focus_button:hover { opacity: 0.5 !important; } /* =Example for dimenions -------------------------------------------------------------- */ .box_skitter_large { width: 500px; height: 250px; } .box_skitter_small { width: 200px; height: 100px; } /* =Default theme -------------------------------------------------------------- */ .box_skitter .focus_button, .box_skitter .next_button, .box_skitter .prev_button, .box_skitter .play_pause_button { display: block; background: url("/Content/themes/Default/images/sprite-default.png") no-repeat; } .box_skitter .next_button { background-position: -0px -42px; width: 42px; height: 42px; } .box_skitter .prev_button { background-position: -42px -42px; width: 42px; height: 42px; } .box_skitter .play_pause_button { background-position: -0px -0px; width: 42px; height: 42px; } .box_skitter .play_pause_button.play_button { background-position: -0px -84px; width: 42px; height: 42px; } .box_skitter .focus_button { background-position: -42px -0px; width: 42px; height: 42px; } /* =Clean theme -------------------------------------------------------------- */ .skitter-clean .prev_button, .skitter-clean .next_button, .skitter-clean .play_pause_button, .skitter-clean .focus_button { display: block; background: url("/Content/themes/Default/images/sprite-clean.png") no-repeat; } .skitter-clean .prev_button { background-position: 0px 0px; width: 33px; height: 33px; } .skitter-clean .next_button { background-position: 0px -34px; width: 33px; height: 33px; } .skitter-clean .play_pause_button { background-position: -0px -133px; width: 41px; height: 41px; } .skitter-clean .play_pause_button.play_button { background-position: -0px -92px; width: 41px; height: 41px; } .skitter-clean .focus_button { background-position: -0px -174px; width: 41px; height: 41px; } .skitter-clean .info_slide { background: transparent; } .skitter-clean .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color: #333; } .skitter-clean .info_slide .image_number:hover { background: #ccc; } .skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover { background: #111; color: #fff; } .skitter-clean .info_slide_dots { bottom: 1px; /*background: rgba(255,255,255,0.8); box-shadow: rgba(0,0,0,0.3) 1px 1px 0;*/ } .skitter-clean .info_slide_dots .image_number { width: 8px; height: 8px; background: #fff; } .skitter-clean .info_slide_dots .image_number:hover { background: #003c84; } .skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover { background: #003c84; } .skitter-clean .progressbar { top: 5px; left: 5px; background: #fff; box-shadow: rgba(0,0,0,0.5) 1px 1px 0; } /*hospital departments*/ .E_hospital_departments { width: 1000px; min-height: 110px; height: auto !important; background: #e6e6e6; } .E_hospital_departments a { width: 200px; height: 110px; float: left; } /*hospital list*/ .E_hospital_list { width: 1000px; height: 200px; background: url("/Content/themes/Default/images/middle_menu_bg.png") #ebebeb repeat-x; font-family: "微软雅黑"; } .E_hospital_list dl { float: left; width: 145px; margin-left: 20px; height: 200px; } .E_hospital_list dl dt { color: #333; font-weight: bold; width: 145px; height: 35px; padding-left: 16px; line-height: 42px; margin-bottom: 10px; } .E_hospital_list dl dd { line-height: 28px; text-indent: 20px; } .E_hospital_list dl dd a { font-size: 12px; color: #666; font-weight: bold; } .E_hospital_list dl dd a:hover { text-decoration: underline; color: #FFAF59; } .middle_menu_icon1 { background: url("/Content/themes/Default/images/middle_menu_list_icon1.png") no-repeat left bottom; } .middle_menu_icon2 { background: url("/Content/themes/Default/images/middle_menu_list_icon2.png") no-repeat left bottom; } .middle_menu_icon3 { background: url("/Content/themes/Default/images/middle_menu_list_icon3.png") no-repeat left bottom; } .middle_menu_icon4 { background: url("/Content/themes/Default/images/middle_menu_list_icon4.png") no-repeat left bottom; } .middle_menu_icon5 { background: url("/Content/themes/Default/images/middle_menu_list_icon5.png") no-repeat left bottom; } .middle_menu_icon6 { background: url("/Content/themes/Default/images/middle_menu_list_icon6.png") no-repeat left bottom; } /*banner*/ .E_banner { margin-bottom: 10px; } /*classify list*/ /*选项卡*/ #Tab2 { width: 1000px; margin: 0px; padding: 0px; margin: 0 auto; background: #FFF; float: left; } /*菜单class*/ .Menubox { width: 100%; background: #FFF; height: 35px; line-height: 35px; } .Menubox ul { margin: 0px; padding: 0px; } .Menubox li { float: left; display: block; cursor: pointer; width: 200px; text-align: center; color: #949694; font-weight: bold; background: url("/Content/themes/Default/images/E_index_icon.jpg") 20px no-repeat; } .Menubox li.hover { padding: 0px; background: #fff; width: 200px; border-bottom: 3px solid #bc9e02; color: #666; font-weight: bold; height: 35px; line-height: 35px; background: url("/Content/themes/Default/images/E_index_icon.jpg") 20px no-repeat; } .Contentbox { clear: both; border-top: #bc9e02 1px solid; margin-top: 0px; min-height: 158px; text-align: center; padding-top: 8px; background: url("/Content/themes/Default/images/classify_tab_bg.jpg") repeat-x #f5f5f5; float: left; padding-bottom: 4px; } /*classify*/ .office_all { float: left; } .office_all dl { height: 85px; display: block; float: left; overflow: hidden; border-bottom: 1px solid #d2d2d2; width: 1000px; position: relative; } .office_all dt { height: 30px; line-height: 30px; font-weight: bold; width: 85px; background: url("/Content/themes/Default/images/office_btn.jpg"); margin: 10px 3px 0px 3px; float: left; } .office_all dd { display: inline; height: 30px; line-height: 30px; float: left; margin: 10px 3px 0px 3px; width: 84px; font-size: 14px; overflow: hidden; } .office_all dd a { color: #666; } .office_all dd a:hover { color: #ff6b08; text-decoration: underline; } .classify_icon { position: absolute; right: 500px; bottom: -1px; } .classify_icon img { cursor: pointer; } .E_office_show { height: 85px; display: block; float: left; overflow: hidden; border-bottom: 1px solid #d2d2d2; } .E_office_hidden { height: 85px; display: block; float: left; overflow: hidden; border-bottom: 1px solid #d2d2d2; } /*newlist*/ .E_newslist { background: #FFF; float: left; } #Tab1 { width: 1000px; margin: 0px; padding: 0px; margin: 0 auto; float: left; } /*菜单class*/ .Menubox_newslist { width: 100%; background: #FFF; height: 33px; line-height: 33px; background: url("/Content/themes/Default/images/news_list_bg.jpg") repeat-x; } .Menubox_newslist ul { margin: 0px; padding: 0px; } .Menubox_newslist li { float: left; display: block; cursor: pointer; width: 200px; text-align: center; color: #949694; font-weight: bold; border-bottom: #bc9e02 1px solid; } .Menubox_newslist li.hover { margin-top: 2px; padding: 0px; background: #fff; width: 200px; color: #666; font-weight: bold; height: 32px; line-height: 33px; background: url("/Content/themes/Default/images/news_list_hover.jpg"); border-bottom: 2px solid #fff; } .Contentbox_newslist { clear: both; margin-top: 0px; min-height: 198px; padding-top: 8px; background: url("/Content/themes/Default/images/classify_tab_bg.jpg") repeat-x; } .hospital_news_one { float: left; height: 190px; background: url("/Content/themes/Default/images/news_line.gif") no-repeat center; width: 1000px; } .hospital_news_one ul { float: left; } .hospital_news_one ul li { list-style-image: url("/Content/themes/Default/images/news_list_icon.jpg"); height: 28px; color: #666; float: left; width: 400px; margin-right: 20px; margin-left: 60px; *margin-left: 25px; *background: url("/Content/themes/Default/images/news_list_icon.jpg") 30px 2px no-repeat; *padding-left: 50px; } .hospital_news_one ul li a { font-size: 12px; color: #666; } .hospital_news_one ul li a:hover { color: #FF6B08; text-decoration: underline; } .hospital_news_one ul li span { font-size: 12px; float: right; } /*column*/ .E_column { height: 80px; background: url("/Content/themes/Default/images/column_bg.jpg") repeat-x; margin-bottom: 10px; } .column_title { margin-top: 20px; margin-left: 5px; float: left; } .column_img { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; PADDING-TOP: 10px; *PADDING-TOP: 0; ZOOM: 1; POSITION: relative; float: left; width: 875px; } .column_img .LeftBotton { BACKGROUND: url("/Content/themes/Default/images/column_pre.jpg") no-repeat; LEFT: 8px; FLOAT: left; WIDTH: 18px; CURSOR: pointer; POSITION: absolute; TOP: 27px; HEIGHT: 30px; } .column_img .RightBotton { RIGHT: 5px; BACKGROUND: url("/Content/themes/Default/images/column_next.jpg") no-repeat; FLOAT: right; WIDTH: 18px; CURSOR: pointer; POSITION: absolute; TOP: 27px; HEIGHT: 30px; } .column_img .Cont { MARGIN: 5px auto 5px auto; OVERFLOW: hidden; WIDTH: 888px; } .column_img .box { FLOAT: left; WIDTH: 165px; TEXT-ALIGN: center; } .column_img .box IMG { vertical-align: middle; display: inline-block; } .column_img .box A:hover IMG { } .rollphotos { MARGIN-TOP: 10px; WIDTH: 875px; } /*links*/ .E_links { height: 120px; background: #f6f6f6; margin-bottom: 10px; } .E_links img { margin-top: 30px; margin-left: 10px; display: inline; float: left; } .links_list { height: 100px; border-left: 1px dashed #999999; float: left; margin-top: 10px; padding-left: 10px; } .links_list p { line-height: 30px; font-size: 14px; width: 850px; display: block; } .links_list span { margin-right: 20px; /*float:left; display:block;*/ } .links_list a { color: #2f2f2f; } .links_list a:hover { color: #FF6B08; text-decoration: underline; } .links_inside { min-height: 50px; _height: 50px; height: auto !important; border-bottom: 1px solid #d2d2d2; } .links_outside { } .links_title { font-size: 16px; font-weight: bold; color: #3166a4; } /*ad-float*/ .index-ad-float{ height:130px; width:230px; } .index-ad-float img{ width:100%; height:auto; overflow:hidden;} .index-ad-float-close{ left: 217px; top: -10px; position: absolute; background: url("/Content/themes/Default/images/float-ad-close.png") 1px 1px no-repeat; display:inline-block; width:25px; height:25px; cursor:pointer; }