.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-invisible-blank-slide { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {} .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {} .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform } .swiper-pagination-progressbar { background: rgba(0,0,0,0.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progressbar, .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,0.25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,0.25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%;background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after {} @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } @-webkit-keyframes viewer-spinner { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes viewer-spinner { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .viewer-loading::after { -webkit-animation: viewer-spinner 1s linear infinite; animation: viewer-spinner 1s linear infinite; border: 4px solid rgba(255,255,255,0.1); border-left-color: rgba(255,255,255,0.5); border-radius: 50%; content: ''; display: inline-block; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 1 } @media (max-width: 767px) { .viewer-hide-xs-down { display: none } } @media (max-width: 991px) { .viewer-hide-sm-down { display: none } } @media (max-width: 1199px) { .viewer-hide-md-down { display: none } } .clearfix:before, .clearfix:after { content: ''; display: table } .clearfix:after { clear: both } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; height: 100%; width: 100% } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .fadeIn { -webkit-animation: fadeIn .5s; animation: fadeIn .5s } .fadeOut { -webkit-animation: fadeIn .5s; animation: fadeIn .5s } @-webkit-keyframes fadeIn { from { opacity:0 } } @keyframes fadeIn { from { opacity:0 } } @-webkit-keyframes fadeOut { to { opacity:0 } } @keyframes fadeOut { to { opacity:0 } } * { margin: 0; padding: 0 } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box } body { color: #58626F; font-size: 14px; font-family: sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif } main { display: block } img { max-width: 100%; border: none } a { text-decoration: none; color: inherit } ul, ol { list-style: none } table { border-collapse: collapse; border-spacing: 0; width: 100% } input, button, select, textarea { font-size: 1em; font-family: inherit; color: inherit; outline: none } textarea { overflow: auto; resize: none } ::-webkit-input-placeholder { color:inherit; opacity:.5 } :-ms-input-placeholder { color:inherit; opacity:.5 } ::-ms-input-placeholder { color:inherit; opacity:.5 } ::placeholder { color:inherit; opacity:.5 } .wp { max-width: 1210px; margin: 0 auto } .wp.no-padding { padding: 0; padding-right: 0 } .wp:before, .wp:after { content: ''; display: table } .wp:after { clear: both } #main { margin-bottom: 50px } #main:before, #main:after { content: ''; display: table } #main:after { clear: both } #site-footer { position: relative; background: #255AA8; color: #fff; padding: 30px; z-index: 2 } #site-footer .wp:before, #site-footer .wp:after { content: ''; display: table } #site-footer .wp:after { clear: both } #site-footer .footer-left { float: left; width: 70% } #site-footer .footer-left .tel, #site-footer .footer-left .email { font-family: Rubik, sans-serif } #site-footer .footer-qrcode { float: right; width: 300px; overflow: hidden } #site-footer .footer-qrcode img { float: left; width: 100px; height: 100px; margin-right: 20px } #site-footer .footer-qrcode p { font-size: 12px; font-weight: 500; line-height: 20px; overflow: hidden; margin-top: 10px; margin-top: 20px } #site-footer .logo { display: block; width: 160px; height: 34px; margin-bottom: 25px } #site-footer .logo img { display: block; width: 100% } #site-footer .contacts { font-size: 14px; font-weight: 500; margin-bottom: 5px } #site-footer .contacts .split { margin: 0 20px } #site-footer .copyright { font-size: 12px; opacity: .5 } @media (max-width: 991px) { #site-footer .footer-left { float: none; margin-bottom: 20px; width: auto } #site-footer .footer-qrcode { float: none } } @media (max-width: 575px) { #site-footer .footer-left .address { display: block } } .banner { position: relative; height: 400px; background: no-repeat 50%; background-size: cover; color: #fff; overflow: hidden } .swiper-slide .textbox:hover{color:#fff;} .swiper-slide a{color:#fff} .banner .wp { position: relative; height: 100% } .banner .textbox { position: absolute; bottom: 0; left: 0; padding: 50px 50px 20px; width: 420px; height: 230px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 575px) { .banner .textbox { width: 100%; max-width: 420px; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } .banner .textbox .bg { position: absolute; top: 0; left: 0; right: 0; opacity: 1; background: #5E8FD9; border-radius: 50% } .banner .textbox .bg:before { content: ''; display: block; padding-top: 100% } .banner .textbox h3, .banner .textbox h1 { position: relative; font-size: 26px; font-weight: bold; line-height: 1.3; text-align: center; max-width: 100% } .banner .textbox hr { position: relative; display: block; margin: 15px auto; width: 70px; height: 1px; background: #fff; border: 0; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } .banner .textbox p { position: relative; font-size: 12px; max-width: 100% } .banner .textbox .more-link { position: relative; margin-top: 20px } .nc-list { font-size: 12px } .nc-list li { margin-bottom: 1em } .nc-list .title:hover { text-decoration: underline } .nc-list .meta { font-size: 10px; opacity: .5 } .coe-list { font-size: 12px } .coe-list li { margin-bottom: 1.5em } .coe-list a { position: relative; display: block; text-decoration: underline; padding-right: 15px; font-weight: bold } .coe-list a:after { position: absolute; top: 50%; right: 0; margin-top: -5px; content: ''; width: 8px; height: 10px; margin-left: 4px } .sidenav { position: absolute; left: 0; z-index: 3 } .sidenav.fixed { position: fixed; top: 0 } @media (max-width: 575px) { .sidenav { position: static !important } .sidenav .breadcrumb { display: none } .sidenav .toc { display: none } } .breadcrumb { font-size: 12px; font-weight: bold; color: #fff; height: 30px; line-height: 30px; background-image: -webkit-gradient(linear, left top, right top, from(#8EB8EE), to(#255AA8)); background-image: -webkit-linear-gradient(left, #8EB8EE 0%, #255AA8 100%); background-image: -o-linear-gradient(left, #8EB8EE 0%, #255AA8 100%); background-image: linear-gradient(to right, #8EB8EE 0%, #255AA8 100%); border-radius: 15px; display: inline-block; margin: 30px 0 15px 30px; max-width: 30px; -webkit-transition: max-width 1s; -o-transition: max-width 1s; transition: max-width 1s } .breadcrumb:hover { max-width: 500px } .breadcrumb .home { float: left; width: 30px; height: 30px; background: #255AA8 url(404.png) no-repeat 50%; border-radius: 50%; margin-right: 10px } .breadcrumb .breadcrumb-inner { overflow: hidden; margin: 0 10px; white-space: nowrap } .breadcrumb li { display: inline } .breadcrumb a { text-decoration: underline } .toc { color: #255AA8; font-size: 12px; font-weight: bold; width: 55px } .toc li { position: relative; height: 30px } .toc li.active a { visibility: visible } .toc li.active a:before { width: 55px; height: 3px; margin-left: 0 } .toc li.active span { -webkit-animation: tocTip 1s; animation: tocTip 1s } @-webkit-keyframes tocTip { from, to { opacity:0 } 50% { opacity:1 } } @keyframes tocTip { from, to { opacity:0 } 50% { opacity:1 } } .toc a { display: block; height: 100% } .toc a:before { content: ''; position: absolute; top: 50%; right: 0; width: 23px; height: 1px; background: #255AA8; vertical-align: middle; -webkit-transition: .1s; -o-transition: .1s; transition: .1s } .toc a:hover:before { height: 3px } .toc a:hover span { opacity: 1 } .toc span { position: absolute; top: 9px; width: 200px; left: 100%; margin-left: 12px; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .more-link { display: block; width: 146px;line-height: 30px; color: #fff; background: #255AA8; text-align: center; margin: 0 auto 10px; font-size: 12px; font-weight: bold } .more-link a{ display: block;} .more-link:hover { } .section { position: relative; color: #0385d2; font-size: 12px } .section:before, .section:after { content: ''; display: table } .section:after { clear: both } .section-title, .entry-content h2 { font-size: 18px; font-weight: bold; text-align: center; margin: 50px auto 30px; overflow: hidden } .section-title span, .entry-content h2 span { position: relative; display: inline-block; margin: 0 auto } .section-title span:before, .entry-content h2 span:before { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -4px; margin-right: 40px; height: 8px; width: 424px } .section-title span:after, .entry-content h2 span:after { content: ''; position: absolute; top: 50%; left: 100%; margin-top: -4px; margin-left: 40px; height: 8px; width: 424px } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .section-title span:before, .entry-content h2 span:before, .section-title span:after, .entry-content h2 span:after { background-size:auto 8px } .section-title span:before, .entry-content h2 span:before { } .section-title span:after, .entry-content h2 span:after { } } .section-title.white span:before, .entry-content h2.white span:before {} .section-title.white span:after, .entry-content h2.white span:after {} .section-desc { text-align: center; max-width: 780px; margin: 0 auto 40px; padding-left: 20px; padding-right: 20px; line-height: 1.5 } .section-bd { margin-bottom: 50px } .backtop { position: fixed; right: 40px; bottom: 250px; width: 50px; height: 50px; border-radius: 50%; background: #5E8FD9 url(404.png) no-repeat 50%; display: none; z-index: 11 } @media (max-width: 575px) { .backtop { display: none !important } } .fwb { font-weight: 900 } .cutbox { position: relative; max-width: 950px; margin: 0 auto 40px; padding: 0 20px ;text-align:justify;} .cutbox .content { position: relative; overflow: hidden; font-size: 13px; line-height: 18px; height: 190px } .cutbox .content p { margin-bottom: 1em; line-height: 2 } .cutbox .content:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff)); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); background-image: -o-linear-gradient(top, rgba(255,255,255,0), #fff); background-image: linear-gradient(to bottom, rgba(255,255,255,0), #fff) } .cutbox .more { display: block; margin: 0 auto; width: 15px; height: 28px; background: url(../image/arrow.svg) no-repeat 50% } .cutbox.show-all .content { height: auto !important } .cutbox.show-all .content:after { display: none } .cutbox.show-all .more { display: none } .quote-box { position: relative; max-width: 980px; border: 10px solid #045a8d; text-align: center; margin: 55px auto 0; padding: 0 30px 50px ;} @media (max-width: 575px) { .quote-box { margin-left: 16px; margin-right: 16px } } .quote-box:before { content: ''; position: absolute; top: 1%; left: 0.8%; width: 98.5%; height:98%; border: 2px solid #045a8d;padding:10px; pointer-events: none;} .quote-box .section-title, .quote-box .entry-content h2, .entry-content .quote-box h2 { margin-top: 40px } .quote-box .photo { position: absolute; top: 60px; left: 7px; width: 110px } @media (max-width: 575px) { .quote-box .photo { position: static; margin: 0 auto 10px } } .quote-box .signature { position: absolute; bottom: 17px; left: 1px } .quote-box .cutbox { position: relative; } .quote-box .cutbox .content { height: 140px; margin: 0 auto 30px } .quote-box .cutbox.show-all:after { bottom: -30px } .tabs { display: block; text-align: center; margin: 0 auto; overflow: hidden; margin-bottom: 50px } .tab { position: relative; display: inline-block; width: 125px; font-size: 14px; font-weight: bold; text-align: center; line-height: 58px; color: #CEDAED; border-bottom: 1px solid #CEDAED } .tab.active { color: #8EB8EE } .tab.active:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background: #8EB8EE } .tab:hover { color: #8EB8EE } .tab-panel { display: none } .tab-panel.active { display: block } .swiper-button-prev, .swiper-button-next { top: 50%; width: 54px; height: 54px; margin-top: -27px; background: rgba(255,255,255,0.5) no-repeat 50%; -webkit-box-shadow: 0 0 30px 0 #5C6494; box-shadow: 0 0 30px 0 #5C6494; border-radius: 50% } .swiper-button-prev:hover, .swiper-button-next:hover{background-color:rgba(255,255,255,1);} .swiper-button-prev { left: 50px; background-image: url(../image/icon_prev.svg) } .swiper-button-next { right: 50px; background-image: url(../image/icon_next.svg) } @media (max-width: 575px) { .swiper-button-prev, .swiper-button-next { width: 44px; height: 44px } .swiper-button-prev { left: 10px } .swiper-button-next { right: 10px } } .site-header { position: relative; z-index: 9 } .site-header .hotline { float: left; position: relative; font-size: 16px; font-weight: bold; line-height: 20px; margin-top: 8px; margin-right: 30px; padding-left: 28px; font-family: Rubik, sans-serif } .site-header .hotline span { position: absolute; top: 100%; left: 28px; font-size: 11px; opacity: .4; white-space: nowrap; line-height: 1 } .site-header .search-form { float: left; width: 300px; height: 34px; border-radius: 10px; background: #fff; padding: 0 10px; margin-right: 30px } .site-header .search-form .search-input { float: left; width: 240px; height: 100%; border: 0; background: none; color: #58626F } .site-header .search-form .search-button { float: left; width: 34px; height: 34px; border: 0; } .site-header .lang-selector { float: left; position: relative; margin-right: 30px } .site-header .lang-selector:hover .dropdown-menu { display: block } .site-header .lang-selector .dropdown-toggle { cursor: pointer; line-height: 34px; font-weight: bold; padding-bottom: 20px } .site-header .lang-selector .dropdown-toggle:after { content: ''; display: inline-block; vertical-align: 1px; width: 9px; height: 7px;margin-left: 4px } .site-header .lang-selector .dropdown-menu { position: absolute; top: 100%; left: -40px; width: 120px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 10px; margin-top: 5px; display: none } .site-header .lang-selector .dropdown-menu:before { content: ''; position: absolute; top: -5px; left: 50%; margin-left: -5px; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent } .site-header .lang-selector .dropdown-menu a { display: block; color: #58626F; padding: .5em; border-radius: 5px } .site-header .lang-selector .dropdown-menu a:hover { background: #5E8FD9; color: #fff } .site-header .social { float: left; height: 34px; margin-left: 5px } .site-header .social .icon { margin-top: 5px; width: 24px; height: 24px; cursor: pointer } .site-header .wechat { position: relative } .site-header .wechat .popover { position: absolute; top: 100%; right: -90px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); width: 320px; margin-top: 5px; display: none; text-align: center; padding: 20px 30px } .site-header .wechat .popover:before { content: ''; position: absolute; top: -5px; right: 100px; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent } @media (max-width: 1199px) { .site-header .wechat .popover { right: -10px } .site-header .wechat .popover:before { right: 15px } } .mobile-nav { position: absolute; top: 54px; left: 0; width: 100%; padding-bottom: 10px; background: #255AA8; color: #fff } .mobile-nav .hotline, .mobile-nav .search-form, .mobile-nav .lang-selector { float: none } .mobile-nav .hotline { float: left; margin-left: 10px; margin-top: 2px } .mobile-nav .search-form { position: relative; width: auto; margin: 0 10px 10px; display: block } .mobile-nav .search-form .search-input { width: 100%; padding-right: 50px } .mobile-nav .search-form .search-button { position: absolute; top: 0; right: 10px } .mobile-nav .lang-selector { float: right; margin-right: 10px } .mobile-nav .lang-selector .dropdown-menu { right: 0; left: auto } .mobile-nav .lang-selector .dropdown-menu:before { left: auto; right: 10px } .mobile-nav .social { float: right; margin-right: 10px } .mobile-nav .social .popover { right: 0; left: auto } .mobile-nav .social .popover:before { left: auto; right: 10px } .mobile-nav .mobilemenu-container { position: relative; font-size: 16px; margin-bottom: 10px; overflow: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .mobile-nav .mobilemenu-container ul { position: absolute; top: 0; left: 0; width: 100%; display: none; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .mobile-nav .mobilemenu-container ul.prev { position: absolute; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mobile-nav .mobilemenu-container ul.next { position: absolute; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mobile-nav .mobilemenu-container a { display: block; padding: 10px 40px; font-weight: 500 } .mobile-nav .mobilemenu-container a:hover { color: #5E8FD9 } .mobile-nav .mobilemenu-container .back { opacity: .5 } .mobile-nav-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.5); z-index: -1 } .mobile-nav, .mobile-nav-backdrop { visibility: hidden; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } #mobilemenu-primary { display: block } @media (max-width: 767px) { .site-header-top { padding: 10px } .site-header-top .featbox { display: none } .site-header-btm { display: none } .nav-trigger { display: block } } .card { position: relative; border-radius: 10px; overflow: hidden; color: #666666; margin-bottom: 10px } .card .card-icon { display: block; width: 54px; height: 54px; background: no-repeat 50%; margin: 0 auto } .card .card-icon-hy { background-image: url(404.png);background-size:50px;} .card .card-icon-nc{ background-image: url(404.png) ; background-size:47px;} .card .card-icon-ry{ background-image: url(../image/icon-qyry.svg) ; background-size:47px;} .card .card-icon-coe { background-image: url(../image/icon-fzlc.svg); background-size:47px; } .card .card-icon-ufhh { background-image: url(404.png); background-size:47px; } .card .card-icon-bs { background-image: url(404.png); background-size:47px;} .card .card-icon-me { background-image: url(../image/icon-gltd.svg); background-size:47px;} .card .banner .textbox { width: 390px; height: 210px; left: 70px } .card-normal .card-img-container { position: relative; overflow: hidden } .card-normal .card-img-container:before { content: ''; display: block; padding-top: 66.1290322581% } .card-normal .card-img-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .card-normal .card-img { display: block; width: 100%; height: auto } .card-normal .card-bd { position: relative; padding: 30px; min-height: 130px; background: #5E8FD9; z-index: 2 } .card-normal .cnt { overflow: hidden; height: 83px; margin-bottom: 1em } .card-normal .cnt.fh { height: 130px; margin-bottom: 0 } .card-normal .title { text-align: center; font-weight: bold; font-size: 18px; line-height: 21px; margin-bottom: 6px } .card-normal .desc { font-size: 12px; line-height: 18px; margin-bottom: 1em } .card-normal .more-link { position: absolute; bottom: 30px; left: 50%; margin-left: -73px; font-weight: bold } .card-lr .card-img { float: right; width: 53.9285714286%;height:400px} @media (max-width: 767px) { .card-lr .card-img { display: block; float: none; width: 100% } } .card-lr .card-bd { position: absolute; top: 0; left: 0; height: 100%; width: 46.4285714286%; padding: 50px 30px 30px; background: #00548d; overflow-x: hidden; overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar } .card-lr .card-bd::-webkit-scrollbar { width:6px } .card-lr .card-bd::-webkit-scrollbar-thumb { border-radius:3px; background:rgba(0,0,0,0.3) } @media (max-width: 991px) { .card-lr .card-bd { padding-top: 30px } } @media (max-width: 767px) { .card-lr .card-bd { position: static; width: auto } } .card-lr .cnt { min-height: 250px } @media (max-width: 767px) { .card-lr .cnt { min-height: auto } } .card-lr .card-title { font-weight: bold; margin-bottom: 1em } .card-lr .desc { font-size: 12px; margin-bottom: 1em;text-align: justify;} .card-lr .desc p { margin-bottom: 1em } .card-green .card-bd { background: #6BCCB8 !important } .card-green .more-link { color: #6BCCB8 !important } .card-lightblue .card-bd { background: #589ee5 !important } .card-lightblue .more-link { color: #00548d !important } .card-deepgreen .card-bd { background: #2098ae !important } .card-deepgreen .more-link{ color: #2098ae !important } .card-deepblue .card-bd { background: #67c9f2 !important } .card-deepblue .more-link{ color: #67c9f2 !important } .card-overbox .card-img-container:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(142,184,238,0.8)), color-stop(50%, #8EB8EE)); background: -webkit-linear-gradient(top, rgba(142,184,238,0.8), #8EB8EE 50%); background: -o-linear-gradient(top, rgba(142,184,238,0.8), #8EB8EE 50%); background: linear-gradient(to bottom, rgba(142,184,238,0.8), #8EB8EE 50%); opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 1 } .card-overbox .bd-holder { background: #8EB8EE; padding-top: 50% } .card-overbox .card-bd { position: absolute; bottom: 0; left: 0; height: 44%; width: 100%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; background: #8EB8EE; -ms-overflow-style: -ms-autohiding-scrollbar } .card-overbox .card-bd::-webkit-scrollbar { width:6px } .card-overbox .card-bd::-webkit-scrollbar-thumb { border-radius:3px; background:rgba(0,0,0,0.3) } .card-overbox .cnt { position: relative; height: 130px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s } .card-overbox .title { -webkit-transition: .4s; -o-transition: .4s; transition: .4s } .card-overbox:hover .card-img-container:after { opacity: 1 } .card-overbox:hover .card-bd { height: 100%; overflow: auto; background: none } .card-overbox:hover .card-bd .cnt { height: auto } .card-overbox:hover .card-bd .title { margin-top: 40px; margin-bottom: 40px } @media (max-width: 767px) { .card-overbox .card-img-container:after { display: none } .card-overbox .bd-holder { display: none } .card-overbox .card-bd { position: static !important; height: auto !important; background: #8EB8EE !important } .card-overbox .card-bd .cnt { height: auto !important } .card-overbox .card-bd .title { margin-top: 0 !important; margin-bottom: 6px !important } } .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none; overflow: auto; -webkit-overflow-scrolling: touch } .modal.fit-window { overflow: hidden } .modal.fit-window .modal-dialog { margin-top: 30px; margin-bottom: 30px } .modal.fit-window .modal-content { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch } .modal-tpl { display: none } .modal-open { overflow: hidden } .modal-dialog { position: relative; max-width: 740px; margin: 180px auto; background: #fff; -webkit-box-shadow: 0 2px 30px rgba(94,143,217,0.6); box-shadow: 0 2px 30px rgba(94,143,217,0.6); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; -o-transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s } .modal-dialog:before, .modal-dialog:after { content: ''; display: table } .modal-dialog:after { clear: both } .modal-dialog .close { position: absolute; z-index: 1; top: 0; right: 0; width: 66px; height: 66px; cursor: pointer } .modal-dialog.out { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } @media (max-width: 575px) { .modal-dialog { margin: 10px; width: auto } } .modal-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(94,143,217,0.6); opacity: .7; z-index: 99; display: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .modal-backdrop.out { opacity: 0 } #preview-download-modal .modal-dialog { background-image: none } .preview-download-content { margin: 50px 0 } .preview-download-content .preview { text-align: center; margin-bottom: 30px } .preview-download-content .preview img { max-width: 100% } .preview-download-content .cta { text-align: center } @media (max-width: 767px) { .page-home #main { margin-top: 10px } } #home-spotlight .swiper-button-prev { left: 20px } #home-spotlight .swiper-button-next { right: 20px } .home-banner { display: block } .card .home-banner .textbox { left: 20px } .hospital-selector { height: 400px; background: #5E8FD9 } .hospital-selector .hd { text-align:center;padding:11px 0;} .hospital-selector .hd h1 { font-weight: bold; font-size:18px;line-height: 26px; } .hospital-selector .bd { position: relative ;padding:20px 34px; text-align:justify;} .hospital-selector .bd p{ line-height:1.8em;font-size:12px; text-indent:2em;margin-bottom:1.5em;} .hospital-selector .bd:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 70px; background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0,0,0,0.1), rgba(0,0,0,0)); background-image: -o-radial-gradient(50% 0, farthest-side, rgba(0,0,0,0.1), rgba(0,0,0,0)); background-image: radial-gradient(farthest-side at 50% 0, rgba(0,0,0,0.1), rgba(0,0,0,0)) } .hospital-selector .bd .hospital-list { position: relative; height: 352px; overflow: auto; -webkit-overflow-scrolling: touch } .hospital-selector .bd .hospital-list li a{ position: relative; padding-top:6px;padding-bottom:6px;overflow: auto; -webkit-overflow-scrolling: touch } .hospital-selector .bd .toggle, .hospital-selector .bd .notoggle { position: relative; display: block; padding: 0 40px; font-size: 16px; cursor: pointer; line-height: 44px } .hospital-selector .bd .toggle:hover, .hospital-selector .bd .notoggle:hover { background: rgba(0,0,0,0.08) } .hospital-selector .bd .toggle:after { position: absolute; top: 50%; right: 40px; margin-top: -4px; content: ''; width: 9px; height: 7px; margin-left: 4px } .hospital-selector .bd .sublist { display: none } .hospital-selector .bd .sublist li:last-child span { border-bottom: none } .hospital-selector .bd .sublist a { display: block } .hospital-selector .bd .sublist a:hover { background: rgba(0,0,0,0.08) } .hospital-selector .bd .sublist span { display: block; margin: 0 40px; padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,0.07) } .hospital-selector .bd .expanded { background: rgba(0,0,0,0.08) } .hospital-selector .bd .expanded .toggle span { opacity: .3 } .hospital-selector .bd .expanded .toggle:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .card-home-btm{border: solid 1px #ccc;} .card-home-btm .col { padding-left: 20px; padding-right: 20px } .card-home-btm .part { margin-top: 20px; margin-bottom: 20px } .card-home-btm .part .card-icon { margin-bottom: 20px } .card-home-btm .part-title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 20px } .card-home-btm .part-ufhh .desc { font-size: 12px } .card-home-btm .part-nc .nc-list, .card-home-btm .part-ufhh .desc { height: 140px } .home-qrcode { position: fixed; right: 10px; bottom: 10px; width: 160px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.3); padding: 10px; text-align: center; z-index: 9 } .home-qrcode h5 { font-size: 12px; font-weight: normal; margib-bottom: 10px } @media (max-width: 767px) { .home-qrcode { display: none !important } } .about-banner { background-image: url(404.png) } .card-about .card-bd { padding-top: 30px } .card-about .card-icon { margin-bottom: 20px } .card-about .card-title { text-align: center; font-weight: bold; font-size: 18px; line-height: 1.2 } .card-about-bs .card-bd { background-image: -webkit-gradient(linear, left bottom, left top, from(#8EB8EE), color-stop(30%, #3462AE)); background-image: -webkit-linear-gradient(bottom, #8EB8EE 0%, #3462AE 30%); background-image: -o-linear-gradient(bottom, #8EB8EE 0%, #3462AE 30%); background-image: linear-gradient(0deg, #8EB8EE 0%, #3462AE 30%) } .card-about-bs .more-link { color: #255AA8 } @media (max-width: 767px) { .home-qrcode { display: none !important } } .hospitallist-banner { background-image: url(404.png) } .hospital-banner { background-image: url(404.png) } .card-hospital .card-bd { padding-top: 30px } .card-hospital .card-icon { margin-bottom: 20px } .card-hospital .card-title { text-align: center; font-weight: bold; font-size: 18px; line-height: 1.2 } .card-hospital-bs .card-bd { background-image: -webkit-gradient(linear, left bottom, left top, from(#96d8f7), color-stop(30%, #3395c2)); background-image: -webkit-linear-gradient(bottom, #8EB8EE 0%, #3462AE 30%); background-image: -o-linear-gradient(bottom, #96d8f7 0%, #3395c2 30%); background-image: linear-gradient(0deg, #96d8f7 0%, #3395c2 30%) } .card-hospital-bs .more-link { color: #3395c2 } @media (max-width: 767px) { .page-news #main { margin-top: 10px } } .card-news .bd-holder { padding-top: 50% } .card-news .card-bd { position: absolute; bottom: 0; left: 0; height: 44%; background: #5E8FD9; -webkit-transition: .4s; -o-transition: .4s; transition: .4s ;min-width: 369px} .card-news .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../image/newslist_bg.jpg) no-repeat 50% 0; background-size: 100% auto; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .card-news .cnt { position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s } .card-news .title { font-weight: 600 } .card-news .desc { height: 4.2em; overflow: hidden } .card-news .iconwrap { height: 0; overflow: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s } .card-news .iconwrap .card-icon { margin-top: 50px } .card-news:hover .card-bd { height: 100% } .card-news:hover .card-bd .bg { opacity: 1 } .card-news:hover .card-bd .cnt { height: 300px } .card-news:hover .card-bd .cnt .desc { height: auto } .card-news:hover .card-bd .iconwrap { height: 120px } .hentry { background: #FFF; -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.1); border-radius: 10px; color: #58626F; overflow: visible; margin-bottom: 50px } @media (max-width: 767px) { .hentry { margin-top: 10px } } .hentry:before, .hentry:after { content: ''; display: table } .hentry:after { clear: both } .post-banner { border-radius: 10px 10px 0 0; text-align: left } .post-banner .pic { position: absolute; top: 0; height: 100%; left: 50%; margin-left: -567px; max-width: none; min-width: 100% } .post-banner .textbox { width: 390px; padding-left: 75px; padding-right: 75px } .post-banner .author { opacity: .6; display: block; text-align: center } .post-banner hr { margin: 10px auto } .post-banner .entry-title { position: relative; font-size: 18px; font-weight: bold; margin-bottom: 10px; max-width: 100% } .post-banner .published { display: block; width: 100%; opacity: .6 } .sidenav-post { top: 400px; left: -90px } .sidenav-post .breadcrumb { margin: 30px 0 40px; width: auto } .sidenav-post .share-item { position: relative; display: block; width: 30px; height: 30px; margin-bottom: 20px; background: #255AA8 no-repeat 50%; color: #fff; border-radius: 50% } .sidenav-post .share-item .count { position: absolute; bottom: 100%; left: 0; width: 100%; margin-bottom: 2px; color: #255AA8; text-align: center; font-size: 12px } .sidenav-post .share-item-like {} .sidenav-post .share-item-wechat {} .sidenav-post .share-item-wechat .qrcode-box { display: none; position: absolute; left: 100%; top: -127.5px; margin-left: 10px; width: 220px; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); background: #fff; z-index: 2 } .sidenav-post .share-item-wechat .qrcode-box:before { content: ''; position: absolute; left: -5px; top: 50%; margin-top: -5px; border-right: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent } .sidenav-post .share-item-wechat canvas { display: block; width: 180px; margin: 20px } .sidenav-post .share-item-wechat p { color: #58626F; margin: 20px; font-size: 12px; text-align: center } .sidenav-post .share-item-wechat:hover .qrcode-box { display: block } @media (max-width: 575px) { .sidenav-post .share-item-wechat { display: none } } .sidenav-post .share-item-weibo {} @media (max-width: 1320px) { .sidenav-post { left: 30px } } @media (max-width: 991px) { .sidenav-post { position: static !important; margin: 30px } .sidenav-post:before, .sidenav-post:after { content: ''; display: table } .sidenav-post:after { clear: both } .sidenav-post .breadcrumb { display: none } .sidenav-post .share-item { float: left; margin-top: 0 !important; margin-right: 30px } .sidenav-post .share-item { margin-bottom: 0 !important } } .entry-content { line-height: 2; margin-top: 50px } .entry-content>* { width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 50px } .entry-content .alignleft { float: left; margin-right: 1em } .entry-content .alignright { float: right; margin-left: 1em } .entry-content .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto } .entry-content .wp-caption { width: 700px } .entry-content .wp-caption img { width: 100%; height: auto; border-radius: 10px } .entry-content h2 { color: #255AA8; width: auto; margin: 25px auto; line-height: 1.5 } @media (max-width: 767px) { .entry-content { margin-left: 20px; margin-right: 20px } .entry-content>* { width: auto } .entry-content .wp-caption { width: auto; margin-left: -20px; margin-right: -20px } } .page-me #main { margin-bottom: 0 } .me-banner {} .section-me-cocm .integrated-healcare { text-align: center; margin-bottom: 40px } .section-me-cocm .depart-list li { float: left; width: 20%; margin-bottom: 50px; padding-left: 50px } @media (max-width: 991px) { .section-me-cocm .depart-list li { width: 25% } } @media (max-width: 767px) { .section-me-cocm .depart-list li { width: 33%; margin-bottom: 30px } } @media (max-width: 575px) { .section-me-cocm .depart-list li { width: 50%; margin-bottom: 10px; padding-left: 10px } } .section-me-cocm .depart-list img { display: block; height: 40px } .section-me-msfasol { background: #F6F9FD} .section-me-msfasol .dial { margin-left: 10% } @media (max-width: 575px) { .section-me-msfasol .dial { display: block; max-width: 427px; width: 80%; margin: 0 auto } } .section-me-ia .wp { max-width: 500px } @media (max-width: 767px) { .section-me-ia .list { margin-left: 20px; margin-right: 20px } } .section-me-ia .list .logo { margin-bottom: 20px } .section-me-ia .list .cnt { color: #58626F } .section-me-ia .list .cnt h3 { font-size: 16px; font-weight: bold; color: #DFA62E; margin-bottom: 1.5em } .section-me-ia .list .cnt p { overflow: hidden } .section-me-ia .list .cnt li { margin-bottom: 40px } .section-me-ia .list .cnt .timeline .year { float: left; font-size: 16px; font-weight: bold; margin-right: 25px; color: #DFA62E; width: 2.5em } .section-me-rume {} .section-me-rume .data-circles { margin-bottom: 40px } .section-me-rume .data-circles:before, .section-me-rume .data-circles:after { content: ''; display: table } .section-me-rume .data-circles:after { clear: both } .section-me-rume .data-circles li { float: left; width: 25% } @media (max-width: 575px) { .section-me-rume .data-circles li { float: none; width: auto; margin-bottom: 10px } } .section-me-rume .data-circles .circle { margin: 0 auto; width: 160px; height: 160px; background: #8EB8EE; font-weight: bold; border-radius: 50%; text-align: center; color: #fff; overflow: hidden } .section-me-rume .data-circles .circle .number { font-size: 32px; display: block; font-weight: 900; margin-top: 45px } .section-me-rume .desc2 { font-size: 16px } .section-me-rume .list { margin: 0 -25px } .section-me-rume .list:before, .section-me-rume .list:after { content: ''; display: table } .section-me-rume .list:after { clear: both } .section-me-rume .list li { float: left; width: 50%; margin-bottom: 30px; padding: 0 25px } .section-me-rume .list a { display: block; height: 100px; background: #fff; border-left: 16px solid #8EB8EE; border-radius: 10px; -webkit-box-shadow: 0 6px 10px rgba(82,112,163,0.25); box-shadow: 0 6px 10px rgba(82,112,163,0.25); overflow: hidden } .section-me-rume .list .icon { width: 40px; height: 40px; background: no-repeat 50%; margin: 30px 25px } .section-me-rume .list .icon-doctor { float: left; background-image: url(../image/doctor_icon.png) } .section-me-rume .list .icon-search { float: right; background-image: url(../image/search_ico.png) } .section-me-rume .list strong { float: left; font-size: 16px; margin-top: 38px } @media (max-width: 575px) { .section-me-rume .list li { float: none; width: auto } .section-me-rume .list a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .section-me-rume .list strong { margin-top: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .section-me-rume .list .icon { margin-top: 0; margin-bottom: 0; float: none; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } } #expert-modal .expert-content { margin: 50px 80px; color: #255AA8; font-size: 12px } #expert-modal .basic-info:before, #expert-modal .basic-info:after { content: ''; display: table } #expert-modal .basic-info:after { clear: both } #expert-modal .photo { float: left; width: 150px; height: 180px; -webkit-box-shadow: -10px 10px 0 #255AA8; box-shadow: -10px 10px 0 #255AA8; margin-left: 10px; margin-right: 20px; margin-bottom: 10px } #expert-modal .info { overflow: hidden } #expert-modal .info .name { font-size: 18px; margin: .5em 0 1em } #expert-modal .info .flag { margin-left: 5px; vertical-align: -2px } #expert-modal .info ul .lbl { float: left } #expert-modal .info ul .val { overflow: hidden; text-align: right } #expert-modal .info ul li { overflow: hidden; border-bottom: 1px solid #255AA8; padding: 8px 0 } #expert-modal .info ul a { text-decoration: underline } #expert-modal h6 { font-size: 14px; margin-bottom: 20px } #expert-modal .biography-part { clear: both; margin-top: 24px } #expert-modal .biography-part .biography { overflow: auto } #expert-modal .biography-part p { line-height: 2; margin-bottom: 1.5em } #expert-modal .biography-part .email { text-decoration: underline; font-weight: bold } #expert-modal .articles-part { border-top: 1px solid #255AA8; padding-top: 24px } #expert-modal .articles-part .list { border-top: 1px solid rgba(39,92,169,0.15) } #expert-modal .articles-part .list li { border-bottom: 1px solid rgba(39,92,169,0.15) } #expert-modal .articles-part .list a { display: block; padding: 10px 1em 10px 0;} @media (max-width: 575px) { #expert-modal .expert-content { margin: 30px } #expert-modal .photo { float: none; margin: 0 auto 20px; display: block; width: 150px } } .page-bs #main { margin-bottom: 0 } .bs-banner { background-image: url(404.png) } .section-bs-ufh { background: #F7F7F7 } .section-bs-ufh .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,0)), to(#F7F7F7)); background-image: -webkit-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: -o-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: linear-gradient(to bottom, rgba(247,247,247,0), #F7F7F7) } .section-bs-ufh .data { color: #5E8FD9; max-width: 960px; margin: 0 auto } .section-bs-ufh .data:before, .section-bs-ufh .data:after { content: ''; display: table } .section-bs-ufh .data:after { clear: both } .section-bs-ufh .data li { float: left; width: 25%; text-align: center; padding: 0 30px } .page-join #main { margin-bottom: 0 } .joinlist-banner { background-image: url(404.png) } .join-banner { background-image: url(../image/join_banner.jpg) } .section-join-ufh { background: #F7F7F7 } .section-join-ufh .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,0)), to(#F7F7F7)); background-image: -webkit-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: -o-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: linear-gradient(to bottom, rgba(247,247,247,0), #F7F7F7) } .section-join-ufh .data { color: #5E8FD9; max-width: 960px; margin: 0 auto } .section-join-ufh .data:before, .section-join-ufh .data:after { content: ''; display: table } .section-join-ufh .data:after { clear: both } .section-join-ufh .data li { float: left; width: 25%; text-align: center; padding: 0 30px } .page-story #main { margin-bottom: 0 } .story-banner { background-image: url(../image/story_banner.jpg);background-size: cover} .honor-banner { background-image: url(404.png);background-size: cover} .history-banner { background-image: url(../image/history_banner.jpg);background-size: cover} .section-story-ufh { background: #F7F7F7 } .section-story-ufh .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,0)), to(#F7F7F7)); background-image: -webkit-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: -o-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: linear-gradient(to bottom, rgba(247,247,247,0), #F7F7F7) } .section-story-ufh .data { color: #5E8FD9; max-width: 960px; margin: 0 auto } .section-story-ufh .data:before, .section-story-ufh .data:after { content: ''; display: table } .section-story-ufh .data:after { clear: both } .section-story-ufh .data li { float: left; width: 25%; text-align: center; padding: 0 30px } .page-team #main { margin-bottom: 0 } .team-banner { background-image: url(404.png);background-size: cover} .section-team-ufh { background: #F7F7F7 } .section-team-ufh .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,0)), to(#F7F7F7)); background-image: -webkit-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: -o-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: linear-gradient(to bottom, rgba(247,247,247,0), #F7F7F7) } .section-team-ufh .data { color: #5E8FD9; max-width: 960px; margin: 0 auto } .section-team-ufh .data:before, .section-team-ufh .data:after { content: ''; display: table } .section-team-ufh .data:after { clear: both } .section-team-ufh .data li { float: left; width: 25%; text-align: center; padding: 0 30px } .page-drug #main { margin-bottom: 0 } .drug-banner { background-image: url(404.png);background-size: cover} .druglist-banner { background-image: url(404.png);background-size: cover} .section-drug-ufh { background: #F7F7F7 } .section-drug-ufh .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,0)), to(#F7F7F7)); background-image: -webkit-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: -o-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: linear-gradient(to bottom, rgba(247,247,247,0), #F7F7F7) } .section-drug-ufh .data { color: #5E8FD9; max-width: 960px; margin: 0 auto } .section-drug-ufh .data:before, .section-drug-ufh .data:after { content: ''; display: table } .section-drug-ufh .data:after { clear: both } .section-drug-ufh .data li { float: left; width: 25%; text-align: center; padding: 0 30px } .page-service #main { margin-bottom: 0 } .servicelist-banner { background-image: url(404.png);background-size: cover} .service-banner { background-image: url(404.png);background-size: cover} .play-banner { background-image: url(404.png);background-size: cover} .mental-banner { background-image: url(404.png);background-size: cover} .section-service-ufh { background: #F7F7F7 } .section-service-ufh .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,0)), to(#F7F7F7)); background-image: -webkit-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: -o-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: linear-gradient(to bottom, rgba(247,247,247,0), #F7F7F7) } .section-service-ufh .data { color: #5E8FD9; max-width: 960px; margin: 0 auto } .section-service-ufh .data:before, .section-service-ufh .data:after { content: ''; display: table } .section-service-ufh .data:after { clear: both } .section-service-ufh .data li { float: left; width: 25%; text-align: center; padding: 0 30px } .page-news #main { margin-bottom: 0 } .news-banner { background-image: url(../image/news_banner.jpg);background-size: cover} .drug-banner { background-image: url(404.png);background-size: cover} .section-news-ufh { background: #F7F7F7 } .section-news-ufh .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,0)), to(#F7F7F7)); background-image: -webkit-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: -o-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: linear-gradient(to bottom, rgba(247,247,247,0), #F7F7F7) } .section-news-ufh .data { color: #5E8FD9; max-width: 960px; margin: 0 auto } .section-news-ufh .data:before, .section-news-ufh .data:after { content: ''; display: table } .section-news-ufh .data:after { clear: both } .section-news-ufh .data li { float: left; width: 25%; text-align: center; padding: 0 30px } .page-doctor #main { margin-bottom: 0 } .doctor-banner { background-image: url(404.png);background-size: cover} .section-news-ufh { background: #F7F7F7 } .section-news-ufh .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,0)), to(#F7F7F7)); background-image: -webkit-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: -o-linear-gradient(top, rgba(247,247,247,0), #F7F7F7); background-image: linear-gradient(to bottom, rgba(247,247,247,0), #F7F7F7) } .section-news-ufh .data { color: #5E8FD9; max-width: 960px; margin: 0 auto } .section-news-ufh .data:before, .section-news-ufh .data:after { content: ''; display: table } .section-news-ufh .data:after { clear: both } .section-news-ufh .data li { float: left; width: 25%; text-align: center; padding: 0 30px } @media (max-width: 575px) { .section-bs-ufh .data li { width: 50%; margin-bottom: 10px; padding-left: 10px } } .section-bs-ufh .data strong { font-size: 36px; font-weight: 900 } .section-bs-ufh .data p { font-size: 12px; font-weight: bold } .section-bs-ufh .pic { display: block; margin: 0 auto; width: 100%; max-width: 1200px } .section-bs-mv:after { display: block; content: ''; padding-top: 35.1388888889% } .section-bs-mv .col { text-align: center; margin-bottom: 30px } .section-bs-mv strong { display: block; font-size: 18px; font-weight: bold; margin-bottom: 1em } .section-bs-mv p { line-height: 18px } .section-bs-mv .words { margin: 0 auto; width: 5em; text-align: left } .section-bs-mfc { background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#fff)); background-image: -webkit-linear-gradient(top, #F7F7F7, #fff); background-image: -o-linear-gradient(top, #F7F7F7, #fff); background-image: linear-gradient(to bottom, #F7F7F7, #fff) } .section-bs-mt .section-title, .section-bs-mt .entry-content h2, .entry-content .section-bs-mt h2 { margin-bottom: 50px } .section-bs-mt .list { color: #58626F } .section-bs-mt .list:before, .section-bs-mt .list:after { content: ''; display: table } .section-bs-mt .list:after { clear: both } .section-bs-mt .list li { float: left; width: 25%; padding: 0 10px; margin-bottom: 80px } .section-bs-mt .list li:before, .section-bs-mt .list li:after { content: ''; display: table } .section-bs-mt .list li:after { clear: both } .section-bs-mt .list li:nth-child(4n+1) { clear: left } @media (max-width: 991px) { .section-bs-mt .list li { width: 33.3% } .section-bs-mt .list li:nth-child(4n+1) { clear: none } .section-bs-mt .list li:nth-child(3n+1) { clear: left } } @media (max-width: 767px) { .section-bs-mt .list li { width: 50% } .section-bs-mt .list li:nth-child(3n+1) { clear: none } .section-bs-mt .list li:nth-child(2n+1) { clear: left } } @media (max-width: 575px) { .section-bs-mt .list li { float: none; width: auto; margin-bottom: 30px } } .section-bs-mt .list .photo { float: left; width: 110px; height: 140px; border-radius: 10px; margin-right: 10px } .section-bs-mt .list .cnt { overflow: hidden } .section-bs-mt .list .cnt span { white-space: nowrap } .section-bs-mt .list .cnt .name { font-size: 16px; font-weight: normal; margin-bottom: 4px } .section-bs-mt .list .cnt .job { font-size: 12px; font-weight: normal; line-height: 1.4 } .section-bs-mt .list .cnt .cn { margin-top: 16px; margin-bottom: 16px } @media (max-width: 767px) { .page-solutions #main { margin-top: 10px } } .solutions-banner {} .b2b-banner {} .section-b2b-bhawtw { background: #F6F9FD; padding-bottom: 60px } .section-b2b-bhawtw h3 { font-weight: bold; font-size: 18px; text-align: center; margin-bottom: 30px } .section-b2b-bhawtw ul { margin: 0 auto; max-width: 1080px } .section-b2b-bhawtw ul:before, .section-b2b-bhawtw ul:after { content: ''; display: table } .section-b2b-bhawtw ul:after { clear: both } .section-b2b-bhawtw li { float: left; width: 33.3%; margin-bottom: 30px } @media (max-width: 575px) { .section-b2b-bhawtw li { float: none; width: auto; max-width: 360px; margin-left: auto; margin-right: auto } } .section-b2b-bhawtw li .pic { display: block; width: 100%; margin-bottom: -10% } .section-b2b-bhawtw li p { width: 70%; margin: 0 auto } .section-b2b-bhawtw li p strong { font-weight: 900; font-style: italic } .section-b2b-whymanage { background: #F8F9FD; text-align: center } .section-b2b-whymanage .section-desc { margin-bottom: 0 } .section-b2b-whymanage .pic { vertical-align: top } .section-b2b-ohwa { z-index: 2; overflow: visible; background-image: -webkit-linear-gradient(bottom, #DCE5F1 0%, #fff 160px); background-image: -o-linear-gradient(bottom, #DCE5F1 0%, #fff 160px); background-image: linear-gradient(to top, #DCE5F1 0%, #fff 160px) } .section-b2b-ohwa .icon { display: block; margin: 0 auto; background: no-repeat 50%; width: 50px; height: 50px } .section-b2b-ohwa .icon-access {} .section-b2b-ohwa .icon-plan {} .section-b2b-ohwa .icon-active {} .section-b2b-ohwa .icon-measure {} .section-b2b-ohwa .ohwa-table-container { position: relative; padding-top: 80px; overflow: hidden } .section-b2b-ohwa .ohwa-table-container .shadow-1 { position: absolute; top: 0; left: 120px; right: 120px; border-radius: 10px; background: #F0F6FD; height: 50% } .section-b2b-ohwa .ohwa-table-container .shadow-2 { position: absolute; top: 40px; left: 60px; right: 60px; border-radius: 10px; background: #DAE7F8; height: 50% } .section-b2b-ohwa .ohwa-table-outer { position: relative; background: #8EB8EE; color: #fff; font-size: 12px; font-weight: bold; border-radius: 10px 10px 0 0 } .section-b2b-ohwa .ohwa-table-outer .col-bg { position: absolute; top: 120px; left: 0; width: 25%; bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#8CB7ED), to(#96C5FF)); background-image: -webkit-linear-gradient(top, #8CB7ED 0%, #96C5FF 100%); background-image: -o-linear-gradient(top, #8CB7ED 0%, #96C5FF 100%); background-image: linear-gradient(-180deg, #8CB7ED 0%, #96C5FF 100%) } .section-b2b-ohwa .ohwa-table-outer .col-bg-2 { left: 50% } .section-b2b-ohwa .ohwa-table { position: relative } .section-b2b-ohwa .ohwa-table th, .section-b2b-ohwa .ohwa-table td { width: 25%; padding: 10px } .section-b2b-ohwa .ohwa-table tbody {} .section-b2b-ohwa .ohwa-table th, .section-b2b-ohwa .swiper-slide .hd { text-align: center; height: 120px } .section-b2b-ohwa .ohwa-table th h3, .section-b2b-ohwa .swiper-slide .hd h3 { font-size: 1em; font-weight: bold } .section-b2b-ohwa .ohwa-table div, .section-b2b-ohwa .swiper-slide li div { border-radius: 10px; padding: 20px; min-height: 88px } .section-b2b-ohwa .ohwa-table div.green, .section-b2b-ohwa .swiper-slide li div.green { background: #73DEC9 } .section-b2b-ohwa tfoot td, .section-b2b-ohwa .swiper-slide .ft { font-weight: bold; background: #73DEC9; color: #fff; text-align: center; height: 46px } .section-b2b-ohwa .swiper-container { display: none } .section-b2b-ohwa .solution { font-weight: bold; margin: 0 30px; border-radius: 10px 10px 0 0; background: #8EB8EE; color: #fff } .section-b2b-ohwa .solution .hd { overflow: hidden } .section-b2b-ohwa .solution .hd .icon { margin-top: 20px } .section-b2b-ohwa .solution .features {} .section-b2b-ohwa .solution .features li { padding: 10px } .section-b2b-ohwa .solution .ft { line-height: 46px } @media (max-width: 575px) { .section-b2b-ohwa .wp { padding-left: 0; padding-right: 0 } .section-b2b-ohwa .ohwa-table-container { display: none } .section-b2b-ohwa .swiper-container { display: block } } .service-list .row { margin-left:0px; margin-right: -27px } .service-list .col { padding-left: 27px; padding-right: 27px } .service-list .service-item { position: relative; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 4px 20px rgba(82,112,163,0.25); box-shadow: 0 4px 20px rgba(82,112,163,0.25); border-left: 16px solid #5E8FD9; margin-bottom: 27px; color: #255AA8; height: 100px; overflow: hidden } .service-list .service-item .no { position: absolute; bottom: -24px; right: 10px; line-height: 1; font-size: 90px; font-family: 'Chelsea-III'; opacity: .15; width: 1em; text-align: center } .service-list .service-item p { display: table; font-weight: bold; margin: 0 28px 0 10px; height: 100% } .service-list .service-item p span { display: table-cell; vertical-align: middle } .section-b2b-osfa .osfa-content {} .section-b2b-osfa .textbox { margin: 70px 20px; padding: 30px 0; background: #FFF; border-radius: 10px; width: 440px; -webkit-box-shadow: -20px 20px 0 0 #5E8FD9; box-shadow: -20px 20px 0 0 #5E8FD9; font-weight: bold; overflow: hidden } .section-b2b-osfa .textbox h3 { text-align: center; font-size: 18px; margin-bottom: 20px } .section-b2b-osfa .textbox ul { margin: 0 30px 0 50px } .section-b2b-osfa .textbox li { position: relative; margin-bottom: 20px; line-height: 2 } .section-b2b-osfa .textbox li:before { content: '+'; position: absolute; top: 0; left: -20px } @media (max-width: 575px) { .section-b2b-osfa .textbox { width: auto; margin: 30px; padding: 30px 0 } } .section-b2b-mas .list:before, .section-b2b-mas .list:after { content: ''; display: table } .section-b2b-mas .list:after { clear: both } .section-b2b-mas .item { float: left; width: 33.3%; text-align: center; margin-bottom: 80px } .section-b2b-mas .item-inner { margin: 0 auto; width: 200px } .section-b2b-mas .item-inner .icon { display: block; width: 150px; margin: 0 auto 30px } .section-b2b-mas .item-inner p { font-size: 14px; font-weight: bold; height: 4em } @media (max-width: 575px) { .section-b2b-mas .item { width: 50% } .section-b2b-mas .item-inner { width: auto } } .section-b2b-healthtalk .card .cnt { height: 118px } .b2c-banner {} .b2c-banner .textbox h3 { font-size: 22px } .section-b2c-uhp .ufp-box { background: #fff; height: 700px } .section-b2c-uhp .ufp-box ul { position: relative; width: 910px; margin: 60px auto 0 } .section-b2c-uhp .ufp-box li { position: absolute; width: 190px; margin-bottom: 20px } .section-b2c-uhp .ufp-box li:before { content: ''; display: block; width: 50px; height: 8px; background-image: -webkit-gradient(linear, left top, right top, from(#8B3032), to(#FFA551)); background-image: -webkit-linear-gradient(left, #8B3032 0%, #FFA551 100%); background-image: -o-linear-gradient(left, #8B3032 0%, #FFA551 100%); background-image: linear-gradient(90deg, #8B3032 0%, #FFA551 100%); margin-bottom: 10px } .section-b2c-uhp .ufp-box li p { font-weight: bold; font-size: 12px } .section-b2c-uhp .ufp-box li:nth-child(1) { top: 0; left: 0 } .section-b2c-uhp .ufp-box li:nth-child(2) { top: 0; right: 0 } .section-b2c-uhp .ufp-box li:nth-child(3) { top: 166px; left: 0 } .section-b2c-uhp .ufp-box li:nth-child(4) { top: 166px; right: 0 } .section-b2c-uhp .ufp-box li:nth-child(5) { top: 352px; left: 0 } .section-b2c-uhp .ufp-box li:nth-child(6) { top: 352px; right: 0 } @media (max-width: 910px) { .section-b2c-uhp .ufp-box { background-position: 50% -50px; height: auto } .section-b2c-uhp .ufp-box ul { width: auto; margin-top: 0; padding-top: 40%; overflow: hidden } .section-b2c-uhp .ufp-box li { float: left; position: static; width: 40%; margin-left: 5%; margin-right: 5% } .section-b2c-uhp .ufp-box li:nth-child(odd) { clear: left } } @media (max-width: 575px) { .section-b2c-uhp .ufp-box { background-position: 50% 0; background-size: 200% auto } .section-b2c-uhp .ufp-box ul { padding-top: 95%; margin: 0 20px } .section-b2c-uhp .ufp-box li { float: none; width: auto } } .section-b2c-idb { background: #fff; background-size: cover } .section-b2c-idb .hospitals { margin-bottom: 50px } .section-b2c-idb .howblocks { margin-left: -27px; margin-right: -27px } .section-b2c-idb .howblocks .col { padding-left: 27px; padding-right: 27px } .section-b2c-idb .howblock { overflow: hidden; background: #fff; background: rgba(255,255,255,0.66); border-radius: 10px; border-left: 16px solid #8EB8EE; height: 350px } .section-b2c-idb .howblock .content { margin: 10% } .section-b2c-idb .howblock h4 { font-size: 14px; text-align: center } .section-b2c-idb .howblock hr { display: block; margin: 15px auto; width: 70px; height: 1px; background: #255AA8; border: 0 } .section-b2c-idb .howblock p { line-height: 2 } @media (max-width: 767px) { .section-b2c-idb .howblock { margin-bottom: 20px; height: auto } } .section-b2c-dbl { overflow: visible } .section-b2c-dbl h3 { margin-left: 30px; margin-bottom: 20px; font-size: 1em } .section-b2c-dbl ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .section-b2c-dbl ul.insurance-companies { margin-bottom: 50px } .section-b2c-dbl li { position: relative; float: left; margin: 0 30px 20px } @media (max-width: 575px) { .section-b2c-dbl li { width: 50%; float: none; margin-left: 0; margin-right: 0; text-align: center } } .section-b2c-dbl li:hover { z-index: 1 } .section-b2c-dbl li:hover .popover { opacity: 1; visibility: visible } .section-b2c-dbl li.holder { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .section-b2c-dbl .popover { position: absolute; top: -20px; left: 50%; width: 200px; height: 190px; margin-left: -100px; background: #FFF; -webkit-box-shadow: 0 15px 30px 0 rgba(37,90,168,0.3); box-shadow: 0 15px 30px 0 rgba(37,90,168,0.3); text-align: center; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; display: none } @media (max-width: 575px) { .section-b2c-dbl .popover { width: 100%; left: 0; margin-left: 0 } } .section-b2c-dbl .popover img { margin-top: 20px } .section-b2c-dbl .popover hr { display: block; margin: 15px auto; width: 44px; height: 1px; background: #255AA8; border: 0 } .section-b2c-dbl .popover span { display: block; font-weight: bold; margin-bottom: 5px } .section-b2c-sppap .row { margin-left: -13px; margin-right: -13px } .section-b2c-sppap .col { padding-left: 13px; padding-right: 13px } .section-b2c-sppap .pap { position: relative; background-color: #8DB6EB; height: 115px; border-radius: 10px; margin-bottom: 30px; margin-right: 27px; color: #fff } .section-b2c-sppap .pap:before, .section-b2c-sppap .pap:after { content: ''; display: table } .section-b2c-sppap .pap:after { clear: both } .section-b2c-sppap .pap .icon { float: left; width: 50px; height: 50px;margin-top: 32px; margin-left: 35px; margin-right: 25px } .section-b2c-sppap .pap .text { font-size: 16px; font-weight: bold; overflow: hidden; margin-top: 35px; margin-right: 70px } @media (max-width: 991px) { .section-b2c-sppap .pap .text { margin-right: 30px } } .section-b2c-sppap .pap .play { position: absolute; top: 50%; right: -27px; width: 54px; height: 54px; margin-top: -27px; border-radius: 50%; -webkit-box-shadow: 0 0 30px #5C6494; box-shadow: 0 0 30px #5C6494; background-color: #fff } @supports (display: flex) { .section-b2c-sppap .pap { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .section-b2c-sppap .pap .icon { -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none; margin-top:0 } .section-b2c-sppap .pap .text { margin-top:0 } } .page-b2d #main { margin-bottom: 0 } .b2d-banner {} .b2d-banner .textbox h3 { font-size: 22px } .section-b2d-sfhpap { background-color: #F7FAFE;padding-bottom: 260px } .section-b2d-sfhpap .cutbox .content { height: 650px; text-align: center } .section-b2d-sfhpap .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247,250,254,0)), to(#F7FAFE)); background-image: -webkit-linear-gradient(top, rgba(247,250,254,0), #F7FAFE); background-image: -o-linear-gradient(top, rgba(247,250,254,0), #F7FAFE); background-image: linear-gradient(to bottom, rgba(247,250,254,0), #F7FAFE) } .section-b2d-sfhpap .cutbox .content .chartpic { margin-top: 30px; margin-bottom: -30px } .section-b2d-sfhpap h4 { text-align: center; font-size: 1em; margin-bottom: 50px } .section-b2d-sfhpap .service-item { margin-bottom: 54px } .section-b2d-sfhpap .service-item p span { font-size: 16px } .section-b2d-sfhpap .tip { max-width: 740px; margin: 0 auto; text-align: center } .fmtp-banner {} .sidenav .apply { display: block; margin-top: 30px; margin-left: 30px; background-image: -webkit-gradient(linear, left top, right top, from(#FCD895), to(#F6AA1E)); background-image: -webkit-linear-gradient(left, #FCD895 0%, #F6AA1E 100%); background-image: -o-linear-gradient(left, #FCD895 0%, #F6AA1E 100%); background-image: linear-gradient(90deg, #FCD895 0%, #F6AA1E 100%); border-radius: 15px; line-height: 30px; max-width: 30px; -webkit-transition: max-width 1s; -o-transition: max-width 1s; transition: max-width 1s } .sidenav .apply .icon { float: left; width: 30px; height: 30px; background-color: #F6AA1E; border-radius: 50%; margin-right: 10px } .sidenav .apply .text { display: block; overflow: hidden; color: #fff; text-decoration: underline; margin-right: 15px; font-size: 12px; font-weight: bold; white-space: nowrap } .sidenav .apply:hover { max-width: 999px } @media (max-width: 767px) { .sidenav .apply { display: none } } .section-fmtp-ci .cutbox .content { height: 100px } .section-fmtp-ci .card a { font-weight: bold; text-decoration: underline } .section-fmtp-fm {padding-bottom: 600px } @media (max-width: 991px) { .section-fmtp-fm { background-size: 100% auto; padding-bottom: 50% } } .section-fmtp-fm .section-desc { margin-bottom: 0 } .section-fmtp-fm .list { max-width: 840px; margin: 20px auto } .section-fmtp-fm .list:before, .section-fmtp-fm .list:after { content: ''; display: table } .section-fmtp-fm .list:after { clear: both } .section-fmtp-fm .list li { float: left; width: 25% } @media (max-width: 991px) { .section-fmtp-fm .list li { width: 33.3% } } @media (max-width: 767px) { .section-fmtp-fm .list li { width: 50% } } .section-fmtp-fm .list div { position: relative; color: #fff; text-align: center; height: 100px; border-radius: 10px; background: no-repeat 50%; overflow: hidden; margin: 15px } .section-fmtp-fm .list div span { display: block; margin: 40px 1em; font-size: 14px; font-weight: bold } .section-fmtp-fm .item-er div { background-color: #E41623; -webkit-box-shadow: 0 10px 24px rgba(228,22,35,0.4); box-shadow: 0 10px 24px rgba(228,22,35,0.4) } .section-fmtp-fm .item-giw div { background-color: #8FB7EC; -webkit-box-shadow: 0 10px 24px rgba(143,183,236,0.4); box-shadow: 0 10px 24px rgba(143,183,236,0.4) } .section-fmtp-fm .item-icu div { background-color: #9C224D;-webkit-box-shadow: 0 10px 24px rgba(156,34,77,0.4); box-shadow: 0 10px 24px rgba(156,34,77,0.4) } .section-fmtp-fm .item-p div { background-color: #17BBEF;-webkit-box-shadow: 0 10px 24px rgba(23,187,239,0.4); box-shadow: 0 10px 24px rgba(23,187,239,0.4) } .section-fmtp-fm .item-g div { background-color: #F2A8AD; -webkit-box-shadow: 0 10px 24px rgba(242,168,173,0.4); box-shadow: 0 10px 24px rgba(242,168,173,0.4) } .section-fmtp-fm .item-s div { background-color: #0C74B0; -webkit-box-shadow: 0 10px 24px rgba(12,116,176,0.4); box-shadow: 0 10px 24px rgba(12,116,176,0.4) } .section-fmtp-fm .item-o div { background-color: #12A692; -webkit-box-shadow: 0 10px 24px rgba(18,166,146,0.4); box-shadow: 0 10px 24px rgba(18,166,146,0.4) } .section-fmtp-fm .item-mh div { background-color: #F5AC33; -webkit-box-shadow: 0 10px 24px rgba(245,172,51,0.4); box-shadow: 0 10px 24px rgba(245,172,51,0.4) } .section-fmtp-fm .item-ophthalmology div { background-color: #00A8AF; -webkit-box-shadow: 0 10px 24px rgba(0,168,175,0.4); box-shadow: 0 10px 24px rgba(0,168,175,0.4) } .section-fmtp-fm .item-surgery div { background-color: #0096DC; -webkit-box-shadow: 0 10px 24px rgba(0,150,220,0.4); box-shadow: 0 10px 24px rgba(0,150,220,0.4) } .section-fmtp-fm .item-ent div { background-color: #A688BE; -webkit-box-shadow: 0 10px 24px rgba(166,136,190,0.4); box-shadow: 0 10px 24px rgba(166,136,190,0.4) } .section-fmtp-fm .item-endocrinology div { background-color: #8EB8EE; -webkit-box-shadow: 0 10px 24px rgba(142,184,238,0.4); box-shadow: 0 10px 24px rgba(142,184,238,0.4) } .section-fmtp-fm .item-dermatology div { background-color: #EAB1A0; -webkit-box-shadow: 0 10px 24px rgba(234,177,160,0.4); box-shadow: 0 10px 24px rgba(234,177,160,0.4) } .section-fmtp-fmtp .btn-apply { background-color: #F6AA1E -webkit-box-shadow: 0 0 40px rgba(246,170,30,0.6); box-shadow: 0 0 40px rgba(246,170,30,0.6) } .section-fmtp-fmtp .wp { max-width: 800px } .section-fmtp-fmtp .fmtp-blocks { text-align: center } .section-fmtp-fmtp .fmtp-block { display: inline-block; vertical-align: top; width: 50%; padding: 0 8%; margin: 50px 0 } .section-fmtp-fmtp .fmtp-block .icon { display: block; margin: 0 auto 10px; width: 60px; height: 60px; background: no-repeat 50% } .section-fmtp-fmtp .fmtp-block .icon-tc {} .section-fmtp-fmtp .fmtp-block .icon-pl {} .section-fmtp-fmtp .fmtp-block .icon-tf {} .section-fmtp-fmtp .fmtp-block .icon-cu {} .section-fmtp-fmtp .fmtp-block h4 { font-size: 15px; margin-bottom: 20px } .section-fmtp-fmtp .fmtp-block .cnt { height: 220px; line-height: 20px } .section-fmtp-fmtp .fmtp-block .cnt p { margin-bottom: 1em } .section-fmtp-fmtp .fmtp-block .cnt a { text-decoration: underline } .section-fmtp-fmtp .fmtp-block .cnt .email-list { font-weight: bold; width: 180px; margin: 0 auto; text-align: left } .section-fmtp-fmtp .fmtp-block .cnt .email-list li { padding-left: 24px; margin-bottom: 1em } .section-fmtp-fmtp .fmtp-block-tc .cnt, .section-fmtp-fmtp .fmtp-block-tf .cnt { text-align: left } @media (max-width: 575px) { .section-fmtp-fmtp .fmtp-block { width: auto; margin-bottom: 0 } .section-fmtp-fmtp .fmtp-block .cnt { height: auto; margin-bottom: 30px } } .section-fmtp-mav .quote-box { border-color: #5E8FD9; -webkit-box-shadow: 16px 16px 0 #5E8FD9; box-shadow: 16px 16px 0 #5E8FD9 } .section-fmtp-mav .quote-box:before { border-color: #5E8FD9 } .section-fmtp-fap { background-image: -webkit-gradient(linear, left top, right top, from(#F5F7FF), to(#fff)); background-image: -webkit-linear-gradient(left, #F5F7FF, #fff); background-image: -o-linear-gradient(left, #F5F7FF, #fff); background-image: linear-gradient(to right, #F5F7FF, #fff) } .section-fmtp-fap .tab-content { max-width: 880px; margin: 0 auto } .section-fmtp-fap .doctor-list { margin-bottom: 50px } .section-fmtp-fap .doctor-list:before, .section-fmtp-fap .doctor-list:after { content: ''; display: table } .section-fmtp-fap .doctor-list:after { clear: both } .section-fmtp-fap .doctor-item { float: left; width: 50%; margin-bottom: 40px } .section-fmtp-fap .doctor-item:before, .section-fmtp-fap .doctor-item:after { content: ''; display: table } .section-fmtp-fap .doctor-item:after { clear: both } .section-fmtp-fap .doctor-item:nth-child(odd) { clear: left } @media (max-width: 767px) { .section-fmtp-fap .doctor-item { float: none; width: auto; margin-left: 30px; margin-bottom: 30px } } .section-fmtp-fap .doctor-item .photo { float: left; border-radius: 10px; width: 150px; -webkit-box-shadow: 0 10px 20px rgba(37,90,168,0.2); box-shadow: 0 10px 20px rgba(37,90,168,0.2); margin-right: 20px } .section-fmtp-fap .doctor-item .cnt { overflow: hidden; padding-left: 20px; margin-right: 70px; margin-top: 30px } .section-fmtp-fap .doctor-item .name { font-size: 18px; font-weight: bold; margin-bottom: 5px } .section-fmtp-fap .doctor-item .job { display: inline-block; min-width: 96px; line-height: 20px; background: #8EB8EE; font-weight: bold; text-align: center; font-size: 10px; color: #fff; padding: 0 1em; margin-bottom: 45px } .section-fmtp-fap .doctor-item li { position: relative; margin-bottom: 1em } .section-fmtp-fap .doctor-item li:before { position: absolute; content: '+'; top: 0; left: -15px; font-weight: bold } @media (max-width: 575px) { .section-fmtp-fap .doctor-item .photo { width: 30%; margin-right: 10px } .section-fmtp-fap .doctor-item .cnt { margin-top: 0; margin-right: 30px } .section-fmtp-fap .doctor-item .job { margin-bottom: 20px } } .section-fmtp-cap .cap-footer {padding: 100px 0 } .section-fmtp-cap .cap-footer .wp { max-width: 1040px } .section-fmtp-cap .cap-block { position: relative; background: #fff; border-radius: 10px; -webkit-box-shadow: -20px 20px #5E8FD9; box-shadow: -20px 20px #5E8FD9; margin: 0 30px 20px; color: #255AA8; height: 370px; overflow: hidden; padding-left: 50px; padding-right: 50px } .section-fmtp-cap .cap-block h4 { font-size: 16px; margin-top: 40px; margin-bottom: 40px; text-align: center } .section-fmtp-cap .newsletter-list li { position: relative; border-bottom: 1px solid rgba(37,90,168,0.2); padding: 15px 0 } .section-fmtp-cap .newsletter-list li .title { margin-right: 50px; font-weight: bold; font-size: 14px } .section-fmtp-cap .newsletter-list li .download { position: absolute; right: 0; top: 50%; margin-top: -15px; width: 30px; height: 30px;} .section-fmtp-cap .website-list { margin-left: -15px; margin-right: -15px } .section-fmtp-cap .website-list li { float: left; margin: 0 15px 20px } .section-fmtp-faq .row { margin-left: -13px; margin-right: -13px } .section-fmtp-faq .col { padding-left: 13px; padding-right: 13px } .section-fmtp-faq .qa-item { position: relative; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 4px 20px rgba(82,112,163,0.25); box-shadow: 0 4px 20px rgba(82,112,163,0.25); border-left: 16px solid #6BCCB8; margin: 13px 0; color: #255AA8; padding: 50px; height: 230px; overflow: hidden; font-size: 14px; line-height: 1.6 } @media (max-width: 991px) { .section-fmtp-faq .qa-item { height: 300px } } @media (max-width: 767px) { .section-fmtp-faq .qa-item { height: auto } } .section-fmtp-faq .qa-item .no { position: absolute; bottom: -24px; right: 10px; line-height: 1; font-size: 90px; font-family: 'Chelsea-III'; opacity: .4; width: 1em; color: #6BCCB8; text-align: center } .section-fmtp-faq .qa-item .question { font-weight: bold; margin-bottom: 1em } .fmtp-dialog-content { color: #255AA8; max-width: 360px; margin: 50px auto } .fmtp-dialog-content .icon { display: block; margin: 0 auto 10px; width: 60px; height: 60px; background: no-repeat 50% } .fmtp-dialog-content .icon-tc {} .fmtp-dialog-content .icon-pl {} .fmtp-dialog-content .icon-tf {} .fmtp-dialog-content .icon-cu {} .fmtp-dialog-content h3 { font-size: 14px; margin-bottom: 20px; text-align: center } .fmtp-dialog-content p { text-align: center; font-size: 12px; margin-bottom: 30px } .fmtp-dialog-content h4 { font-size: 14px; margin: 1em 0 } .fmtp-dialog-content ul { font-size: 12px } .fmtp-dialog-content ul li { border-bottom: 1px solid #255AA8 } .fmtp-dialog-content ul a { display: block; padding: 10px 1em 10px 0;} #fellows-content { color: #255AA8; max-width: 360px; margin: 50px auto } #fellows-content .icon { display: block; margin: 0 auto 10px; width: 60px; height: 60px; } #fellows-content h3 { font-size: 14px; margin-bottom: 50px; text-align: center } #fellows-content ul { font-size: 12px; margin-bottom: 40px } #fellows-content ul li { position: relative; border-bottom: 1px solid rgba(39,92,169,0.15); padding: 10px 1em 10px 0 } #fellows-content ul .title { margin-right: 30px } #fellows-content ul .download { position: absolute; right: 0; top: 50%; margin-top: -15px; width: 30px; height: 30px; } #contact-modal .modal-dialog { width: 258px; background: none; -webkit-box-shadow: none; box-shadow: none; color: #fff; text-align: center; margin-left: auto !important; margin-right: auto !important } #contact-modal .modal-dialog h3 { font-size: 14px; margin-bottom: 10px } .nt-banner {} .section-nt-nauffh .content { text-align: center } .section-nt-nauffh h3 { text-align: center; font-size: 16px; margin-bottom: 20px } .section-nt-nauffh .nursing-philosopy { width: 90%; max-width: 900px; margin: 0 auto; position: relative } .section-nt-nauffh .nursing-philosopy .pic { width: 100% } .section-nt-nsos {} .section-nt-nsos .nsos-block { width: 50%; background: #868FD7; color: #fff; overflow: hidden; -webkit-box-shadow: 0 0 100px 10px #60699C; box-shadow: 0 0 100px 10px #60699C } @media (max-width: 767px) { .section-nt-nsos .nsos-block { width: auto; margin: 30px } } .section-nt-nsos .nsos-block .section-title span:before, .section-nt-nsos .nsos-block .entry-content h2 span:before, .entry-content .section-nt-nsos .nsos-block h2 span:before {} .section-nt-nsos .nsos-block .section-title span:after, .section-nt-nsos .nsos-block .entry-content h2 span:after, .entry-content .section-nt-nsos .nsos-block h2 span:after {} .section-nt-nsos .nsos-block ul { margin: 40px auto 50px; max-width: 400px; padding: 0 20px } .section-nt-nsos .nsos-block li { margin-bottom: 1em; font-weight: bold } .section-nt-mfufhvp { background-color: #FAFAFA } .section-nt-mfufhvp .quote-box { border-color: #868FD7; -webkit-box-shadow: 16px 16px 0 #868FD7; box-shadow: 16px 16px 0 #868FD7 } .section-nt-mfufhvp .quote-box:before { border-color: #868FD7 } .section-nt-nead { background-color: #FAFAFA } .section-nt-nead .cutbox .content { height: 330px } .section-nt-nead .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250,250,250,0)), to(#FAFAFA)); background-image: -webkit-linear-gradient(top, rgba(250,250,250,0), #FAFAFA); background-image: -o-linear-gradient(top, rgba(250,250,250,0), #FAFAFA); background-image: linear-gradient(to bottom, rgba(250,250,250,0), #FAFAFA) } .section-nt-nead .cutbox ul { margin: 30px 0; overflow: hidden } .section-nt-nead .cutbox li { float: left; width: 25% } @media (max-width: 575px) { .section-nt-nead .cutbox li { width: 50%; margin-bottom: 20px } } .section-nt-nead .cutbox .circle { position: relative; width: 150px; height: 150px; border-radius: 50%; background: #868FD7; text-align: center; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .section-nt-nead .cutbox .circle .no { position: absolute; top: 0; left: 0; width: 100%; line-height: 170px; color: #7D86C9; font-size: 100px; font-family: 'Chelsea-III' } .section-nt-nead .cutbox .circle .text { position: relative; display: block; font-weight: bold; color: #fff; width: 80%; margin: 0 auto; line-height: 18px } .section-nt-nead .courses {height: 980px; overflow: hidden } .section-nt-nead .courses .content { max-width: 560px; padding: 0 20px; margin: 390px auto 0; font-weight: 500 } .section-nt-nead .courses .content h5 { font-size: 1em; margin-bottom: 1em } .section-nt-nead .courses .content ul { line-height: 2 } .section-nt-ufhnpp .pic { display: block; width: 90%; max-width: 1000px; margin: 0 auto 20px } .section-nt-ufhnpp .caption { text-align: center } .section-nt-nowufh { background-color: #868FD7 background-size: cover; color: #fff } .section-nt-nowufh .swiper-slide { height: 330px } .section-nt-nowufh .wp { max-width: 1010px; font-weight: bold } .section-nt-nowufh .col ul { padding-left: 1em } .section-nt-nowufh .col li { position: relative } .section-nt-nowufh .col li:before { content: '+'; position: absolute; top: 0; left: -1em } .section-nt-nowufh .icon { display: block; margin: 0 auto 10px; width: 60px; height: 60px; background: no-repeat 50% } .section-nt-nowufh .icon-location {} .section-nt-nowufh .icon-position {} .section-nt-nowufh .icon-apply {} .section-nt-nowufh .icon-requirement {} .section-nt-nowufh .icon-package {} .section-nt-nowufh h3 { margin-bottom: 20px; text-align: center } .section-nt-nowufh .col-locations .icon, .section-nt-nowufh .col-requirements .icon { margin-left: 0 } .section-nt-nowufh .col-locations h3, .section-nt-nowufh .col-requirements h3 { text-align: left } .section-nt-nowufh .col-position ul { float: left; width: 50% } .section-nt-nowufh .col-apply p { margin-bottom: 1em } .section-nt-nowufh .col-apply a { text-decoration: underline; white-space: nowrap } .section-nt-nowufh .col-requirements ul { float: left; width: 50% } .section-nt-nowufh .col-requirements li { padding-right: 40px } .section-nt-nowufh .col-package p { margin-bottom: 1em } .section-nt-nowufh .col-package a { text-decoration: underline; white-space: nowrap } .section-nt-nowufh li { margin-bottom: 1em } .section-nt-nowufh .swiper-button-prev, .section-nt-nowufh .swiper-button-next { top: 40% } .section-nt-nowufh .swiper-button-prev {} .section-nt-nowufh .swiper-button-next {} @media (max-width: 575px) { .section-nt-nowufh .swiper-slide { height: auto } .section-nt-nowufh .col { clear: both; float: none; width: auto; padding-left: 20px; padding-right: 20px } .section-nt-nowufh .col-locations .icon, .section-nt-nowufh .col-requirements .icon { margin-left: auto } .section-nt-nowufh .col-locations h3, .section-nt-nowufh .col-requirements h3 { text-align: center } .section-nt-nowufh .col-requirements li { padding-right: 20px } } .section-nt-tysn .wp { max-width: 700px } .section-nt-tysn li { position: relative; background-color: #868FD7; border-radius: 10px; margin-bottom: 30px; margin-right: 27px; color: #fff; padding: 40px 45px } .section-nt-tysn li:before, .section-nt-tysn li:after { content: ''; display: table } .section-nt-tysn li:after { clear: both } .section-nt-tysn li h3 { font-size: 16px; margin-bottom: 5px } .section-nt-tysn li p { height: 4.2em; overflow: hidden } .section-nt-tysn li .toggle { position: absolute; top: 50%; right: -27px; width: 54px; height: 54px; margin-top: -27px; border-radius: 50%; -webkit-box-shadow: 0 0 30px #868FD7; box-shadow: 0 0 30px #868FD7; background-color: #fff; cursor: pointer } .section-nt-tysn li.expaneded p { height: auto } .section-nt-tysn li.expaneded .toggle { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .page-amf #main { margin-bottom: 0 } .amf-banner { } .section-amf-mf .section-bd { max-width: 920px } .section-amf-mf .section-bd ul:before, .section-amf-mf .section-bd ul:after { content: ''; display: table } .section-amf-mf .section-bd ul:after { clear: both } .section-amf-mf .section-bd li { float: left; width: 50%; padding: 10px } @media (max-width: 575px) { .section-amf-mf .section-bd li { float: none; width: auto } } .section-amf-mf .section-bd .item { border-radius: 10px; overflow: hidden } .section-amf-mf .section-bd .item img { display: block; width: 100% } .section-amf-mf .section-bd .item p { background: #8EB8EE; color: #fff; text-align: center; font-weight: bold; font-size: 16px; padding: 30px } .section-amf-scmc .cutbox .content { height: 100px } .section-amf-scmc .scmc-content { } .section-amf-scmc .textbox { margin: 70px 20px; padding: 50px; background: #FFF; border-radius: 10px; width: 460px; -webkit-box-shadow: -20px 20px 0 0 #6BCCB8; box-shadow: -20px 20px 0 0 #6BCCB8; overflow: hidden } .section-amf-scmc .textbox h3 { text-align: center; font-size: 18px; margin-bottom: 30px } .section-amf-scmc .textbox p { margin-bottom: 3em } .section-amf-scmc .textbox p a { font-weight: bold; text-decoration: underline } .section-amf-scmc .textbox .btn { width: 210px; background-color: #6BCCB8 } @media (max-width: 575px) { .section-amf-scmc .textbox { width: auto; margin: 30px; padding: 30px } } .page-uccl #main { margin-bottom: 0 } .uccl-banner {} .section-uccl-mi .cutbox .content { height: 100px } .section-uccl-mi .mi-sec { overflow: hidden; background: #F4F8F7 } .section-uccl-mi .mi-sec .wp { max-width: 700px } .section-uccl-mi .mi-sec .section-desc { font-weight: bold; margin-top: 50px; margin-bottom: 50px } .section-uccl-mi .mi-block { margin-bottom: 50px; overflow: hidden } .section-uccl-mi .mi-block .pic { float: left; width: 300px; border-radius: 50% } .section-uccl-mi .mi-block .cnt { float: right; margin-top: 60px; margin-right: 25px; width: 320px } .section-uccl-mi .mi-block .cnt h3 { font-size: 18px; margin-bottom: 25px } .section-uccl-mi .mi-block .cnt p { margin-bottom: 25px } .section-uccl-mi .mi-block:nth-child(even) .pic { float: right } .section-uccl-mi .mi-block:nth-child(even) .cnt { float: left; margin-left: 25px; margin-right: 0 } .section-uccl-mi .mi-block-ept .cnt { margin-top: 45px } .section-uccl-mi .mi-block-isc .cnt { margin-top: 35px } .section-uccl-mi .btn-joinus { background: #6BCCB8; -webkit-box-shadow: 0 0 40px rgba(107,204,184,0.65); box-shadow: 0 0 40px rgba(107,204,184,0.65) } @media (max-width: 700px) { .section-uccl-mi .mi-block { margin: 0 20px 50px; text-align: center } .section-uccl-mi .mi-block .pic { float: none !important; width: 60%; margin-bottom: 20px } .section-uccl-mi .mi-block .cnt { float: none; width: auto; margin: 0 !important } .section-uccl-mi .mi-block .cnt .btn { margin-left: auto; margin-right: auto } } .section-uccl-ela { background-color: #F4F8F7;} .section-uccl-ela .cutbox .content { height: 100px } .section-uccl-ela .cutbox .content:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(244,248,247,0)), to(#F4F8F7)); background-image: -webkit-linear-gradient(top, rgba(244,248,247,0), #F4F8F7); background-image: -o-linear-gradient(top, rgba(244,248,247,0), #F4F8F7); background-image: linear-gradient(to bottom, rgba(244,248,247,0), #F4F8F7) } .section-uccl-ela .textbox { margin: 70px 20px; padding: 50px; background: #FFF; border-radius: 10px; width: 460px; -webkit-box-shadow: -20px 20px 0 0 #8EB8EE; box-shadow: -20px 20px 0 0 #8EB8EE; overflow: hidden } .section-uccl-ela .textbox h3 { text-align: center; font-size: 16px; margin-bottom: 20px } .section-uccl-ela .textbox p { line-height: 20px } @media (max-width: 575px) { .section-uccl-ela .textbox { width: auto; margin: 30px } } .section-uccl-isc .cutbox .content { height: 100px } .section-uccl-isc .mark { position: absolute; top: 0; left: 0; width: 87px; height: 87px; background: no-repeat 0 } .section-uccl-isc .mark.upcoming {} .section-uccl-ul { background: #F4F8F7 } .section-uccl-ul .service-list .service-item a { font-size: 14px; text-decoration: underline } .page-cdeme #main { margin-bottom: 0 } .cdeme-banner {} .aha-banner {} .aha-banner .textbox h3 { margin-bottom: 10px } .aha-banner .textbox .more-link { margin-top: 10px } .aha-banner .aha-logo { position: absolute; top: 50px; left: 50px } @media (max-width: 575px) { .aha-banner .aha-logo { top: 24px; left: 24px } } .section-cdeme-em .cutbox .content { height: 100px } .section-cdeme-em .wp { max-width: 740px } .section-cdeme-em .list { overflow: hidden; margin-bottom: -35px } .section-cdeme-em .list li { float: left; width: 33.3%; text-align: center; padding: 0 35px; margin-bottom: 35px } @media (max-width: 575px) { .section-cdeme-em .list li { padding: 0 20px; width: 50% } } .section-cdeme-em .list .no { display: block; font-family: 'Chelsea-III'; font-size: 56px; line-height: 1; color: #5C8DDC } .section-cdeme-em .list .text { font-weight: bold; height: 6em } .section-cdeme-uemtp { background-color: #fff} .section-cdeme-uemtp .wp { max-width: 1000px } .section-cdeme-uemtp .howblocks { margin-left: -27px; margin-right: -27px } .section-cdeme-uemtp .howblocks .col { padding-left: 27px; padding-right: 27px } .section-cdeme-uemtp .howblock { overflow: hidden; background: #fff; border-radius: 10px; -webkit-box-shadow: -20px 20px 0 #8EB8EE; box-shadow: -20px 20px 0 #8EB8EE; height: 370px; margin: 0 0 20px 20px } .section-cdeme-uemtp .howblock .content { margin: 8% 10% } .section-cdeme-uemtp .howblock h4 { font-size: 16px; text-align: center; margin-bottom: 1em } .section-cdeme-uemtp .howblock p { line-height: 20px; margin-bottom: 1.5em } .section-cdeme-uemtp .howblock a { text-decoration: underline; font-weight: bold } @media (max-width: 767px) { .section-cdeme-uemtp .howblock { margin-bottom: 20px; height: auto } } .page-ccr #main { margin-bottom: 0 } .ccr-banner {} .section-ccr-ci .cutbox .content { height: 100px } .section-ccr-ci .fsec { background: #8EB8EE; color: #fff } .section-ccr-ci .fsec .wp { max-width: 1400px } .section-ccr-ci .fsec .row { margin-left: 0; margin-right: 0 } .section-ccr-ci .fsec .col { padding-left: 25px; padding-right: 25px; height: 500px } .section-ccr-ci .fsec .col-left { padding-right: 0 } .section-ccr-ci .fsec .col-right { padding-top: 70px } .section-ccr-ci .fsec .pic { float: right; max-width: 50%; height: 100%; margin-left: 50px } .section-ccr-ci .fsec .block1 { padding-top: 70px } .section-ccr-ci .fsec hr { display: block; border: none; height: 1px; width: 80px; background: #fff; margin-bottom: 25px } .section-ccr-ci .fsec .icon { float: left; width: 60px; height: 60px; background: no-repeat 50%; margin-right: 20px } .section-ccr-ci .fsec .icon-1 {} .section-ccr-ci .fsec .icon-2 {} .section-ccr-ci .fsec .cnt { overflow: hidden } .section-ccr-ci .fsec .part { margin-bottom: 50px } .section-ccr-ci .fsec h3 { font-size: 18px; margin-bottom: 25px } .section-ccr-ci .fsec p { line-height: 20px } @media (max-width: 991px) { .section-ccr-ci .fsec .col { height: auto } .section-ccr-ci .fsec .col-left { padding-right: 0 } .section-ccr-ci .fsec .col-right { clear: both } .section-ccr-ci .fsec .block1 { padding-top: 30px } .section-ccr-ci .fsec .pic { max-width: 180px; width: 50%; height: auto; margin-left: 25px } } .section-ccr-cs .card-normal .cnt { height: 130px; margin-bottom: 0 } .section-ccr-or .quote-box { text-align: left; border-color: #8EB8EE; -webkit-box-shadow: 16px 16px 0 #8EB8EE; box-shadow: 16px 16px 0 #8EB8EE } .section-ccr-or .quote-box:before { border-color: #8EB8EE } .section-ccr-rc .section-bd { background: #8EB8EE; color: #fff } .section-ccr-rc .section-bd .wp { max-width: 1440px } .section-ccr-rc .section-bd .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } @media (max-width: 767px) { .section-ccr-rc .section-bd .row { display: block } } .section-ccr-rc .section-bd .wrap { width: 80%; margin: 50px auto } .section-ccr-rc .section-bd .icon { float: left; width: 40px; height: 40px; background: no-repeat 50%; margin-right: 30px } .section-ccr-rc .section-bd .icon-1 {} .section-ccr-rc .section-bd .icon-2 {} .section-ccr-rc .section-bd .icon-3 {} .section-ccr-rc .section-bd .cnt { overflow: hidden } .section-ccr-rc .section-bd .part { margin-bottom: 30px } .section-ccr-rc .section-bd h3 { font-size: 18px; margin-bottom: 10px } .section-ccr-rc .section-bd p { line-height: 20px } .section-ccr-rc .section-bd ul { margin-left: 1em } .section-ccr-rc .section-bd li { position: relative; margin-bottom: 1em } .section-ccr-rc .section-bd li .no { position: absolute; top: 0; left: -1em; font-weight: bold } .section-ccr-rc .section-bd .pic { display: block; height: 100%; max-width: none } .fake-cards { position: relative; padding-top: 80px } .fake-cards .fake-card-1 { position: absolute; top: 0; left: 120px; right: 120px; border-radius: 10px; background: #F0F6FD; height: 100% } .fake-cards .fake-card-2 { position: absolute; top: 40px; left: 60px; right: 60px; border-radius: 10px; background: #DAE7F8; height: 100% } @media (max-width: 575px) { .fake-cards { padding-top: 40px } .fake-cards .fake-card-1 { left: 60px; right: 60px } .fake-cards .fake-card-2 { top: 20px; left: 30px; right: 30px } } .fake-cards .real-card { position: relative; background: #8EB8EE; color: #fff; border-radius: 10px 10px 0 0 } .fake-cards th, .fake-cards td { font-weight: bold; padding: 20px } @media (max-width: 575px) { .fake-cards th, .fake-cards td { padding: 10px } } .fake-cards th { text-align: center } .fake-cards tbody {} .fake-cards tbody tr:nth-child(even) { background: #86B0E3 } .section-ccr-pl { background-image: -webkit-linear-gradient(bottom, #DCE5F1 0%, #fff 160px); background-image: -o-linear-gradient(bottom, #DCE5F1 0%, #fff 160px); background-image: linear-gradient(to top, #DCE5F1 0%, #fff 160px) } .section-ccr-pl .col-when { text-align: center; width: 33% } @media (max-width: 575px) { .section-ccr-pl .col-when { width: 7em } } .section-ccr-pl .col-more { width: 33% } .section-ccr-volunteer {} .section-ccr-volunteer .wp { max-width: 670px } .section-ccr-volunteer .row { margin-left: -15px; margin-right: -15px } .section-ccr-volunteer .col { padding-left: 15px; padding-right: 15px } .section-ccr-volunteer input, .section-ccr-volunteer textarea { border: 1px solid #255AA8; height: 54px; width: 100%; font-weight: bold; color: #255AA8; padding-left: 24px; padding-right: 24px; font-size: 14px; background: none } .section-ccr-volunteer textarea { height: 140px; padding-top: 24px } .section-ccr-volunteer ::-webkit-input-placeholder { font-weight:bold; color:#255AA8; opacity:1 } .section-ccr-volunteer :-ms-input-placeholder { font-weight:bold; color:#255AA8; opacity:1 } .section-ccr-volunteer ::-ms-input-placeholder { font-weight:bold; color:#255AA8; opacity:1 } .section-ccr-volunteer ::placeholder { font-weight:bold; color:#255AA8; opacity:1 } .section-ccr-volunteer .field { position: relative; margin-bottom: 30px } .section-ccr-volunteer .errormsg { position: absolute; top: 100%; left: 0; color: red } #notice-bar { position: fixed; left: 0; width: 100%; bottom: 0; height: 70px; background: #fff; color: #255AA8; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2); box-shadow: 0 0 30px rgba(0,0,0,0.2); z-index: 10 } #notice-bar .wp { max-width: 1300px } #notice-bar .icon { display: inline-block; width: 40px; height: 40px; background: no-repeat 50%; margin: 15px; vertical-align: middle } #notice-bar .icon-notice {} #notice-bar .icon-menu { float: right; cursor: pointer } #notice-bar .icon-close { position: absolute; top: 0; right: 0; cursor: pointer; display: none } #notice-bar .hd { float: left; font-size: 18px } #notice-bar .hd .text { display: none; vertical-align: middle } #notice-bar .list { margin: 26px 70px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } #notice-bar .list li { display: inline } #notice-bar .list li:after { content: '|'; margin: 0 1em } #notice-bar .split { margin: 0 1em } #notice-bar a { color: #255AA8; text-decoration: underline } #notice-bar-holder { height: 70px } .notice-bar-at-bottom #notice-bar-holder { height: 0 } .notice-bar-at-bottom #notice-bar { position: relative } .notice-bar-at-bottom #notice-bar.expanded .notice-body { max-height: none } #notice-bar.expanded { height: auto } #notice-bar.expanded .notice-body { max-height: 100vh; overflow: auto } #notice-bar.expanded .wp { max-width: 800px } #notice-bar.expanded .hd { float: none; text-align: center; margin: 30px 0 } #notice-bar.expanded .hd .icon { margin: 0 } #notice-bar.expanded .hd .text { display: inline } #notice-bar.expanded .list { margin-left: 10px; margin-right: 10px } #notice-bar.expanded .list li { display: block; border-top: 1px solid #255AA8 } #notice-bar.expanded .list li:after { display: none } #notice-bar.expanded .list a { display: block; font-weight: bold; padding: 15px 1em 15px 0;text-decoration: none; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } #notice-bar.expanded .icon-menu { display: none } #notice-bar.expanded .icon-close { display: block } .notice-bar-is-open:not(.notice-bar-at-bottom) .backtop { display: none !important } .error-404 { margin: 100px 20px }