@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;vertical-align:baseline;font-family:"微软雅黑";}
body{font-size:14px;font-family:"Arial","微软雅黑";line-height:22px;padding:0px;margin:0px;color:#f6cf5e;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
figure{margin:0;}
hr,button,input,textarea{margin:0;padding:0;}
address,cite,dfn,em,var{font-style:normal;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li{list-style:none}
a{color:#f6cf5e;text-decoration:none;outline:none;}
a:hover{color:#c9e0ff;text-decoration:none;transition:0.5s;}
.clearfix{clear:both;width:0px;height:0px;overflow:hidden;}
.left{float:left;}
.right{float:right;}
img.m{vertical-align:middle;}

:root{--blue:#0b73ff;--blue-dark:#005ce6;--dark:#15263f;--text:#2d3c53;--muted:#74839a;--line:#d7e7fb;--bg-soft:#f4f9ff;--footer-dark:#1f2e42;}

.hero{position:relative;overflow:hidden;background:#eef7ff;}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,251,255,.98) 0%,rgba(246,251,255,.65) 100%);}
.hero-inner{min-height:585px;position:relative;z-index:2;display:flex;align-items:center;padding:70px 0 58px;}
.hero-small-title{font-size:clamp(32px,4vw,54px);font-weight:900;color:#14243e;line-height:1.16;letter-spacing:2px;margin-bottom:12px;}
.hero-title{font-size:clamp(38px,5vw,64px);font-weight:900;color:var(--blue);line-height:1.12;letter-spacing:3px;margin-bottom:22px;}
.hero-desc{font-size:20px;color:#253852;margin-bottom:40px;}
.site-header{height:88px;border:0;position:relative;z-index:99;box-shadow:0 2px 8px rgba(0,60,150,.12);}
.header-inner{height:88px;display:flex;align-items:center;margin:0 auto;}
.logo-box{display:flex;align-items:center;flex-shrink:0;text-decoration:none;color:var(--blue);;width:310px;}
.logo-box img{width:54px;height:54px;object-fit:contain;}
.logo-text{margin-left:12px;}
.logo-title{color:var(--dark);font-size:20px;font-weight:800;line-height:1.2;white-space:nowrap;margin-bottom:5px;}
.logo-subtitle{color:#7e8ca0;font-size:14px;font-weight:400;line-height:1.2;white-space:nowrap;}
.main-nav{flex:1;height:100%;display:flex;align-items:center;justify-content:center;}
.main-nav .navbar-nav{width:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;margin:0;padding:0;list-style:none;}
.main-nav .nav-item{position:relative;margin:0;padding:0;}
.main-nav .nav-link{position:relative;height:88px;display:flex;align-items:center;justify-content:center;padding:0 25px !important;margin:0;border-radius:0;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s ease;white-space:nowrap;color:#172a46}
.main-nav .nav-link:hover{color:var(--blue);;}
.main-nav .nav-item.active .nav-link{color:var(--blue);;background:transparent !important;box-shadow:none;}
.main-nav .nav-item.active .nav-link::after{content:"";position:absolute;left:50%;bottom:21px;width:28px;height:3px;border-radius:10px;background:var(--blue);transform:translateX(-50%);}
.header-contact{width:250px;flex-shrink:0;display:flex;align-items:center;padding-left:18px;border-left:1px solid rgba(255,255,255,.35);}
.contact-icon{width:40px;height:40px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact-icon i{color:#fff;font-size:18px;}
.contact-info{margin-left:10px;display:flex;flex-direction:column;justify-content:center;line-height:1;}
.contact-label{color:var(--dark);font-size:16px;font-weight:400;margin-bottom:6px;}
.contact-phone{color:var(--blue);font-size:17px;font-weight:800;letter-spacing:.2px;margin-bottom:4px;}
.contact-time{color:#99a5b5;font-size:12px;font-weight:400;}



.hero{position:relative;overflow:hidden;background:#eef7ff;}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,251,255,.98) 0%,rgba(246,251,255,.92) 36%,rgba(246,251,255,.38) 62%,rgba(246,251,255,.06) 100%);pointer-events:none;}
.hero-inner{min-height:585px;position:relative;z-index:2;display:flex;align-items:center;padding:70px 0 58px;}
.hero-small-title{font-size:clamp(32px,4vw,54px);font-weight:900;color:#14243e;line-height:1.16;letter-spacing:2px;margin-bottom:10px;}
.hero-title{font-size:clamp(38px,5vw,64px);font-weight:900;color:var(--blue);line-height:1.12;letter-spacing:3px;margin-bottom:24px;}
.hero-desc{font-size:20px;color:#253852;margin-bottom:40px;}
.hero-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:44px;}
.hero-icon-item{text-align:center;}
.hero-icon-circle{width:58px;height:58px;border-radius:50%;border:1px solid #c9e0ff;background:rgba(255,255,255,.62);color:var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:25px;box-shadow:0 8px 18px rgba(0,100,240,.08);}
.hero-icon-item strong{display:block;font-size:16px;font-weight:800;color:#26354d;margin-bottom:4px;}
.hero-icon-item span{display:block;font-size:12px;color:#5c6c82;}
.hero-actions{display:flex;flex-wrap:wrap;gap:26px;}
.btn-main,.btn-line{min-width:180px;height:54px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:800;}
.btn-main{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 12px 26px rgba(0,100,240,.22);}
.btn-main:hover{color:#fff;background:linear-gradient(135deg,#006eff,#004fce);}
.btn-line{border:1px solid var(--blue);color:var(--blue);background:rgba(255,255,255,.66);}
.btn-line:hover{color:#fff;background:var(--blue);}
.banner-dots{position:absolute;z-index:3;left:50%;bottom:23px;transform:translateX(-50%);display:flex;gap:12px;}
.banner-dots span{width:14px;height:7px;border-radius:20px;background:#b8cbe4;}
.banner-dots span.active{width:18px;background:var(--blue);}


/*footer*/
.footer-main{background:#f7fbff;border-top:1px solid #e1edf9;padding:40px 0 34px;}
.footer-main h4{font-size:18px;font-weight:900;color:#172942;margin-bottom:18px;}
.footer-main p,.footer-main li{font-size:14px;color:#66778d;line-height:1.9;}
.footer-links{list-style:none;padding:0;margin:0;columns:2;}
.footer-links a{color:#66778d;}
.footer-links a:hover{color:var(--blue);}
.contact-line{display:flex;gap:9px;margin-bottom:8px;color:#66778d;font-size:14px;}
.contact-line i{color:var(--blue);margin-top:2px;}
.hospital-item{display:flex;gap:10px;margin-bottom:16px;}
.hospital-item i{color:var(--blue);font-size:22px;}
.hospital-item strong{display:block;color:#26364e;font-size:16px;margin-bottom:5px;}
.hospital-item a{color:var(--blue);font-size:13px;}
.qr-row{display:flex;gap:18px;}
.qr-item{text-align:center;font-size:13px;color:#66778d;}
.qr-item img{width:82px;height:82px;object-fit:cover;border:1px solid #d9e5f3;background:#fff;padding:4px;margin-bottom:8px;}
.copyright{background:var(--footer-dark);color:#b9c6d6;font-size:13px;padding:17px 0;}
.copyright .container{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;}
.copyright a{color:#b9c6d6}


/*在线留言*/
.message-box{position:fixed;right:25px;bottom:25px;width:390px;background:#fff;border:5px solid rgba(11,115,255,.8);border-radius:16px;overflow:hidden;z-index:9999;box-shadow:0 8px 30px rgba(0,60,120,.20);}
.message-header{height:48px;background:rgba(11,115,255,.8);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 20px;}
.message-title{color:#fff;font-size:17px;font-weight:700;}
.message-close{width:26px;height:26px;padding:0;border:0;border-radius:50%;background:#fff;color:#0878c1;font-size:21px;line-height:24px;text-align:center;cursor:pointer;}
.message-close:hover{background:#eaf5ff;}
.message-body{padding:20px 22px 22px;background:#fff;}
.message-tip{display:flex;align-items:center;gap:7px;margin-bottom:16px;padding:10px 12px;background:#f7fbff;border-radius:5px;color:#8a98a8;font-size:13px;line-height:1.5;}
.message-tip-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#ffad38;color:#fff;font-size:12px;font-weight:700;}
.message-row{display:flex;align-items:center;margin-bottom:12px;}
.message-row label{width:95px;flex-shrink:0;padding-right:10px;color:#26384d;font-size:14px;line-height:38px;text-align:right;}
.message-row label span{color:#ff3d3d;margin-right:3px;}
.message-row input{width:100%;height:38px;padding:0 12px;border:1px solid #d8e0e8;border-radius:4px;outline:none;color:#333;font-size:13px;box-sizing:border-box;transition:all .2s ease;}
.message-row input::placeholder{color:#b5bdc7;}
.message-row input:focus{border-color:#1683e8;box-shadow:0 0 0 3px rgba(22,131,232,.08);}
.message-content-row{align-items:flex-start;}
.message-content-row label{line-height:38px;}
.message-row textarea{width:100%;height:105px;padding:10px 12px;border:1px solid #d8e0e8;border-radius:4px;outline:none;resize:none;color:#333;font-size:13px;line-height:1.6;box-sizing:border-box;transition:all .2s ease;}
.message-row textarea::placeholder{color:#b5bdc7;}
.message-row textarea:focus{border-color:#1683e8;box-shadow:0 0 0 3px rgba(22,131,232,.08);}
.message-submit{display:flex;justify-content:center;margin-top:18px;}
.message-submit button{min-width:105px;height:38px;padding:0 22px;border:0;border-radius:6px;background:rgba(11,115,255,.9);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;}
.message-submit button:hover{background:#076fd1;box-shadow:0 5px 15px rgba(22,131,232,.25);}




/* 右侧悬浮栏 */
.float-tools{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999;}
.float-item{position:relative;width:58px;height:58px;}
.float-btn{width:58px;height:58px;padding:0;border:0;display:flex;align-items:center;justify-content:center;background:#666;color:#fff;text-decoration:none;cursor:pointer;transition:all .25s ease;}
.float-btn i{font-size:24px;}
.float-btn:hover i{color:#fff}
.float-item + .float-item .float-btn{border-top:1px solid rgba(255,255,255,.35);}
.float-item:nth-child(1) .float-btn:hover{background:var(--blue);}
.float-item:nth-child(2) .float-btn:hover{background:var(--blue);}
.float-item:nth-child(3) .float-btn:hover{background:var(--blue);}
.float-panel{position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(10px);width:260px;min-height:82px;padding:15px 18px;background:#fff;border-radius:3px;box-shadow:0 8px 30px rgba(0,0,0,.15);display:flex;align-items:center;opacity:0;visibility:hidden;transition:all .25s ease;}
.float-panel::after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff;}
.float-item:hover .float-panel{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}
.float-avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#f3f3f3;display:flex;align-items:center;justify-content:center;margin-right:13px;}
.float-avatar i{font-size:21px;color:#222;}
.float-tools .phone-avatar i{color:#aaa;}
.float-info{display:flex;flex-direction:column;justify-content:center;}
.float-title{color:#333;font-size:16px;font-weight:600;line-height:1.5;}
.float-number{color:#555;font-size:16px;margin-top:3px;}


/*page*/
 .page{text-align:center;margin:20px;}
 #page{font-size:14px;height:30px;line-height:30px;text-align:center}
 #page .pageinfo{margin-right:3px;color:#808080;font-size:14px;padding:4px 8px;border:1px solid #aaa;}
 #page .pageinfo strong{font-weight:normal;margin:0 3px}
 #page  a{border:1px solid #aaa;border-radius:5px;color:#808080;padding:4px 10px;margin-left:5px;transition:all 0.2s}
 #page  a:hover,#page .curpage{color:#38b549;text-decoration:none;background:var(--blue);color:#fff;border:1px solid var(--blue);}
 #page .nopage{cursor:not-allowed;}
 #page .nopage:hover{background:#fff;color:#808080;border:1px solid #aaa;}	
 #page .homepage,#page .endpage{display:none;}
