body { font-family: "microsoft yahei", sans-serif; font-weight: 300; font-size: 14px; line-height: 1.7; color: gray; background: #e8e8e8; } .iealert{ display:none; } ul, p, dl, h1 { margin: 0; padding: 0; } li { list-style: none; } a, a:hover, a:visited, a:active { text-decoration: none !important; cursor:pointer; } .clearfix:after { content: ''; display: table; clear: both; } .fl { float: left; } .fr { float: right; } .row2:after, .row2:before { display: table; content: " "/images/LOGO.png) no-repeat left center; background-size: 30px; padding-left: 40px; } .navwrap .logo a { color: #000; } .navwrap .navlist { text-align: right; } .navwrap .navlist ul li { line-height: 40px; float: left; } .navwrap .navlist ul li a { font-size: 16px; color: rgba(0, 0, 0, 0.3); padding: 30px 12px; position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .navwrap .navlist ul li a:after { position: absolute; bottom: 23px; left: 0; right: 0; content: ''; width: 58%; height: 2px; background: #18a9bb; margin: 0 auto; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform .3s,opacity .3s; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .navwrap .navlist ul li a:hover:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .navwrap .navlist ul li.active > a { color: #000!important; position: relative; } .navwrap .navlist ul li.active > a:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container { height: 500px; } .swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; background: rgba(255, 255, 255, 0.8); transition: .5s; } .swiper-container .swiper-pagination-bullet-active { background: transparent; border: 2px solid #18A9BB; } .swiper-container .text { position: absolute; right: 80px; bottom: 155px; } .swiper-container .text dl { color: #fff; text-align: center; } .swiper-container .text dl dt { font-size: 50px; font-weight: normal; } .swiper-container .text dl dd { font-size: 30px; } .swiper-container .text .btncheck a { display: block; position: relative; z-index: 1; width: 80%; height: 57px; line-height: 55px; margin: 20px auto; border: 1px solid #fff; font-size: 16px; text-align: center; color: #fff; overflow: hidden; } .swiper-container .text .btncheck a span { display: block; } .swiper-container .text .btncheck a:before, .swiper-container .text .btncheck span { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .swiper-container .text .btncheck a:before { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; color: #18A9BB; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .swiper-container .text .btncheck a:hover:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container .text .btncheck a:hover > span { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .slogan { text-align: center; line-height: 100px; font-size: 20px; } .slogan .pd0 { padding-left: 0 !important; padding-right: 0 !important; } .slogan a { display: block; width: 100%; height: 100%; position: relative; z-index: 1; color: gray; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; } .slogan a:before, .slogan a:after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .slogan a:before { background: #b5eaed; } .slogan a:after { background: #18A9BB; } .slogan a:hover { color: #fff; } .slogan a:hover:before, .slogan a:hover:after { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .slogan a:hover:after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } .newswrap { padding-bottom: 20px; } .newswrap .commontitle { font-size: 16px; color: rgba(0, 0, 0, 0.4); padding: 20px 0 0 50px; } .newswrap .commontitle span { margin-right: 5px; } .newswrap .hospitalinfo { position: relative; } .newswrap .hospitalinfo p { font-size: 18px; padding: 34px 45px; text-align: justify; } .newswrap .newslist ul { padding-left: 50px; padding-top: 36px; } .newswrap .newslist ul li { width: 50%; font-size: 16px; line-height: 36px; position: relative; float: left; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .newswrap .newslist ul .dpart{ width:46% !important; background:#E7E7E7; height:30px; margin-bottom:5px; margin-right:10px; } .newswrap .newslist ul li a { color: gray; } .newswrap .newslist ul li:after { position: absolute; bottom: 0px; left: 0; right: 0; content: ''; width: 90%; height: 2px; background: #18a9bb; margin: 0 auto; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform .3s,opacity .3s; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .newswrap .newslist ul li:hover:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .diseaseClass { padding-bottom: 60px; } .diseaseClass dl { text-align: center; padding: 60px 0; } .diseaseClass dl dt { font-size: 20px; font-weight: normal; color: #000; padding-bottom: 20px; } .diseaseClass dl dd { font-size: 16px; color: gray; } .diseaseClass ul { padding: 0 20px; } .diseaseClass ul li { width: 33.333333%; height: 80px; margin-bottom: 50px; float: left; padding-left: 50px; padding-right: 50px; } .diseaseClass ul li a { display: block; height: 80px; width: 100%; position: relative; background: #fff; font-size: 18px; overflow: hidden; text-align: center; line-height: 80px; } .diseaseClass ul li a:before, .diseaseClass ul li a:after { content: attr(data-text); position: absolute; width: 100%; height: 50%; left: 0; background: #18A9BB; color: #fff; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .diseaseClass ul li a:before { top: 0; } .diseaseClass ul li a:after { bottom: 0; line-height: 0; } .diseaseClass ul li a > span { display: block; -webkit-transform: scale3d(0.2, 0.2, 1); transform: scale3d(0.2, 0.2, 1); opacity: 0; color: #18A9BB; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .diseaseClass ul li a:hover { border: 1px solid #18A9BB; } .diseaseClass ul li a:hover:before { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .diseaseClass ul li a:hover:after { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .diseaseClass ul li a:hover > span { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .footer { height: 60px; line-height: 60px; text-align: center; } .footer a { color: gray; } @media screen and (max-width: 767px) { .swiper-container { display: none; } .newswrap .newslist ul { padding-left: 0; } .diseaseClass ul li { margin-bottom: 5px; padding-left: 5px; padding-right: 5px; height: 50px; } .diseaseClass ul li a { height: 50px; line-height: 50px; font-size: 14px; } .diseaseClass ul li a:before { line-height: 0; padding-top: 25px; } .slogan { line-height: 50px; font-size: 16px; } .navwrap .navlist ul li a { padding: 30px 10px; } } /list/ .pos { padding: 10px 20px; } .pos a { color: gray; } .article { padding-bottom: 60px; } .article h1 { font-size: 18px; text-align: center; padding: 50px 0; } .article p { padding: 0 60px; text-align: justify; text-indent: 2em; } .article .img { padding: 50px 0; width: 80%; margin: 0 auto; } .article .img img { width: 100%; } /expertslist/ .expertslist { padding: 80px 0; text-align: center; } .expertslist .col-sm-4 { padding-left: 50px; padding-right: 50px; } .expertslist .col-sm-4 a { display: block; color: gray; padding: 10px 0; font-size: 18px; transition: .3s; } .expertslist .col-sm-4 a img { width: 100%; margin-bottom: 10px; } .expertslist .col-sm-4 a:hover { border: 1px solid #18A9BB; } / FILE ARCHIVED ON 20:59:13 May 01, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 20:16:52 Apr 03, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). / / playback timings (ms): captures_list: 0.726 exclusion.robots: 0.044 exclusion.robots.policy: 0.031 esindex: 0.01 cdx.remote: 152.745 LoadShardBlock: 455.686 (3) PetaboxLoader3.datanode: 347.272 (5) PetaboxLoader3.resolve: 494.17 (2) load_resource: 544.313 loaddict: 183.566 /