/* 全局样式 */
* {margin:0;padding:0;box-sizing:border-box;font-family:'Microsoft YaHei','PingFang SC', sans-serif;}
a {text-decoration:none;color:#33475f;font-size:15px;}
a:hover {text-decoration:none;}
.contact-item a{color:#ecf0f1}
body {background:linear-gradient(to bottom,#f9fbfe 0%,#ffffff 100%);min-width: 1200px;}
p{font-size: 15px;color: #33475f;line-height:2;}
.solution-header-content p,.carousel-text p,.solution-cta p{color: #fff;font-size: 16px;line-height: 2;}
h1{font-size:42px;font-weight:700;margin-bottom:20px;line-height:1.2;}
h3{font-size:24px;font-weight:600;margin-bottom:15px;line-height:1.3;}
h4{font-size:18px;line-height:2.2; font-weight:600;color:#33475f;transition:color 0.3s;}
.fffp{font-size: 18px; color: #fff;line-height: 1.8;margin-bottom: 20px;}
/* 导航栏样式 */
.navbar {position: sticky; top: 0;z-index: 1000;background-color:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:0 10%;height:70px;display:flex;align-items:center;justify-content:space-between;}
.logo {margin-right:25px;width:180px;height:60px}
.nav-container {display:flex;align-items:center;flex-grow:1;}
.nav-links {display:flex;list-style:none;margin-right:auto;}
.nav-links > li {position:relative;padding:0 25px;list-style-type: none;}
.nav-links > li > a {color:#33475f;text-decoration:none;font-size:16px;font-weight:500;height:70px;display:flex;align-items:center;position:relative;transition:color 0.3s;}
.nav-links > li > a:hover {color:#1890ff;}
.nav-links > li > a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#1890ff;transition:width 0.3s;}
.nav-links > li > a:hover::after {width:100%;}
.has-dropdown a{cursor:pointer;}
.has-dropdown > a::after {content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:13px;transition:transform 0.3s;}
.has-dropdown:hover > a::after {transform:rotate(180deg);}
.dropdown {z-index: 1001;position:absolute;top:70px;left:-80px;background-color:#ffffff;box-shadow:0 5px 20px rgba(0,0,0,0.1);border-radius:4px;padding:25px;min-width:800px;max-width: 1000px; width: max-content; opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s;z-index:1000;display:flex;flex-wrap:wrap;}
.has-dropdown:hover .dropdown {opacity:1;visibility:visible;transform:translateY(0);}
.dropdown-item {display:flex;align-items:center;padding:15px;text-decoration:none;color:#33475f;transition:all 0.2s;border-radius:4px;width:100%;height:80px;}
.dropdown-item:hover {background-color:#f0f7ff;color:#1890ff;}
.dropdown-item:hover .svg-icon30 {color:#1478d2;}
.dropdown-item i {margin-right:12px;color:#1890ff;font-size:20px;width:24px;text-align:center;flex-shrink:0;}
.item-content {flex:1;min-width:0;}
.item-content h5 {font-size:15px;margin-bottom:5px;color:#33475f;white-space:nowrap;overflow:hidden;}
.item-content p {font-size:13px;color:#999999;line-height:1.4;white-space:nowrap;overflow:hidden;}
.nav-buttons {display:flex;align-items:center;}
.phone-number {display:flex;align-items:center;color:#1890ff;font-weight:bold;margin-right:20px;text-decoration:none;font-size: 18px;font-weight: bold;}
.phone-number i {margin-right:5px;font-size:18px;}
.btn {padding:8px 16px;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s;text-decoration:none;margin-left:10px;}
.btn-login {color:#1890ff;border:1px solid #1890ff;background-color:transparent;}
.btn-login:hover {background-color:#e6f3ff;}
.btn-register {color:#ffffff;background-color:#1890ff;border:1px solid #1890ff;}
.btn-register:hover {background-color:#1478d2;border-color:#1478d2;}
.btn-primary:hover{background-color:#f0f7ff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,255,255,0.3)}
.btn-primary{display:inline-block;padding:14px 32px;background-color:#ffffff;color:#1890ff;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;transition:all 0.3s;box-shadow:0 4px 15px rgba(255,255,255,0.2)}
.btn-docs:hover{background:#f0f7ff}
.btn-docs{background:#ffffff;color:#1890ff;border:1px solid #1890ff}
.btn-download,.btn-docs{display:inline-block;padding:8px 15px;border-radius:4px;font-size:13px;text-decoration:none;margin:5px;transition:all 0.3s}
.btn-download:hover{background:#1478d2;border-color:#1478d2}
.btn-download{background:#1890ff;color:#ffffff;border:1px solid #1890ff}
.btn-outline:hover{background-color:rgba(255,255,255,0.1);transform:translateY(-2px)}
.btn-outline{display:inline-block;padding:14px 32px;background-color:transparent;color:#ffffff;border:2px solid #ffffff;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;transition:all 0.3s}
.company-card {width:240px;padding:20px;background:#f9fbfe;border-left:1px solid #eeeeee;margin-left:20px;border-radius:0 4px 4px 0;}
.company-card h4 {color:#1890ff;margin-bottom:12px;font-size:16px;}
.company-card p {font-size:13px;color:#33475f;margin-bottom:10px;line-height:1.5;}
.company-card .contact-info {margin-top:15px;padding-top:15px;border-top:1px dashed #eeeeee;}
.company-card .contact-info p {display:flex;align-items:center;margin-bottom:8px;}
.company-card .contact-info i {margin-right:8px;color:#1890ff;font-size:15px;width:16px;text-align:center;}
.mega-menu-container {display:flex;width:100%;}
.mega-menu-content {flex:1;display:flex;flex-wrap:wrap;}
.dropdown-arrow {display:inline-block;margin-left:5px;transition:transform 0.3s ease;width:12px;height:12px;background:url(images/top.svg) no-repeat center center;background-size:contain;vertical-align:middle;}
.has-dropdown:hover .dropdown-arrow {transform:rotate(180deg);}
/* 热度标签 */
.hot-badge{display:inline-block;background-color:#f5222d;color:white;font-size:8px;padding:2px 6px;border-radius:10px;margin-left:5px;line-height:1;transform:translateY(-2px);animation:pulse 1.5s infinite}
@keyframes pulse{0%{transform:translateY(-2px) scale(1);box-shadow:0 0 0 0 rgba(245,34,45,0.4)}70%{transform:translateY(-2px) scale(1.05);box-shadow:0 0 0 6px rgba(245,34,45,0)}100%{transform:translateY(-2px) scale(1);box-shadow:0 0 0 0 rgba(245,34,45,0)}}
.mega-column {float:left;padding:0 15px;margin-bottom:10px;}
.mega-column h4 {color:#1890ff;margin-bottom:5px;padding-bottom:10px;border-bottom:1px solid #eeeeee;font-size:16px;padding-left: 20px;}
/* 网站底部样式 */
.copyright {color:#bdc3c7;margin-bottom:10px;}
.site-footer {background-color:#2c3e50;color:#ecf0f1;padding:60px 0 0;font-size:15px;line-height:1.6;}
.footer-container {max-width:1200px;margin:0 auto;padding:0 20px;overflow:hidden;}
.footer-column {float:left;margin-bottom:30px;}
.footer-column h4 {color:#ffffff;font-size:18px;margin-bottom:25px;position:relative;padding-bottom:10px;}
.footer-column h4::after {content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background:#1890ff;}
.footer-links {list-style:none;}
.footer-links li {margin-bottom:12px;}
.footer-links a {color:#bdc3c7;text-decoration:none;transition:all 0.3s ease;display:inline-block;}
.footer-links a:hover {color:#1890ff;transform:translateX(5px);}
.footer-links a i {margin-right:8px;width:16px;text-align:center;}
.contact-info {margin-top:20px;}
.contact-item {display:flex;align-items:flex-start;margin-bottom:15px;}
.contact-item i {color:#1890ff;margin-right:10px;margin-top:3px;font-size:16px;}
.footer-social {margin-top:20px;}
.social-links {display:flex;gap:15px;}
.social-links a {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:rgba(255,255,255,0.1);border-radius:50%;color:#ffffff;font-size:16px;transition:all 0.3s ease;}
.social-links a:hover {background-color:#1890ff;transform:translateY(-3px);}
.footer-bottom {background-color:#1a252f;padding:20px 0 10px;margin-top:40px;text-align:center;}
.footer-bottom-container {max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;}
.footer-legal {display:flex;flex-wrap:wrap;justify-content:center;gap:15px;}
.footer-legal a {color:#bdc3c7;text-decoration:none;transition:color 0.3s;}
.footer-legal a:hover {color:#1890ff;}
.footer-legal img {margin-right:5px;vertical-align: middle;}
.footer-divider {color:#33475f;}
.chat{margin-left: 15px;}
.chat p{font-size: 15px;color:#ecf0f1;font-weight: 600;text-align: center;}
.chat img{width: 122px; height: 122px; border: 1px solid #eee;margin: 10px 0;}
.width15{width:17%;}
.footchat{margin-left: 70px;}
/* 通用卡片 */
/* .card-list li:before{content:"•";position:absolute;left:0;color:#0066ff} */
.card {display: flex;flex-direction: column;float:left;width:31.33%;margin:1%;background:#ffffff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:25px;transition:all 0.3s;}
.card:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1);}
.card-icon {margin-right: 15px;width:60px;height:60px;background:#f0f7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1890ff;font-size:24px;}
.card-list{list-style:none;padding-left:15px;margin-top:15px}
.card-list i {color:#52c41a;margin-right:8px;font-size:15px;}
.card-header {display: flex;align-items: center;margin-bottom: 10px;}
.card-list li{margin-bottom:10px;font-size:15px;color:#33475f;display:flex;align-items:center;position:relative;padding-left:30px;line-height:1.5;background: url(images/icons/functionli.svg) no-repeat left center;}
.card-name{font-size:18px;font-weight:600;color:#33475f;margin:5px auto;transition:color 0.3s;}
.card-p{font-size:15px;color:#33475f;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.card-padding {padding:20px;position:relative;}
/* 通用固定宽度 */
.common-width {max-width:1200px;margin:50px auto;padding:0 20px;}
.common-widthbg {width:100%;padding:50px 0;margin:0 auto;background:linear-gradient(to bottom,#f9fbfe 0%,#ffffff 100%);}
.common-header{margin:0 auto 50px;text-align:center;}
.title{font-size:32px;color:#33475f;margin-bottom:10px;position:relative;display:inline-block;}
.title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(to right,#1890ff,#13c2c2);border-radius:3px;}
.subtitle{font-size:16px;color:#33475f;line-height:2;margin:0 auto;margin-top:15px;text-align: center;}
/* SVG图标通用 */
.svg-icon12 {width:12px;height:12px;margin-right:5px;color:#1890ff;flex-shrink:0;}
.svg-icon16 {width:16px;height:16px;margin-right:12px;color:#1890ff;flex-shrink:0;}
.svg-icon30 {width:30px;height:30px;margin-right:12px;color:#1890ff;flex-shrink:0;}
.svg-icon24 {width:24px;height:24px;margin-right:12px;color:#1890ff;flex-shrink:0;}
.svg-icon36 {width:36px;height:36px;color:#1890ff;flex-shrink:0;}
.svg-icon42 {width:42px;height:42px;color:#1890ff;flex-shrink:0;}
/* 开通流程 */
.step-number {width:60px;height:60px;background:#1890ff;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;margin:0 auto 20px;box-shadow:0 5px 15px rgba(24,144,255,0.3);}
.step-icon {font-size:30px;color:#1890ff;}
.step-content {background:#ffffff;padding:20px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);margin-bottom:20px;min-height:160px;}
.step-content p {font-size:15px;color:#33475f;line-height:1.6;}
.process-steps {display:flex;justify-content:space-between;margin-top:50px;position:relative;}
.process-steps::before {content:'';position:absolute;top:50px;left:0;right:0;height:2px;background:#f0f0f0;z-index:1;}
.process-step {position:relative;z-index:2;text-align:center;flex:1;width:300px;}
.onboarding-step {position:relative;z-index:2;text-align:center;width:18%;}
/* 注册 */
.quick-access-section {background-color:#ffffff;padding:60px 0;margin:50px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.quick-access-container {max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;gap:50px;}
.quick-register-box,.quick-contact-box {text-align:center;flex:1;width:400px;}
.quick-register-btn {display:inline-flex;align-items:center;padding:16px 40px;background:linear-gradient(135deg, #1890ff 0%, #096dd9 100%);color:#ffffff;border-radius:6px;text-decoration:none;font-size:18px;font-weight:600;transition:all 0.3s;box-shadow:0 4px 15px rgba(24,144,255,0.3);}
.quick-register-btn:hover {background:linear-gradient(135deg, #1478d2 0%, #0a56b4 100%);transform:translateY(-3px);box-shadow:0 6px 20px rgba(24,144,255,0.4);}
.quick-register-btn i {margin-right:10px;font-size:20px;}
.quick-register-desc {margin-top:15px;color:#33475f;font-size:15px;}
.quick-contact-info {display:flex;align-items:end;justify-content:center;gap:10px;margin-bottom:10px;}
.quick-contact-info i {font-size:28px;color:#1890ff;}
.quick-contact-title {color:#33475f;font-size:15px;margin-bottom:5px;text-align:left;}
.quick-contact-number {color:#1890ff;font-size:24px;font-weight:bold;text-align:left;}
.quick-contact-desc {color:#999999;font-size:15px;}
/* 客服 */
.customer-service-bar{position:fixed;right:20px;bottom:150px;z-index:999;display:flex;flex-direction:column;gap:15px;align-items:flex-end}
.cs-item{position:relative;display:flex;justify-content:flex-end}
.cs-button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:all 0.3s ease;cursor:pointer;text-decoration:none;position:relative;background-image: linear-gradient(0deg, #fff, #f3f5f8);}
.cs-button:hover{box-shadow:0 4px 12px rgba(0,0,0,0.2)}
.cs-button img{width:28px;height:28px;}
.cs-tooltip{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.8);color:white;padding:12px;border-radius:4px;font-size:15px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;pointer-events:none}
.cs-tooltip::after{content:'';position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid rgba(0,0,0,0.8)}
.cs-button:hover .cs-tooltip{opacity:1;visibility:visible;right:70px}
.cs-popup{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:180px;padding:15px;background:white;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:-1}
.wechat-popup{width:200px;text-align:center}
.popup-arrow{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid white}
.cs-item:hover .cs-popup{opacity:1;visibility:visible;right:70px;z-index:1000}
.wechat-qrcode{width:122px;height:122px;margin:10px 0;border:1px solid #f0f0f0}
.hotline-number{font-size:18px;font-weight:bold;color:#1890ff;margin:10px 0}
.animation{animation:pulse 2s infinite;border-radius: 50%;}
@media screen and (max-width:1400px){
    .navbar{padding: 0 20px;}
    .nav-links > li{padding: 0 15px;}
}