/* ===== Hero Section ===== */
.hero-section{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}
.hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,81,255,.15) 0%,transparent 70%);pointer-events:none}
.hero-badge{display:inline-block;background:rgba(255,255,255,.1);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}
.hero-title{font-size:52px;font-weight:700;line-height:1.1;margin-bottom:16px;letter-spacing:-1.5px}
.hero-title span{color:#0051FF}
.hero-subtitle{font-size:20px;font-weight:400;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:600px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn-accent{background:#0051FF;color:#fff;border-color:#0051FF}.btn-accent:hover{background:#0044CA}
.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-lg{padding:16px 40px;font-size:16px;height:60px;border-radius:84px}
.quotes-section{padding:40px 0;background:#f9f9f9}
.quotes-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.quotes-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:6px 18px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500}
.quotes-tab.active{background:#0051FF;color:#fff;border-color:#0051FF}
.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.quote-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;transition:all .2s}
.quote-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.quote-name{font-weight:600;font-size:14px;margin-bottom:6px}
.quote-prices{display:flex;gap:12px;font-size:12px;color:#888;margin-bottom:4px}
.quote-change{font-size:12px;font-weight:600}.quote-change.up{color:#00C11F}.quote-change.down{color:#F41112}
.section{padding:60px 0}
.section-light{background:#f9f9f9}
.section-dark{background:#1a1a2e;color:#fff}
.section-dark .section-title{color:#fff}.section-dark .section-subtitle{color:rgba(255,255,255,.6)}
.section-subtitle{text-align:center;color:#888;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}
.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.advantage-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s}
.advantage-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px);border-color:#0051FF}
.advantage-icon{font-size:32px;margin-bottom:12px}
.advantage-number{font-size:28px;font-weight:800;color:#F41112;margin-bottom:4px}
.advantage-label{font-size:13px;color:#888;line-height:1.4}
.account-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative}
.account-card.featured{border:2px solid #0051FF;box-shadow:0 4px 24px rgba(0,81,255,.12)}
.account-name{font-size:22px;font-weight:700;margin-bottom:8px}
.account-spread{color:#888;font-size:13px;margin-bottom:8px}
.account-price{font-size:28px;font-weight:800;color:#F41112;margin-bottom:16px}
.account-price small{font-size:14px;font-weight:400;color:#888}
.account-features{list-style:none;margin-bottom:20px;padding:0}
.account-features li{padding:8px 0;border-bottom:1px solid #eee;font-size:13px;color:#666;display:flex;align-items:center;gap:8px}
.account-features li::before{content:'\2713';color:#F41112;font-weight:700}
.platform-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px;text-align:center;transition:all .3s}
.platform-card:hover{border-color:#0051FF}
.platform-icon{font-size:36px;margin-bottom:12px}
.platform-name{font-size:16px;font-weight:700;margin-bottom:4px}
.platform-desc{font-size:12px;opacity:.7}
.stats-section{background:#000;color:#fff;padding:60px 0}
.stat-card{text-align:center}
.stat-number{font-size:36px;font-weight:800;color:#F41112;margin-bottom:4px}
.stat-plus{font-size:24px}
.stat-label{font-size:14px;color:#888;letter-spacing:.5px}
.cta-section{background:linear-gradient(135deg,#F41112 0%,#d00e0f 100%);color:#fff;text-align:center;padding:60px 20px}
.cta-section h2{font-size:36px;font-weight:700;margin-bottom:16px}
.cta-section p{font-size:16px;opacity:.9;margin-bottom:32px}
.cta-section .btn{background:#fff;color:#F41112;padding:16px 48px;border-radius:84px;font-size:16px;font-weight:700;height:60px;display:inline-flex;align-items:center;border:none;cursor:pointer;transition:all .2s}
.cta-section .btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}
.subpage-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0;text-align:center}
.subpage-hero h1{font-size:42px;font-weight:700;margin-bottom:12px}.subpage-hero p{color:rgba(255,255,255,.7);max-width:600px;margin:0 auto}
.subpage-content{padding:60px 0;max-width:800px;margin:0 auto}.subpage-content h2{font-size:24px;font-weight:700;margin:32px 0 16px}
.subpage-content p{color:#666;line-height:1.8;margin-bottom:16px;font-size:15px}
@media(max-width:768px){.hero-title{font-size:32px}.section-title{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.accounts-grid{grid-template-columns:1fr}}
/* ===== Hero Section ===== */
.hero-section{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}
.hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,81,255,.15) 0%,transparent 70%);pointer-events:none}
.hero-badge{display:inline-block;background:rgba(255,255,255,.1);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}
.hero-title{font-size:52px;font-weight:700;line-height:1.1;margin-bottom:16px;letter-spacing:-1.5px}
.hero-title span{color:#0051FF}
.hero-subtitle{font-size:20px;font-weight:400;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:600px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn-accent{background:#0051FF;color:#fff;border-color:#0051FF}.btn-accent:hover{background:#0044CA}
.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-lg{padding:16px 40px;font-size:16px;height:60px;border-radius:84px}
.quotes-section{padding:40px 0;background:#f9f9f9}
.quotes-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.quotes-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:6px 18px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500}
.quotes-tab.active{background:#0051FF;color:#fff;border-color:#0051FF}
.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.quote-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;transition:all .2s}
.quote-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.quote-name{font-weight:600;font-size:14px;margin-bottom:6px}
.quote-prices{display:flex;gap:12px;font-size:12px;color:#888;margin-bottom:4px}
.quote-change{font-size:12px;font-weight:600}.quote-change.up{color:#00C11F}.quote-change.down{color:#F41112}
.section{padding:60px 0}
.section-light{background:#f9f9f9}
.section-dark{background:#1a1a2e;color:#fff}
.section-dark .section-title{color:#fff}.section-dark .section-subtitle{color:rgba(255,255,255,.6)}
.section-subtitle{text-align:center;color:#888;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}
.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.advantage-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s}
.advantage-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px);border-color:#0051FF}
.advantage-icon{font-size:32px;margin-bottom:12px}
.advantage-number{font-size:28px;font-weight:800;color:#F41112;margin-bottom:4px}
.advantage-label{font-size:13px;color:#888;line-height:1.4}
.account-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative}
.account-card.featured{border:2px solid #0051FF;box-shadow:0 4px 24px rgba(0,81,255,.12)}
.account-name{font-size:22px;font-weight:700;margin-bottom:8px}
.account-spread{color:#888;font-size:13px;margin-bottom:8px}
.account-price{font-size:28px;font-weight:800;color:#F41112;margin-bottom:16px}
.account-price small{font-size:14px;font-weight:400;color:#888}
.account-features{list-style:none;margin-bottom:20px;padding:0}
.account-features li{padding:8px 0;border-bottom:1px solid #eee;font-size:13px;color:#666;display:flex;align-items:center;gap:8px}
.account-features li::before{content:'✓';color:#F41112;font-weight:700}
.platform-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px;text-align:center;transition:all .3s}
.platform-card:hover{border-color:#0051FF}
.platform-icon{font-size:36px;margin-bottom:12px}
.platform-name{font-size:16px;font-weight:700;margin-bottom:4px}
.platform-desc{font-size:12px;opacity:.7}
.stats-section{background:#000;color:#fff;padding:60px 0}
.stat-card{text-align:center}
.stat-number{font-size:36px;font-weight:800;color:#F41112;margin-bottom:4px}
.stat-plus{font-size:24px}
.stat-label{font-size:14px;color:#888;letter-spacing:.5px}
.cta-section{background:linear-gradient(135deg,#F41112 0%,#d00e0f 100%);color:#fff;text-align:center;padding:60px 20px}
.cta-section h2{font-size:36px;font-weight:700;margin-bottom:16px}
.cta-section p{font-size:16px;opacity:.9;margin-bottom:32px}
.cta-section .btn{background:#fff;color:#F41112;padding:16px 48px;border-radius:84px;font-size:16px;font-weight:700;height:60px;display:inline-flex;align-items:center;border:none;cursor:pointer;transition:all .2s}
.cta-section .btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}
.subpage-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0;text-align:center}
.subpage-hero h1{font-size:42px;font-weight:700;margin-bottom:12px}.subpage-hero p{color:rgba(255,255,255,.7);max-width:600px;margin:0 auto}
.subpage-content{padding:60px 0;max-width:800px;margin:0 auto}.subpage-content h2{font-size:24px;font-weight:700;margin:32px 0 16px}
.subpage-content p{color:#666;line-height:1.8;margin-bottom:16px;font-size:15px}
@media(max-width:768px){.hero-title{font-size:32px}.section-title{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.accounts-grid{grid-template-columns:1fr}}
关于FxPro
自1999年以来,FxPro已为173个国家的客户提供在线交易服务,是全球领先的外汇和差价合约经纪商。
我们的故事
FxPro成立于1999年,是一家全球知名的外汇和差价合约(CFD)经纪商。经过20多年的发展,FxPro已发展成为拥有超过1,700万个客户账号的国际经纪商,服务遍布173个国家。FxPro凭借其卓越的服务质量、创新的交易技术和严格的监管合规,在全球金融市场赢得了卓越的声誉。
我们的使命
FxPro的使命是通过尖端技术、具有竞争力的定价和无与伦比的客户支持,为全球交易者提供进入全球金融市场的通道。我们致力于为每一位交易者——无论经验水平如何——提供安全、透明和可靠的交易环境。
为何选择FxPro
• 多重监管保障:FxPro受多个国际权威监管机构的严格监管,包括英国金融行为监管局(FCA)、塞浦路斯证券交易委员会(CySEC)、南非金融部门行为监管局(FSCA)、巴哈马证券委员会(SCB)和肯尼亚资本市场管理局(CMA)。这种多重监管框架确保最高标准的客户保护和运营诚信。
• 资金安全:客户资金存放在独立的隔离账户中,与公司运营资金完全分离。FxPro还参与投资者赔偿计划,为客户提供额外保障。
• 行业认可:FxPro因其卓越的服务质量不断获得行业认可,迄今已赢得140多个国际奖项,包括"最佳外汇经纪商"、"最佳客户服务"和"最具创新性经纪商"等荣誉。
• 技术领先:FxPro提供多种行业领先的交易平台,包括MT4、MT5、cTrader和TradingView,满足从初学者到专业交易者的各种需求。
核心数据
• 成立时间:1999年
• 客户账号:17,200,000+
• 国际奖项:140+
• 服务国家:173个
• 监管牌照:5项
• 客户资金:12亿美元+
• 点差从:0.0起(零+账户)
• 最大杠杆:1:1000
公司荣誉
FxPro连续十多年在彭博电视上亮相,并多次被福布斯、金融时报等国际权威媒体报导。我们的交易平台和移动应用在TradingView上获得5星级评分,在全球范围内享有盛誉。