.logo{width:28px;float:left;margin:5px 5px 0 0;}
.section-title{font-size:22px;font-weight:bold;color:#3c3c3c}
.more-link{font-size:14px;color:#999999;transition:color 0.2s ease}
.more-link:hover{color:#2255e2}
.header-banner{background:linear-gradient(180deg,#2255e2 0%,#2A75FF 50%,#F6F9FE 100%);padding:16px 24px 36px 24px;/*border-bottom-left-radius:32px;border-bottom-right-radius:32px;*/color:#FFFFFF;position:relative}
.nav-bar .logo-text{font-size:26px;font-weight:900;letter-spacing:1.5px}
.nav-bar .logo-sub{font-size:13px;opacity:0.85;display:block;margin-top:-2px;letter-spacing:0.3px}
.nav-bar .phone-call{font-size:15px;font-weight:bold;background:rgba(255,255,255,0.2);padding:6px 16px;border-radius:20px;backdrop-filter:blur(4px);cursor:pointer;transition:background 0.2s ease,transform 0.1s ease}
.nav-bar .phone-call:hover{background:rgba(255,255,255,0.3)}
.nav-bar .phone-call:active{transform:scale(0.95)}
.nav-bar .menu-icon{width:24px;height:16px;display:flex;flex-direction:column;justify-content:space-between;margin-left:16px;cursor:pointer}
.nav-bar .menu-icon span{display:block;height:2.5px;background:#FFFFFF;width:100%;border-radius:2px;transition:all 0.3s ease}
.nav-bar .menu-icon:hover span:nth-child(2){transform:translateX(4px)}
.banner-content{margin-top:40px;position:relative}
.banner-text h1{font-size:44px;font-weight:800;letter-spacing:0px;text-shadow:0 2px 8px rgba(0,0,0,0.15);opacity:0.9;}
.banner-text p{font-size:16px;opacity:0.75;margin:10px 0 24px 0;letter-spacing:0px}
.btn-orange{background:linear-gradient(90deg,#FF8E42 0%,#FF5500 100%);color:#FFFFFF;font-size:16px;font-weight:bold;padding:12px 28px;border-radius:26px;display:inline-block;box-shadow:0 6px 16px rgba(255,85,0,0.4);transition:transform 0.2s ease,box-shadow 0.2s ease}
.btn-orange:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,85,0,0.5)}
.btn-orange:active{transform:translateY(1px)}
.banner-dots{margin-top:32px}
.banner-dots span{width:8px;height:8px;background:rgba(255,255,255,0.4);border-radius:50%;margin:0 5px;display:inline-block;cursor:pointer;transition:all 0.3s ease}
.banner-dots span.active,.banner-dots span:hover{background:#FFFFFF;width:16px;border-radius:4px}
.main-container{padding:0 20px;margin-top:10px}
.country-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px 12px;text-align:center;padding:10px 0 4px 0}
.country-item{cursor:pointer}
.country-item .flag{width:58px;height:58px;border-radius:50%;margin:0 auto 8px auto;box-shadow:0 4px 10px rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:center;font-size:32px;background:#FFFFFF;transition:transform 0.2s ease,box-shadow 0.2s ease}
.country-item .flag img{width:90%}
.country-item span{font-size:14px;color:#5a5a5a;font-weight:500;transition:color 0.2s ease}
.country-item:hover .flag{transform:translateY(-4px);box-shadow:0 8px 16px rgba(26,102,255,0.12)}
.country-item:hover span{color:#2255e2}
.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.id-card{border-radius:16px;padding:22px;position:relative;overflow:hidden;height:100px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 4px 12px rgba(0, 68, 204, 0.02);}
.id-card h3{font-size:20px;font-weight:bold;margin-bottom:6px}
.id-card p{font-size:13px;opacity:0.85}
.id-card .id-emoji{position:absolute;bottom:12px;right:20px;font-size:40px;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}
.id-bg-1{background:#EDF3FF;color:#2255e2}
.id-bg-2{background:#FFF0F4;color:#FF4D6A}
.id-bg-3{background:#EAF7FF;color:#0088FF}
.id-bg-4{background:#E6FBF7;color:#00B594}
.id-bg-5{background:#FFF7EC;color:#e69628}
.id-bg-6{background:#f0f0ff;color:#5757ac}
.id-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.04)}
.id-card:hover .id-emoji{transform:scale(1.2) rotate(8deg)}
.headline-box{display:flex;align-items:center}
.headline-label{font-size:20px;font-weight:900;color:#FF5500;width:56px;line-height:1.2;border-right:1px solid #EFEFEF;margin-right:15px}
.headline-list{flex:1;font-size:15px;color:#333333}
.headline-list li{margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color 0.2s ease}
.headline-list li:hover{color:#FF5500}
.headline-list span{color:#A0A0A0;margin-right:8px}
.mode-tabs{display:flex;justify-content:space-between;background:#EDF1F7;padding:4px;border-radius:28px;margin:14px 0 18px 0}
.mode-tab{flex:1;text-align:center;font-size:15px;padding:10px 0;border-radius:24px;color:#555555;font-weight:500;cursor:pointer;transition:all 0.25s ease}
.mode-tab.active,.mode-tab:hover{background:#2255e2;color:#FFFFFF;font-weight:bold}
.promo-banner{background:linear-gradient(90deg,#164CED 0%,#4A80FF 100%);border-radius:18px;padding:26px;color:#FFFFFF;position:relative;overflow:hidden;margin-bottom:16px}
.promo-tag{background:rgba(255,255,255,0.22);font-size:13px;padding:4px 12px;border-radius:14px;display:inline-block;margin-top:12px}
.promo-banner h2{font-size:30px;font-weight:bold}
.promo-banner p{font-size:15px;opacity:0.85;margin-top:6px}
.promo-btn{background:#FFFFFF;color:#2255e2;font-size:14px;font-weight:bold;padding:6px 18px;border-radius:14px;margin-top:16px;display:inline-block;transition:transform 0.2s ease}
.promo-banner:hover .promo-btn{transform:scale(1.05)}
.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.info-col{background:#FFFFFF;border-radius:16px;padding:20px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.01);transition:transform 0.2s ease}
.info-col:hover{transform:translateY(-2px)}
.info-col-title{font-size:16px;font-weight:bold;color:#2255e2;margin-top:8px;margin-bottom:12px}
.info-col-title-s{margin-bottom:10px!important;color:#b5b5b7!important}
.info-col p{font-size:14px;color:#555555;margin:6px 0}
.info-col .highlight-text{color:#FF5500;font-weight:bold;font-size:15px}
.test-btn{background:#2255e2;color:#FFFFFF;text-align:center;padding:14px;border-radius:14px;font-size:18px;font-weight:bold;box-shadow:0 6px 20px rgba(26,102,255,0.3);margin-bottom:32px;cursor:pointer;transition:background 0.2s ease,transform 0.1s ease,box-shadow 0.2s ease}
.test-btn:hover{background:#0055FF;box-shadow:0 8px 24px rgba(26,102,255,0.4)}
.test-btn:active{transform:scale(0.98)}
.segment-tabs{display:flex;gap:12px;margin-bottom:18px}
.segment-tab{padding:9px 5px 10px;border-radius:20px;font-size:14px;background:#EDF2FA;color:#555555;font-weight:500;cursor:pointer;transition:all 0.2s ease;width:99%;text-align:center}
.segment-tab.active,.segment-tab:hover{background:#2255e2;color:#FFFFFF;font-weight:bold}
.scheme-main{display:flex;gap:18px;margin-bottom:16px;cursor:pointer}
.scheme-img{width:140px;height:95px;background:#EDF3FF;border-radius:10px;object-fit:cover}
.scheme-details h4{font-size:18px;font-weight:bold;color:#111111}
.scheme-tag{background:#FF4D4D;color:#FFFFFF;font-size:11px;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:2px}
.scheme-details p{font-size:13px;color:#666666;margin-top:8px}
.scheme-qa{border-top:1px dashed #EAEAEA;padding-top:12px}
.scheme-qa-item{font-size:14px;color:#333333;margin:10px 0 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color 0.2s ease}
.scheme-qa-item:hover{color:#2255e2}
.badge-new{background:#FF5500;color:#FFFFFF;font-size:10px;padding:1px 5px;border-radius:4px}
.view-all-btn{text-align:center;font-size:15px;color:#2255e2;padding-top:15px;border-top:1px solid #F0F5FD;font-weight:bold;cursor:pointer;transition:opacity 0.2s ease}
.view-all-btn:hover{opacity:0.8}
.advantage-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px}
.adv-item{padding:20px 12px;text-align:center;border-radius:12px;transition:transform 0.2s ease}
.adv-item:hover{transform:scale(1.04)}
.adv-item h4{font-size:15px;font-weight:bold;margin:8px 0 4px 0;color:#222222}
.adv-item p{font-size:12px;color:#888888}
.mid-banner{background:linear-gradient(90deg,#133179 0%,#1A52CC 100%);border-radius:14px;padding:0 15px 0 22px;color:#FFFFFF;margin-bottom:26px;height:90px;}
.mid-banner h3{font-size:20px;font-weight:bold;letter-spacing:1px}
.mid-banner p{font-size:13px;opacity:0.75;margin-top:6px}
.school-menu-bar{align-items:center;margin-bottom:16px}
.school-tabs-right{display:flex;align-items:center;gap:16px;margin-top:15px}
.school-tab-item{font-size:14px;color:#555555;font-weight:500;cursor:pointer;transition:color 0.2s ease;background-color:#f1f5fe;padding:6px 14px;border-radius:14px}
.school-tab-item.active,.school-tab-item:hover{color:#2255e2;font-weight:bold;background:#e8effe}
.school-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,68,204,0.06)}
.school-logo{width:100%;height:110px;background:#F2F5FA;border-radius:12px;margin-bottom:10px}
.school-info{flex:1}
.school-info h4{font-size:18px;font-weight:bold;color:#1A1A1A;line-height:1.5}
.school-tags{margin:8px 0}
.school-tag{font-size:11px;color:#FF5500;background:#FFF2EC;padding:2px 7px;border-radius:4px;margin-right:6px;display:inline-block;font-weight:500}
.school-info p{font-size:13px;color:#555555;margin:4px 0}
.school-btns{display:flex;gap:12px;margin-top:12px}
.school-btn{flex:1;text-align:center;font-size:13px;padding:8px 0;border-radius:6px;border:1px solid #2255e2;font-weight:500;cursor:pointer;transition:all 0.2s ease}
.school-btn.primary{background:#2255e2;color:#FFFFFF}
.school-btn.primary:hover{background:#0055FF;border-color:#0055FF}
.school-btn.secondary{color:#2255e2;background:#FFFFFF}
.school-btn.secondary:hover{background:#F0V5FD;background:#F5F9FF}
.school-btn:active{transform:scale(0.96)}
.news-menu-capsule{display:flex;justify-content:space-between;padding:4px;margin-bottom:10px}
.news-tab-node{flex:1;text-align:center;font-size:14px;padding:8px 0;color:#444444;border-radius:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease}
.news-tab-node.active,.news-tab-node:hover{background:#2255e2;color:#FFFFFF;font-weight:bold}
.news-item{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #EEEEEE;cursor:pointer}
.news-left{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.news-title{font-size:15px;color:#616161;font-weight:bold;line-height:1.4;transition:color 0.2s ease}
.news-item:hover .news-title{color:#2255e2}
.news-date{font-size:13px;color:#999999}
.news-img{width:110px;height:80px;background:#EDF2FA;border-radius:8px;object-fit:cover}
.news-li-simple{font-size:14px;color:#616161;padding:12px 0;border-bottom:1px solid #EEEEEE;display:flex;justify-content:space-between;cursor:pointer;transition:padding-left 0.2s ease,color 0.2s ease}
.news-li-simple:hover{padding-left:4px;color:#2255e2}
.about-pic img{width:100%;margin-bottom:5px;border-radius:5px;opacity:0.9;}
.about-text{font-size:14px;line-height:1.8;color:#999999;margin-bottom:20px}
.about-stats{display:flex;justify-content:space-between;text-align:center}
.about-item{flex:1}
.about-icon{width:40px;height:40px;background:#F4F7FC;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;color:#999999}
.about-val{font-weight:bold;font-size:16px}
.about-label{font-size:12px;color:#999999;margin-top:4px}
.contact-item{display:flex;align-items:center;margin-bottom:15px}
.contact-icon{width:36px;height:36px;background:#F2F3F5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}
.contact-info{font-size:14px}
.contact-info strong{font-size:14px;color:#2255e2;}
.contact-info div:first-child{color:#000;font-size:12px}
.contact-input input,.contact-input textarea{width:100%;padding:12px;border:1px solid #E5E6EB;border-radius:8px;box-sizing:border-box;margin-top:5px;margin-bottom:12px;font-size:13px;}
.contact-btn{width:100%;background:#2255e2;color:white;border:none;padding:15px;border-radius:8px;font-weight:bold;margin-top:10px}