@charset "utf-8";
/*********
黑色：#555
蓝色：#206ae4
边框：#e8edf2
浅背景：#f8f9fc
深背景：#f1f4f7
浅文字：#878B99
******************************/
*{margin:0;padding:0;outline:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}

body,html{overflow-x:hidden;color:#444;font:14px/30px "微软雅黑","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}

/* 响应式字体兜�?- JS优先,CSS兜底 */
@media (max-width: 639px) {
  html {
    /* CSS兜底:当JS未加载时生效 */
    font-size: 15.625vw !important;
  }
  body {
    font-size: 0.14rem !important;
  }
}

@media (min-width: 640px) {
  html {
    font-size: 100px !important;
  }
}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
/***img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}***/
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
a{color:#444;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#206ae4;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;overflow:hidden;margin:0 auto;max-width:1500px;width:100%;}
.xiaoercms_wrap{clear:both;display:block;margin:0px auto;max-width:1500px;width:100%;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.rotate:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}

/* 头部 */
.head_fixed{ width:100%;position: fixed;left: 0;top:0px;z-index:999;}
.head_top{ width:100%; height:38px; background-color:#f6f8fb; color:#515d71; font-size:12px;}
.head_top_box{width:100%;max-width:none;margin:0;padding:0 40px;height:38px; line-height:38px;}
.head_top_box .leftbox{ float: left;font-size:12px;}
.head_top_box .leftbox .leftbox_diqu{ float:left}
.head_top_box .leftbox .top_text{ float:left}
.head_top_box .leftbox .head_top_diqu{height:16px;vertical-align:middle}
.head_top_box .leftbox .diqu_highlight{color:#236ffb}
.head_top_box .leftbox .top_text_m{display:none}
.head_top_box .leftbox a{color: #515d71;font-size:12px;text-decoration: none;text-decoration: none;}
.head_top_box .leftbox a:hover {text-decoration: underline; color:#515d71}
.head_top_box .rightbox{ float: right;width:auto;  text-align:right;}
.link_white a{color: #FFFFFF;	text-decoration: none;text-decoration: none;}
.link_white a:hover {text-decoration: underline; color:#FFFF99}
.link_whitel a{color: #236ffb;	text-decoration: none;text-decoration: none;}
.link_whitel a:hover {text-decoration: underline; color:#236ffb}

/* 导航栏样式 */
#header{width:100%;height:90px;background:#fff;webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.08);box-shadow:0px 3px 6px rgba(0,0,0,0.05);padding:0 40px;}
#header{z-index:99;display:flex;justify-content:space-between;align-items:center;}
#header .logo{position:relative;}
#header .logo a{display:flex;justify-content:flex-start;align-items:center;}
#header .logo img{width:auto;height:auto;}
#header .logo img.m{display:none;}
#header .logo .text{margin-left:10px;padding-left:10px;border-left:#e8edf2 1px solid;font-size:12px;}
#header .logo .text span{display:block;width:34px;height:16px;line-height:16px;border-radius:2px;background:#ff502e;color:#fff;text-align:center;font-style:light;}
#header .logo .text p{color:#878B99;height:12px;line-height:14px;margin-top:2px;font-style:light;}
#header .logo .light{position:absolute;top:0;left:-230px;width:50%;height:100%;background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-transition:0s;-webkit-transform:skewx(-25deg);}
#header .logo a:hover .light{left:320px;-webkit-transition:.6s;}
#header .right{display:flex;justify-content:space-between;align-items:center;}
#header .right .nav ul{display:flex;justify-content:flex-start;align-items:center;}
#header .right .nav ul li{padding:0 25px;}
#header .right .nav ul li h3 a{line-height:90px;display:block;font-size:16px;position:relative;font-weight:normal;}
#header .right .nav ul li h3 a i{margin-left:5px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-ms-transition:all 0.5s;}
#header .right .nav ul li h3 a:after{content:"";position:absolute;bottom:30px;left:0;width:100%;height:3px;background-color:#206ae4;border-radius:2px;}
#header .right .nav ul li h3 a:after{transform:scalex(0);-webkit-transform:scalex(0);transition:0.6s transform cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition:0.6s transform cubic-bezier(0.19, 1, 0.22, 1);transform-origin:center right;-webkit-transform-origin:center right;}
#header .right .nav ul li h3 a:hover:after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:center left;-webkit-transform-origin:center left;}
#header .right .nav ul li:hover h3 a:after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:center left;-webkit-transform-origin:center left;}
#header .right .nav ul li:hover h3 a i{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#header .right .nav ul li:nth-child(3) h3 a:before{content:"";position:absolute;right:-10px;top:34px;width:7px;height:7px;display:inline-block;border-radius:50%;background:#ff502e;}
#header .right .nav ul li.on h3 a{color:#206ae4;}
#header .right .nav ul li.on h3 a:after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:center left;-webkit-transform-origin:center left;}
#header .right .nav .nav-title{display:none;}
#header .right .nav .nav-copy{display:none;}
#header .right .btn_icon a{margin-left:20px;font-size:20px;}
#header .right .tel{text-align:right;padding:18px 0 18px 40px;margin-left:40px;border-left:1px solid #e8edf2;}
#header .right .tel small{display:none;font-size:14px;}
#header .right .tel .t{line-height:24px;}
#header .right .tel .t i{margin-right:5px;}
#header .right .tel .c_mobile{font-size:24px; font-weight: bold;}
#header .monav{display:block;}
#header .sub_menu{width:100%;position:absolute;left:0;top:120px;z-index:150;background:url("../images/style/sub_menu_bg.png") no-repeat center top #fff;border-top:1px solid #e8edf2;overflow:hidden;height:0;opacity:0;transition:height 0.3s ease,opacity 0.3s ease;visibility:hidden;}
#header .sub_menu .wrap{padding:40px 0;display:flex;justify-content:space-between;align-items:start;gap:0 50px}
#header .sub_menu dl{width:calc((100% - 250px) / 6);}
#header .sub_menu dl dt{color:#adadad;border-bottom:1px solid #e8edf2;margin-bottom:20px;line-height:40px;}
#header .sub_menu dl dt a{color:#adadad;display:block;}
#header .sub_menu dl dd i{display:inline-block;width:30px;height:13px;vertical-align:middle;margin-left:10px;}
#header .sub_menu dl dd i.new{background:url("../images/style/icon.png") no-repeat -177px 0;}
#header .sub_menu dl dd .hot{ margin-left:6px;}
#header .sub_menu dl dd a{display:block;position:relative;}
#header .sub_menu dl dd a:before{content:"";position:absolute;left:0px;top:15px;width:0;height:1px;display:block;background:#206ae4;transition:all ease .35s;}
#header .sub_menu dl dd a:hover{padding-left:10px;}
#header .sub_menu dl dd a:hover:before{width:5px;}
#header .sub_menu dl dd a .fa-weixin{color:#2aae67;font-size:12px;margin-right:3px;}
#header .sub_menu dl dd a .zdy{display:inline-block;width:13.5px;height:12px;}
#header .sub_menu dl dd a .zdy.wxxcx{background:url("../images/style/icon_wxxcx.png") center left no-repeat;background-size:12px 12px;margin-right:3px;margin-top:10px;}

#about{width:100%;padding:60px 0;background: linear-gradient(135deg, #206ae4 0%, #1558c9 50%, #0d47a1 100%);position: relative;overflow:hidden;}
#about::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);}
#about .info{display:flex;justify-content:space-between;align-items:stretch;gap:10px;position: relative;z-index: 1;}
#about .info .item_about{width:29%;background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);border-radius:20px;padding:28px;border:1px solid rgba(255,255,255,0.15);box-shadow:0 8px 32px rgba(0,0,0,0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
#about .info .item_about:hover{transform: translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.2);background: rgba(255,255,255,0.15);}
#about .info .item_adv{width:34%;margin:0;background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);border-radius:20px;padding:28px;border:1px solid rgba(255,255,255,0.15);box-shadow:0 8px 32px rgba(0,0,0,0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
#about .info .item_adv:hover{transform: translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.2);background: rgba(255,255,255,0.15);}
#about .info .item_different{width:29%;background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);border-radius:20px;padding:28px;border:1px solid rgba(255,255,255,0.15);box-shadow:0 8px 32px rgba(0,0,0,0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
#about .info .item_different:hover{transform: translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.2);background: rgba(255,255,255,0.15);}
#about .info .title{font-size:20px;font-weight:700;margin-bottom:25px;color:#fff;display:flex;align-items:center;gap:10px;}
#about .info .title i{font-size:24px;color:#ffd700;text-shadow: 0 0 20px rgba(255,215,0,0.3);}
#about .info .title:after{content:"";width:40px;height:3px;background: linear-gradient(90deg, #ffd700, #ffed4e);display:block;margin-top:10px;border-radius:2px;box-shadow: 0 0 10px rgba(255,215,0,0.3);}
#about .info p{line-height:1.8;color:rgba(255,255,255,0.9);font-size:14px;margin-bottom:15px;}
#about .info .highlight{background: linear-gradient(90deg, #ffd700 0%, #ffed4e 50%, #ffd700 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-weight:600;padding:12px;border-radius:8px;border:1px solid rgba(255,215,0,0.4);color: #ffd700 !important;text-shadow: none;filter: brightness(1.2);}
#about .city{border-top:1px solid rgba(255,255,255,0.1);margin-top:10px;padding-top:10px;line-height:26px;}
#about .city a{margin-right:8px;color:#878B99;}
#about .linker{border-top:1px solid #f1f2f9;margin-top:10px;padding-top:10px;line-height:26px;}
#about .linker a{margin-right:15px;color:#878B99;}


#about .info .item_adv .adv-grid{display:grid;grid-template-columns: repeat(2, 1fr);gap:10px;}
#about .info .item_adv .adv-item{background: rgba(255,255,255,0.08);border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px;transition: all 0.3s ease;border:1px solid rgba(255,255,255,0.1);}
#about .info .item_adv .adv-item:hover{background: rgba(255,255,255,0.15);transform: translateX(5px);border-color: rgba(255,215,0,0.3);}
#about .info .item_adv .adv-item .adv-num{font-size:16px;font-weight:700;color:#ffd700;font-family:"quicksand";text-shadow: 0 0 10px rgba(255,215,0,0.5);min-width: 28px;}
#about .info .item_adv .adv-item p{margin:0;font-size:14px;line-height:1.4;color: rgba(255,255,255,0.9);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


#about .info .item_different .mission-box{display:flex;flex-direction:column;gap:12px;margin-top:20px;}
#about .info .item_different .mission-item{background: rgba(255,215,0,0.12);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:5px;border:1px solid rgba(255,215,0,0.25);transition: all 0.3s ease;}
#about .info .item_different .mission-item:hover{background: rgba(255,215,0,0.18);transform: scale(1.02);}
#about .info .item_different .mission-item .label{font-size:12px;color:#ffd700;font-weight:600;text-transform:uppercase;letter-spacing:1px;}
#about .info .item_different .mission-item .value{font-size:14px;color:#fff;font-weight:500;}

/* 底部自定义样式 - 虚线分隔重新设计 */
#footer{margin-top: 0;background: linear-gradient(180deg, #1e1f21 0%, #1e1f21 100%);position: relative;}
#footer::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, transparent 0%, rgba(32, 106, 228, 0.6) 20%, rgba(72, 144, 226, 0.8) 50%, rgba(32, 106, 228, 0.6) 80%, transparent 100%);}

/* 底部链接板块 - 添加虚线分隔 */
#footer .footer_related { padding: 0; background: transparent;border-bottom: 1px dashed rgba(255,255,255,0.08);}
#footer .footer_info { padding: 0; background: transparent;}
#footer .footer_article {min-height: auto;padding: 70px 0 50px;position: relative;overflow: hidden;}
#footer .footer_article::before{content: '';position: absolute;top: 0;left: -100%;width: 200%;height: 100%;background: radial-gradient(circle at 30% 50%, rgba(32, 106, 228, 0.03) 0%, transparent 50%);pointer-events: none;}

/* 底部每个板块之间添加虚线分隔 */
#footer .footer_article dl.col_article {float: none;display: inline-block;vertical-align: top;width: 220px;margin-right: 50px;margin-bottom: 30px;text-indent: 0;position: relative;z-index: 1;}
#footer .footer_article dl.col_article:not(:last-child)::after{content: '';position: absolute;right: -25px;top: 0;bottom: 30px;width: 1px;background-image: repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(32, 106, 228, 0.3) 4px, rgba(32, 106, 228, 0.3) 8px);}
#footer .footer_article dl.col_article:nth-child(odd){clear: left;}
#footer .footer_article dl.col_article dt {margin-bottom: 20px;font-size: 14px;font-weight: 600;color: #fff;position: relative;padding-left: 0;letter-spacing: 0.3px;text-transform: uppercase;}
#footer .footer_article dl.col_article dt::before{content: '';position: absolute;bottom: -5px;left: 0;width: 24px;height: 2px;background: linear-gradient(90deg, #206ae4, #4a90e2);border-radius: 1px;}
#footer .footer_article dl.col_article dd {width: 220px;margin: 0;overflow: hidden;display: flex;flex-wrap: wrap;gap: 6px;}
#footer .footer_article dl.col_article dd a {float: none;display: inline-block;width: calc(50% - 3px);margin: 0;font-size: 13px;color: rgba(255,255,255,0.55);transition: all 0.3s ease;padding: 7px 10px;position: relative;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 6px;}
#footer .footer_article dl.col_article dd a:hover {color: #fff;background: rgba(32, 106, 228, 0.12);transform: translateX(5px);}

/* 二维码区域 - 添加左侧虚线分隔 */
#footer .qrcode-container {float: right;display: flex;flex-direction: column;gap: 16px;position: absolute;right: 0;top:50px;z-index: 2;margin-left: 40px;}
#footer .qrcode-container::before{content: '';position: absolute;left: -20px;top: 10px;bottom: 10px;width: 1px;background-image: repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(32, 106, 228, 0.3) 4px, rgba(32, 106, 228, 0.3) 8px);}
#footer .qrcode-container .qrcode-item {text-align: center;color: rgba(255,255,255,0.6);transition: all 0.3s ease;}
#footer .qrcode-container .qrcode-item:hover{transform: translateY(-3px);}
#footer .qrcode-container .qrcode-item .code {background: linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));border-radius: 14px;padding: 14px;margin-bottom: 10px;border: 1px solid rgba(255,255,255,0.08);transition: all 0.3s ease;position: relative;overflow: hidden;box-shadow: 0 6px 24px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.08);}
#footer .qrcode-container .qrcode-item:hover .code{border-color: rgba(32, 106, 228, 0.4);background: linear-gradient(145deg, rgba(32, 106, 228, 0.08), rgba(72, 144, 226, 0.04));box-shadow: 0 8px 28px rgba(32, 106, 228, 0.25), inset 0 1px 0 rgba(255,255,255,0.12);}
#footer .qrcode-container .qrcode-item img {width: 110px;height: 110px;display:block;border-radius: 6px;}
#footer .qrcode-container .qrcode-item p {margin: 0;font-size: 13px;color: rgba(255,255,255,0.65);font-weight: 400;letter-spacing: 0.2px;}

@keyframes shimmer{0%{transform: rotate(45deg) translateY(-50%);}100%{transform: rotate(45deg) translateY(50%);}}
#footer .gzh_code {display: none;}
#footer .col_code {display: none;}
#footer .foot_imgtop{margin-right: 10px;}

/* 关键词板块 - 添加底部虚线分隔 */
#footer .footer_links {padding: 25px 0;font-size: 13px;line-height: 30px;position: relative;overflow: visible;border-bottom: 1px dashed rgba(255,255,255,0.08);}
#footer .footer_links span {color: #206ae4;font-weight: 600;margin-right: 10px;}
#footer .footer_links a {margin: 0 8px;color: rgba(255,255,255,0.55);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);padding: 6px 12px;border-radius: 6px;display: inline-block;text-align: left;}
#footer .footer_links a:hover {color: #fff;background: rgba(32, 106, 228, 0.1);}

#footer .footer_info {line-height: 28px;padding: 20px 0 20px;}
#footer .footer_info, .footer_info a, .footer_info .info_text p a, .footer_info .info_text .nav_bottom a {color: rgba(255,255,255,0.5);}
#footer .footer_info a:hover,.footer_info .info_text p a:hover, .footer_info .info_text .nav_bottom a:hover {color: #206ae4 !important;}
#footer .footer_info .info_text {padding-bottom: 0;}

/* 底部导航 - 重新设计 更紧凑,删除边框 */
#footer .footer_info .info_text .nav_bottom {padding: 15px 0 12px;font-size: 14px;color: rgba(255,255,255,0.65);text-align: center;border: none;margin-bottom: 15px;background: transparent;border-radius: 0;position: relative;}
#footer .footer_info .info_text .nav_bottom a {font-size: 13px;color: rgba(255,255,255,0.7);margin: 0 3px;padding: 5px 10px;border-radius: 4px;transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);border: none;background: transparent;font-weight: 400;position: relative;display: inline-block;}
#footer .footer_info .info_text .nav_bottom a:hover {color: #fff;background: rgba(32, 106, 228, 0.15);transform: translateY(-2px);}
#footer .footer_info .info_text .nav_bottom em {margin: 0 3px;color: rgba(255,255,255,0.3);font-weight: 300;}

#footer .footer_info .info_text p, .footer_info .info_text p a {color: rgba(255,255,255,0.45);}
#footer .footer_info .info_text p em {padding: 0 6px;}
#footer .footer_info .copyright {width: 100%;color: rgba(255,255,255,0.4);text-align: center;font-size: 12px;line-height: 24px;padding: 6px 0;}
#footer .footer_info .copyright a {color: rgba(255,255,255,0.55);transition: all 0.3s ease;}
#footer .footer_info .copyright a:hover {color: #206ae4;text-shadow: 0 0 10px rgba(32, 106, 228, 0.5);}
#footer .qqzixun{display:none;}
/* 产品演示按钮 */
.product-demo-btn {
	cursor: pointer;
	transition: all 0.3s ease;
  }
  .product-demo-btn:hover {
	color: #206ae4 !important;
	border-color: #206ae4 !important;
	background: #f0f6ff !important;
  }
  
  /* 客服弹窗样式 */
  #service-modal > div {
	animation: fadeInDown 0.3s ease;
	margin: auto;
  }
  
  /* 二维码弹窗样�?*/
  #qrcode-modal > div {
	animation: fadeInDown 0.3s ease;
	margin: auto;
  }
  
  /* 关闭按钮悬停效果 */
  .close-service-modal:hover {
	transform: rotate(90deg);
  }
  
  /* 二维码弹窗动*/
  #qrcode-modal > div {
	animation: fadeInDown 0.3s ease;
  }
  
  @keyframes fadeInDown {
	from {
	  opacity: 0;
	  transform: translateY(-30px);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
  
  /* 客服弹窗标题下划?*/
  #service-modal > div h3::after {
	content: "";
	display: block;
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, transparent, #206ae4, transparent);
	margin: 15px auto 0;
  }
  
  /* 客服弹窗卡片标题下划*/
  #service-modal div > div > div > p:first-child {
	position: relative;
  }
  
  #service-modal div > div > div > p:first-child::after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background: #206ae4;
	margin: 8px auto 0;
  }
  
  /* 关闭按钮悬停效果 */
  .close-service-modal:hover {
	background: #1856b8 !important;
	transform: rotate(90deg);
	transition: all 0.3s ease;
  }
  
  /* 客服弹窗卡片悬停效果 */
  #service-modal div > div > div:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
  }
  
  /* 客服弹窗链接悬停效果 */
  #service-modal a:hover {
	color: #1856b8 !important;
	transition: color 0.3s ease;
  }
  
  /* 客服弹窗响应式 */
  @media (max-width: 768px) {
	#service-modal > div {
	  max-width: 95% !important;
	  padding: 30px 20px !important;
	}

	#service-modal div > div {
	  flex-direction: column !important;
	  gap: 15px !important;
	}

	#service-modal div > div > div {
	  width: 100% !important;
	}

	#service-modal div > div > div img {
	  width: 150px !important;
	  height: 150px !important;
	}
  }

  /* 视频容器样式 */
  #video-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
  }

  #video-container .main-video {
	max-width: 90%;
	max-height: 90%;
  }

  #video-container .video-close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	background: linear-gradient(135deg, #ff4757, #ff3838);
	color: #fff;
	border: none;
	width: 44px;
	height: 44px;
	font-size: 18px;
	cursor: pointer;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(255,71,87,0.3);
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  #video-container .video-close-btn:hover {
	transform: scale(1.1);
	background: linear-gradient(135deg, #ff3838, #ff2a2a);
  }

  /* 产品二维码弹窗样式 */
  #qrcode-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
  }

  #qrcode-modal .qrcode-modal-content {
	position: relative;
	background: #fff;
	border-radius: 12px;
	padding: 50px 30px 30px 30px;
	text-align: center;
	box-shadow: 0 10px 40px rgba(0,0,0,0.3);
	max-width: 400px;
	width: 90%;
  }

  #qrcode-modal .qrcode-close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	background: linear-gradient(135deg, #206ae4, #1856b8);
	color: #fff;
	border: none;
	width: 40px;
	height: 40px;
	font-size: 20px;
	cursor: pointer;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	box-shadow: 0 2px 8px rgba(32,106,228,0.3);
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  #qrcode-modal .qrcode-close-btn:hover {
	transform: rotate(90deg);
	background: linear-gradient(135deg, #1856b8, #0e3d8a);
  }

  #qrcode-modal .qrcode-modal-title {
	color: #333;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 600;
  }

  #qrcode-modal .qrcode-image-wrapper {
	background: #f8f9fc;
	border-radius: 8px;
	padding: 20px;
	display: inline-block;
  }

  #qrcode-modal .qrcode-image-wrapper img {
	width: 200px;
	height: 200px;
	display: block;
  }

  #qrcode-modal .qrcode-modal-hint {
	color: #666;
	font-size: 14px;
	margin-top: 15px;
  }

  #qrcode-modal .qrcode-modal-subhint {
	color: #999;
	font-size: 13px;
	margin-top: 8px;
  }

  /* 视频容器和二维码弹窗响应式 */
  @media (max-width: 768px) {
	#video-container .video-close-btn {
	  width: 36px;
	  height: 36px;
	  top: 15px;
	  right: 15px;
	}

	#qrcode-modal .qrcode-modal-content {
	  padding: 40px 25px 25px 25px;
	  width: 85%;
	}

	#qrcode-modal .qrcode-modal-title {
	  font-size: 18px;
	}

	#qrcode-modal .qrcode-image-wrapper img {
	  width: 160px;
	  height: 160px;
	}

	#qrcode-modal .qrcode-modal-hint {
	  font-size: 13px;
	}

	#qrcode-modal .qrcode-modal-subhint {
	  font-size: 12px;
	}
  }

  /* 微信二维码客服弹窗样式 */
  #wechat-qrcode-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(8px);
	z-index: 10000;
	display: none;
	justify-content: center;
	align-items: center;
	animation: fadeIn 0.3s ease;
  }

  @keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
  }

  #wechat-qrcode-modal .wechat-modal-content {
	position: relative;
	background: linear-gradient(145deg, #ffffff 0%, #f8f9fc 100%);
	border-radius: 20px;
	padding: 50px 40px 35px 40px;
	text-align: center;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
	max-width: 420px;
	width: 90%;
	animation: slideUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	overflow: hidden;
  }

  #wechat-qrcode-modal .wechat-modal-content::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle at 30% 30%, rgba(32, 106, 228, 0.08) 0%, transparent 50%);
	animation: rotate 20s linear infinite;
  }

  @keyframes slideUp {
	from {
	  opacity: 0;
	  transform: translateY(40px) scale(0.9);
	}
	to {
	  opacity: 1;
	  transform: translateY(0) scale(1);
	}
  }

  @keyframes rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
  }

  #wechat-qrcode-modal .wechat-close-btn {
	position: absolute;
	top: 18px;
	right: 18px;
	background: linear-gradient(135deg, #ff6b6b, #ee5a5a);
	color: #fff;
	border: none;
	width: 42px;
	height: 42px;
	font-size: 24px;
	cursor: pointer;
	border-radius: 50%;
	line-height: 42px;
	text-align: center;
	box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
  }

  #wechat-qrcode-modal .wechat-close-btn i {
	line-height: 1;
  }

  #wechat-qrcode-modal .wechat-close-btn:hover {
	transform: rotate(90deg) scale(1.1);
	background: linear-gradient(135deg, #ee5a5a, #dd4a4a);
	box-shadow: 0 6px 20px rgba(255, 107, 107, 0.5);
  }

  #wechat-qrcode-modal .wechat-modal-header {
	position: relative;
	z-index: 1;
	margin-bottom: 28px;
  }

  #wechat-qrcode-modal .wechat-modal-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #07c160, #06ae56);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 18px;
	box-shadow: 0 8px 25px rgba(7, 193, 96, 0.3);
	animation: pulse 2s ease-in-out infinite;
  }

  @keyframes pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.05); }
  }

  #wechat-qrcode-modal .wechat-modal-icon i {
	font-size: 36px;
	color: #fff;
  }

  #wechat-qrcode-modal .wechat-modal-title {
	color: #1a1a2e;
	font-size: 24px;
	margin: 0 0 10px 0;
	font-weight: 700;
	letter-spacing: 0.5px;
	position: relative;
	z-index: 1;
  }

  #wechat-qrcode-modal .wechat-modal-subtitle {
	color: #666;
	font-size: 15px;
	margin: 0;
	position: relative;
	z-index: 1;
  }

  #wechat-qrcode-modal .wechat-qrcode-wrapper {
	position: relative;
	z-index: 1;
	background: linear-gradient(145deg, #ffffff, #f0f4ff);
	border-radius: 16px;
	padding: 24px;
	display: inline-block;
	margin: 8px 0 20px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  }

  #wechat-qrcode-modal .wechat-qrcode-wrapper img {
	width: 220px;
	height: 220px;
	display: block;
	border-radius: 12px;
	transition: transform 0.3s ease;
  }

  #wechat-qrcode-modal .wechat-qrcode-wrapper:hover img {
	transform: scale(1.02);
  }

  #wechat-qrcode-modal .wechat-modal-hint {
	color: #555;
	font-size: 15px;
	margin-bottom: 8px;
	position: relative;
	z-index: 1;
	font-weight: 500;
  }

  #wechat-qrcode-modal .wechat-modal-tips {
	color: #888;
	font-size: 13px;
	margin: 0;
	position: relative;
	z-index: 1;
	line-height: 1.6;
  }

  #wechat-qrcode-modal .wechat-modal-tips .highlight {
	color: #07c160;
	font-weight: 600;
  }

  /* 微信二维码弹窗响应式 */
  @media (max-width: 768px) {
	#wechat-qrcode-modal .wechat-modal-content {
	  padding: 40px 25px 30px 25px;
	  width: 88%;
	  max-width: 380px;
	}

	#wechat-qrcode-modal .wechat-close-btn {
	  width: 38px;
	  height: 38px;
	  font-size: 22px;
	  top: 15px;
	  right: 15px;
	}

	#wechat-qrcode-modal .wechat-modal-icon {
	  width: 60px;
	  height: 60px;
	}

	#wechat-qrcode-modal .wechat-modal-icon i {
	  font-size: 32px;
	}

	#wechat-qrcode-modal .wechat-modal-title {
	  font-size: 20px;
	  margin-bottom: 8px;
	}

	#wechat-qrcode-modal .wechat-modal-subtitle {
	  font-size: 14px;
	}

	#wechat-qrcode-modal .wechat-qrcode-wrapper {
	  padding: 20px;
	}

	#wechat-qrcode-modal .wechat-qrcode-wrapper img {
	  width: 180px;
	  height: 180px;
	}

	#wechat-qrcode-modal .wechat-modal-hint {
	  font-size: 14px;
	}

	#wechat-qrcode-modal .wechat-modal-tips {
	  font-size: 12px;
	}
  }

  @media (max-width: 480px) {
	#wechat-qrcode-modal .wechat-modal-content {
	  padding: 35px 20px 25px 20px;
	  width: 92%;
	}

	#wechat-qrcode-modal .wechat-modal-title {
	  font-size: 18px;
	}

	#wechat-qrcode-modal .wechat-modal-subtitle {
	  font-size: 13px;
	}

	#wechat-qrcode-modal .wechat-qrcode-wrapper img {
	  width: 160px;
	  height: 160px;
	}

	#wechat-qrcode-modal .wechat-modal-hint {
	  font-size: 13px;
	}
  }

  /* QQ二维码客服弹窗样式 */
  #qq-qrcode-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(8px);
	z-index: 10000;
	display: none;
	justify-content: center;
	align-items: center;
	animation: fadeIn 0.3s ease;
  }

  #qq-qrcode-modal .qq-modal-content {
	position: relative;
	background: linear-gradient(145deg, #ffffff 0%, #f8f9fc 100%);
	border-radius: 20px;
	padding: 50px 40px 35px 40px;
	text-align: center;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
	max-width: 420px;
	width: 90%;
	animation: slideUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	overflow: hidden;
  }

  #qq-qrcode-modal .qq-modal-content::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle at 30% 30%, rgba(12, 106, 229, 0.08) 0%, transparent 50%);
	animation: rotate 20s linear infinite;
  }

  #qq-qrcode-modal .qq-close-btn {
	position: absolute;
	top: 18px;
	right: 18px;
	background: linear-gradient(135deg, #ff6b6b, #ee5a5a);
	color: #fff;
	border: none;
	width: 42px;
	height: 42px;
	font-size: 24px;
	cursor: pointer;
	border-radius: 50%;
	line-height: 42px;
	text-align: center;
	box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
  }

  #qq-qrcode-modal .qq-close-btn i {
	line-height: 1;
  }

  #qq-qrcode-modal .qq-close-btn:hover {
	transform: rotate(90deg) scale(1.1);
	background: linear-gradient(135deg, #ee5a5a, #dd4a4a);
	box-shadow: 0 6px 20px rgba(255, 107, 107, 0.5);
  }

  #qq-qrcode-modal .qq-modal-header {
	position: relative;
	z-index: 1;
	margin-bottom: 28px;
  }

  #qq-qrcode-modal .qq-modal-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #12b7f5, #09a8e0);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 18px;
	box-shadow: 0 8px 25px rgba(18, 183, 245, 0.3);
	animation: pulse 2s ease-in-out infinite;
  }

  #qq-qrcode-modal .qq-modal-icon i {
	font-size: 36px;
	color: #fff;
  }

  #qq-qrcode-modal .qq-modal-title {
	color: #1a1a2e;
	font-size: 24px;
	margin: 0 0 10px 0;
	font-weight: 700;
	letter-spacing: 0.5px;
	position: relative;
	z-index: 1;
  }

  #qq-qrcode-modal .qq-modal-subtitle {
	color: #666;
	font-size: 15px;
	margin: 0;
	position: relative;
	z-index: 1;
  }

  #qq-qrcode-modal .qq-qrcode-wrapper {
	position: relative;
	z-index: 1;
	background: linear-gradient(145deg, #ffffff, #f0f4ff);
	border-radius: 16px;
	padding: 24px;
	display: inline-block;
	margin: 8px 0 20px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  }

  #qq-qrcode-modal .qq-qrcode-wrapper img {
	width: 220px;
	height: 220px;
	display: block;
	border-radius: 12px;
	transition: transform 0.3s ease;
  }

  #qq-qrcode-modal .qq-qrcode-wrapper:hover img {
	transform: scale(1.02);
  }

  #qq-qrcode-modal .qq-modal-hint {
	color: #555;
	font-size: 15px;
	margin-bottom: 8px;
	position: relative;
	z-index: 1;
	font-weight: 500;
  }

  #qq-qrcode-modal .qq-modal-tips {
	color: #888;
	font-size: 13px;
	margin: 0;
	position: relative;
	z-index: 1;
	line-height: 1.6;
  }

  #qq-qrcode-modal .qq-modal-tips .highlight {
	color: #12b7f5;
	font-weight: 600;
  }

  /* QQ二维码弹窗响应式 */
  @media (max-width: 768px) {
	#qq-qrcode-modal .qq-modal-content {
	  padding: 40px 25px 30px 25px;
	  width: 88%;
	  max-width: 380px;
	}

	#qq-qrcode-modal .qq-close-btn {
	  width: 38px;
	  height: 38px;
	  font-size: 22px;
	  top: 15px;
	  right: 15px;
	}

	#qq-qrcode-modal .qq-modal-title {
	  font-size: 20px;
	}

	#qq-qrcode-modal .qq-modal-subtitle {
	  font-size: 14px;
	}

	#qq-qrcode-modal .qq-qrcode-wrapper img {
	  width: 180px;
	  height: 180px;
	}

	#qq-qrcode-modal .qq-modal-hint {
	  font-size: 14px;
	}
  }

  @media (max-width: 480px) {
	#qq-qrcode-modal .qq-modal-content {
	  padding: 35px 20px 25px 20px;
	  width: 92%;
	}

	#qq-qrcode-modal .qq-modal-title {
	  font-size: 18px;
	}

	#qq-qrcode-modal .qq-modal-subtitle {
	  font-size: 13px;
	}

	#qq-qrcode-modal .qq-qrcode-wrapper img {
	  width: 160px;
	  height: 160px;
	}

	#qq-qrcode-modal .qq-modal-hint {
	  font-size: 13px;
	}
  }

@media (max-width:1500px){
	.wrap{padding:0 20px;}
	#header{padding:0 20px;}
	#header .right .tel{padding-left:30px;margin-left:30px;}
	#header .right .nav{margin-right:0;}
	#header .right .nav ul li{padding:0 20px;}
	#header .sub_menu .wrap{padding:40px 20px;}
	#header .sub_menu dl dd  i{display:none;}
	#footer .footer_article dl.col_article{width: 200px;margin-right: 45px;}
	#footer .footer_article dl.col_article dd{width: 200px;}
	#footer .footer_article dl.col_article dd a{width: calc(50% - 3px);font-size: 12px;padding: 6px 8px;}
	#footer .qrcode-container{right: 10px;top: 5px;}
	#footer .qrcode-container .qrcode-item .code{padding: 12px;}
	#footer .qrcode-container .qrcode-item img{width: 100px;height: 100px;}
;}
@media (max-width:1440px){
	.wrap{padding:0 20px;}
	#header{padding:0 20px;}
	#header .right .tel{display:none;padding-left:0;}
	#header .right .nav{margin-right:0;}
	#header .right .nav ul li{padding:0 20px;}
	#header .right .nav ul li h3 a{font-size:15px;}
	#footer .footer_article dl.col_article{width: 200px;margin-right: 45px;}
	#footer .footer_article dl.col_article dd{width: 200px;}
	#footer .footer_article dl.col_article dd a{width: calc(50% - 3px);font-size: 12px;padding: 6px 8px;}
	#footer .qrcode-container{right: 10px;top: 5px;}
	#footer .qrcode-container .qrcode-item .code{padding: 12px;}
	#footer .qrcode-container .qrcode-item img{width: 100px;height: 100px;}
}
@media (max-width:1100px){
	.wrap{padding:0 20px;}
	#header .right .btn_icon,
	#header .right .text{display:none;}
	#header .right .nav ul li{padding:0 15px;}
	#header .right .nav ul li h3 a{font-size:14px;}
	#footer .info{display:block;}
	#footer .info .contact{width:100%;padding-right:0;border-right:0;}
	#footer .info .map{width:100%;border-top:1px solid rgba(255,255,255,.05);padding-top:30px;}
	#footer .footer_article dl.col_article{width: 185px;margin-right: 40px;}
	#footer .footer_article dl.col_article dd{width: 185px;}
	#footer .footer_article dl.col_article dd a{width: calc(50% - 3px);font-size: 12px;padding: 6px 7px;}
	#footer .qrcode-container{right: 5px;top: 5px;gap: 12px;}
	#footer .qrcode-container .qrcode-item .code{padding: 10px;}
	#footer .qrcode-container .qrcode-item img{width: 90px;height: 90px;}
	#footer .qrcode-container .qrcode-item p{font-size: 12px;}
}
@media (max-width:1000px){
	/* 移除body,html的font-size覆盖,改用body的基础字号 */
	body,html{line-height:.34rem;}
	.wrap{padding:0 .25rem;}
	
	/* 头部关于 */	
	#kefu,
	#header .sub_menu,
	#header .logo .text,
	#header .logo .light{display:none !important;}
	#header{height:.9rem;padding:0 .25rem;}
	#header .logo{padding:.22rem 0;position:relative;}
	#header .logo img{width:auto;height:.46rem;}
	#header .logo img.pc{display:none;}
	#header .logo img.m{display:block;}
	#header .right .nav{position:fixed;background:#fff;height:100vh;width:50%;top:0;z-index:300;padding:.2rem .5rem 0;transform:translatex(-100%);left:0;overflow:auto;}
	#header .right .nav{webkit-box-shadow:0px 3px 10px rgba(0,0,0,0.1);box-shadow:0px 3px 20px rgba(0,0,0,0.1);}
	#header .right .nav .nav-title{display:block;font-size:.24rem;line-height:1rem;}
	#header .right .nav ul{margin-top:3vh; display:block}
	#header .right .nav ul li{padding:0;border-bottom:1px solid #e8edf2;display:block;float:inherit;margin-right:0;}
	#header .right .nav ul li  h3 a{font-size:.24rem;line-height:.7rem;display:block;}
	#header .right .nav ul li  h3 i{display:none;}
	#header .right .nav ul li  h3 a:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:.02rem;background-color:#206ae4;border-radius:2px;}
	#header .right .nav ul li:nth-child(4) h3 a:before{right:auto;left:.6rem;top:.2rem;width:.07rem;height:.07rem;}
	#header .right .nav .nav-copy{display:block;margin-top:.3rem;color:#6a6d73;font-size:.2rem;line-height:.3rem;}
	#header .right .nav.isopen{transform:translatex(0);}
	#header .right .btn_icon{height:.28rem;line-height:.28rem;display:flex;justify-content:flex-start;align-items:center;}
	#header .right .btn_icon a{margin-left:0; margin-right:.2rem;font-size:.28rem;}
	#header .monav{position:relative;display:block;width:.3rem;height:.23rem;cursor:pointer;}
	#header .monav span{position:absolute;display:block;width:.34rem;height:.03rem;background:#000;transition:all .5s;}
	#header .monav .s1{top:0rem;}
	#header .monav .s2{top:.1rem;width:.26rem;}
	#header .monav .s3{top:.2rem;}
	#header .monav.isopen .s1{top:.1rem;transform:rotate(45deg);}
	#header .monav.isopen .s2{width:0;opacity:0;}
	#header .monav.isopen .s3{top:.1rem;transform:rotate(-45deg);}
}

@media (max-width:800px){
	.head_top_box .leftbox .leftbox_diqu{ float:left}
	.head_top_box .leftbox .top_text{display:none}
    .head_top_box .leftbox .top_text_m{float:left;display:block; margin-left:1px;}
    .head_top_box .rightbox{display:none}

	#about{padding:.6rem 0;}
	#about .info{display:block;gap:.3rem;}
	#about .info .item_about{width:100%;margin-bottom:.3rem;padding: .25rem;}
	#about .info .item_adv{width:100%;margin:.3rem 0;padding: .25rem;}
	#about .info .item_different{width:100%;padding: .25rem;}
	#about .info .title{font-size:.26rem;margin-bottom:.2rem;}
	#about .info .title:after{width:.4rem;height:.02rem;margin-top:.1rem;}
	#about .info p{line-height:.34rem;font-size:.21rem;}
	#about .info .item_adv .adv-grid{grid-template-columns: 1fr;}
	
	/* 底部通用 */
	#footer .footer_article {display:none;}
	#footer .footer_links { padding: 18px 20px; font-size: 12px; line-height: 28px;overflow: visible;}
	#footer .footer_links span {color: #206ae4;font-weight: 600;}
	#footer .footer_links a{color: rgba(255,255,255,0.6);font-size: 12px;line-height:30px; padding:5px 10px; display:inline-block;margin: 0 4px;border-radius: 4px;transition: all 0.3s ease;}
	#footer .footer_links a:hover{color: #fff;background: rgba(32, 106, 228, 0.1);}
	#footer .footer_info .info_text { padding-bottom: 10px; margin-top:10px;padding: 25px 20px;}
    #footer .footer_info .info_text .nav_bottom {display:none;}
	#footer .footer_info .info_text p em { padding: 0 6px;}
	#footer .footer_info .copyright{ width: 100%; color: rgba(255,255,255,0.45);text-align: left; font-size: 12px;padding:5px 10px;line-height: 26px;}
	#footer .footer_info .copyright a{ color: rgba(255,255,255,0.6);transition: all 0.3s ease;}
	#footer .footer_info .copyright a:hover{color: #206ae4;text-shadow: 0 0 10px rgba(32, 106, 228, 0.5);}
    #footer .qqzixun{width:100%;display:block;font-size: 14px;line-height: 44px;color: #fff;background: linear-gradient(135deg, #206ae4, #1558c9);text-align: center;border-radius: 28px;margin-top: 28px;margin-bottom:20px;box-shadow: 0 6px 20px rgba(32,106,228,0.4), inset 0 1px 0 rgba(255,255,255,0.2);font-weight: 500;letter-spacing: 0.5px;}

	/* 移动端隐藏悬浮客服和回到顶部 */
	.floating-service-bar,
	.back-to-top {
		display: none !important;
	}
}

/* ==================== 悬浮客服侧边栏 ==================== */
.floating-service-bar {
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9998;
	display: flex;
	flex-direction: column;
	gap: 12px;
	animation: slideInRight 0.6s ease;
}

@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(50px) translateY(-50%);
	}
	to {
		opacity: 1;
		transform: translateX(0) translateY(-50%);
	}
}

.floating-service-bar .service-item {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: linear-gradient(145deg, #ffffff, #f8f9fc);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.floating-service-bar .service-item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.5) 50%, transparent 60%);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.floating-service-bar .service-item:hover {
	transform: scale(1.15);
	box-shadow: 0 8px 30px rgba(32, 106, 228, 0.25);
}

.floating-service-bar .service-item:hover::before {
	opacity: 1;
}

.floating-service-bar .service-item i {
	font-size: 22px;
	color: #206ae4;
	transition: all 0.3s ease;
	position: relative;
	z-index: 1;
}

/* 微信特定样式 */
.floating-service-bar .wechat-item:hover {
	background: linear-gradient(145deg, #07c160, #06ae56);
}

.floating-service-bar .wechat-item:hover i {
	color: #fff;
}

/* QQ特定样式 */
.floating-service-bar .qq-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	color: inherit;
}

.floating-service-bar .qq-item:hover {
	background: linear-gradient(145deg, #12b7f5, #0e9ad6);
}

.floating-service-bar .qq-item:hover i {
	color: #fff;
}

/* 电话特定样式 */
.floating-service-bar .phone-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	color: inherit;
}

.floating-service-bar .phone-item:hover {
	background: linear-gradient(145deg, #206ae4, #1856b8);
}

.floating-service-bar .phone-item:hover i {
	color: #fff;
}

/* 在线客服特定样式 */
.floating-service-bar .message-item:hover {
	background: linear-gradient(145deg, #ff6b6b, #ee5a5a);
}

.floating-service-bar .message-item:hover i {
	color: #fff;
}

/* Tooltip提示 */
.floating-service-bar .service-tooltip {
	position: absolute;
	right: 70px;
	top: 50%;
	transform: translateY(-50%) translateX(10px);
	background: linear-gradient(135deg, #1a1a2e, #2d2d44);
	color: #fff;
	padding: 10px 16px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.floating-service-bar .service-tooltip::after {
	content: '';
	position: absolute;
	right: -6px;
	top: 50%;
	transform: translateY(-50%);
	border: 6px solid transparent;
	border-left-color: #2d2d44;
}

.floating-service-bar .service-item:hover .service-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) translateX(0);
}

/* ==================== 回到顶部按钮 ==================== */
.back-to-top {
	position: fixed;
	right: 20px;
	bottom: 40px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: linear-gradient(145deg, #206ae4, #1856b8);
	box-shadow: 0 6px 25px rgba(32, 106, 228, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	border: 2px solid rgba(255, 255, 255, 0.1);
}

.back-to-top.show {
	opacity: 1;
	visibility: visible;
}

.back-to-top::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.3) 50%, transparent 60%);
	animation: shimmer 2s ease-in-out infinite;
}

@keyframes shimmer {
	0%, 100% {
		opacity: 0;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
}

.back-to-top:hover {
	transform: translateY(-5px) scale(1.1);
	box-shadow: 0 10px 35px rgba(32, 106, 228, 0.4);
	background: linear-gradient(145deg, #2a7af2, #206ae4);
}

.back-to-top i {
	font-size: 24px;
	color: #fff;
	position: relative;
	z-index: 1;
	transition: transform 0.3s ease;
}

.back-to-top:hover i {
	transform: translateY(-2px);
}

.back-to-top .tooltip {
	position: absolute;
	bottom: 70px;
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	background: linear-gradient(135deg, #1a1a2e, #2d2d44);
	color: #fff;
	padding: 10px 16px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.back-to-top .tooltip::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #2d2d44;
}

.back-to-top:hover .tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

/* 响应式适配 */
@media (max-width: 1400px) {
	.floating-service-bar {
		right: 15px;
	}
	
	.back-to-top {
		right: 15px;
		bottom: 30px;
		width: 50px;
		height: 50px;
	}
	
	.floating-service-bar .service-item {
		width: 50px;
		height: 50px;
	}
	
	.floating-service-bar .service-item i,
	.back-to-top i {
		font-size: 20px;
	}
}

@media (max-width: 1200px) {
	.floating-service-bar .service-tooltip,
	.back-to-top .tooltip {
		display: none;
	}
}

/* ═══ 参考站点新版 footer/弹窗/客服栏 样式 ═══ */

/* ═══════════════ 关于我们 · 明亮三列 ═══════════════ */
#about{
	width:100%;padding:80px 0 70px;
	background:linear-gradient(180deg,#f0f4fe 0%,#e8eefb 40%,#f8faff 100%);
	position:relative;overflow:hidden;
}

.ab-wrap{max-width:100%;padding:0 40px;}

.ab-head{text-align:center;margin-bottom:36px;}

.ab-badge{display:inline-block;padding:4px 22px;font-size:11px;font-weight:600;letter-spacing:4px;color:rgba(32,106,228,.4);border:1px solid rgba(32,106,228,.1);border-radius:16px;margin-bottom:12px;}

.ab-title{font-size:clamp(28px,3.6vw,40px);font-weight:800;color:#0f172a;margin:0;letter-spacing:.04em;}

.ab-desc{font-size:clamp(13px,1vw,15px);color:#64748b;margin:10px 0 0;}

.ab-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;}

.ab-col{
	background:#ffffff;border:1px solid #e8edf5;
	border-radius:18px;padding:32px 28px 26px;transition:all .35s ease;box-shadow:0 2px 12px rgba(0,0,0,.02);
}

.ab-col:hover{border-color:rgba(32,106,228,.15);box-shadow:0 8px 28px rgba(32,106,228,.06);}

.ab-col-hd{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f2f5;}

.ab-col-hd i{width:34px;height:34px;border-radius:10px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:15px;color:#206ae4;flex-shrink:0;}

.ab-col-hd span{font-size:15px;font-weight:700;color:#0f172a;}

.ab-col p{font-size:13px;color:#64748b;line-height:1.8;margin:0 0 10px;}

.ab-col p strong{color:#0f172a;}

.ab-col-high{margin-bottom:14px !important;}

.ab-col-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:#f8fafc;border-radius:10px;border:1px solid #eef2f6;}

.ab-col-stats span{font-size:12px;color:#94a3b8;}

.ab-col-stats strong{font-size:14px;color:#0f172a;}

.ab-dot{width:4px;height:4px;border-radius:50%;background:#d1d5db;flex-shrink:0;}

.ab-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}

.ab-col-gitem{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8fafc;border:1px solid #eef2f6;border-radius:10px;transition:all .25s ease;}

.ab-col-gitem:hover{background:#eef2ff;border-color:rgba(32,106,228,.15);}

.ab-col-gitem div{display:flex;flex-direction:column;gap:1px;}

.ab-col-gitem strong{font-size:13px;font-weight:600;color:#0f172a;}

.ab-col-gitem span{font-size:11px;color:#94a3b8;}

.ab-gnum{font-size:12px;font-weight:700;color:#206ae4;flex-shrink:0;width:20px;}

.ab-col-mission{display:flex;flex-direction:column;gap:10px;margin-top:14px;}

.ab-miss-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;transition:all .3s ease;}

.ab-miss-item:hover{background:#eef2ff;border-color:rgba(32,106,228,.12);}

.ab-miss-icon{width:34px;height:34px;border-radius:8px;background:rgba(32,106,228,.08);display:flex;align-items:center;justify-content:center;font-size:14px;color:#206ae4;flex-shrink:0;}

.ab-miss-item strong{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:2px;}

.ab-miss-item p{font-size:12px;color:#94a3b8;line-height:1.4;margin:0 !important;}

/* ═══════════════ 底部 · 旗舰豪华版 ═══════════════ */
#footer{
	width:100%;
	background:linear-gradient(165deg,#0a1628 0%,#0d1d3a 25%,#102143 50%,#0c1a32 75%,#081224 100%);
	position:relative;
	overflow:hidden;
	padding:0 0 0;
	font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',sans-serif;
}

/* 装饰光晕 */
#footer .ft-glow-left{
	position:absolute;top:-300px;left:-200px;
	width:800px;height:800px;
	background:radial-gradient(circle,rgba(32,106,228,.05) 0%,transparent 65%);
	pointer-events:none;z-index:0;
}

#footer .ft-glow-right{
	position:absolute;bottom:-200px;right:-150px;
	width:600px;height:600px;
	background:radial-gradient(circle,rgba(96,165,250,.04) 0%,transparent 65%);
	pointer-events:none;z-index:0;
}

#footer .ft-grid-overlay{
	position:absolute;inset:0;z-index:0;pointer-events:none;
	background-image:
		linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
	background-size:60px 60px;
}

#footer .ft-top-wave{position:absolute;top:-1px;left:0;width:100%;height:60px;z-index:0;pointer-events:none;}

.ft-wrap{width:100%;padding:0 60px;position:relative;z-index:1;}

/* ====== 顶部信息条 ====== */
.ft-topbar{
	display:flex;justify-content:space-between;align-items:center;
	padding:22px 0 26px;
	border-bottom:1px solid rgba(255,255,255,.04);
	flex-wrap:wrap;gap:10px;
}

.ft-topbar-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}

.ft-topbar-tag{
	display:inline-block;padding:6px 20px;
	background:linear-gradient(135deg,rgba(32,106,228,.15),rgba(96,165,250,.1));
	border:1px solid rgba(32,106,228,.2);
	border-radius:20px;font-size:13px;color:rgba(160,190,240,.8);letter-spacing:.5px;
}

.ft-topbar-divider{color:rgba(255,255,255,.08);font-size:16px;}

.ft-topbar-slogan{font-size:14px;color:rgba(255,255,255,.3);letter-spacing:1.5px;}

.ft-topbar-right{display:flex;align-items:center;gap:12px;}

.ft-topbar-right i{font-size:18px;color:#60a5fa;}

.ft-topbar-right span{font-size:14px;color:rgba(255,255,255,.35);}

.ft-topbar-tel{font-size:24px;font-weight:700;color:#60a5fa;letter-spacing:1.5px;font-family:'SF Pro Display','Helvetica Neue',Arial,sans-serif;}

/* ====== 主网格：5列 ====== */
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:44px;padding:50px 0 40px;}

.ft-col{min-width:0;}

/* 列标题 */
.ft-col-title{
	font-size:17px;font-weight:700;color:#e2e8f0;
	margin-bottom:20px;letter-spacing:1px;
	position:relative;padding-bottom:16px;
}

.ft-col-title::after{
	content:'';position:absolute;bottom:0;left:0;
	width:36px;height:3px;
	background:linear-gradient(90deg,#206ae4,#60a5fa);
	border-radius:2px;
}

.ft-col-title::before{
	content:'';position:absolute;bottom:0;left:40px;
	width:60px;height:3px;
	background:rgba(32,106,228,.12);
	border-radius:2px;
}

/* ====== 品牌列 ====== */
.ft-logo{display:flex;align-items:center;gap:16px;margin-bottom:20px;}

.ft-logo-icon{
	width:52px;height:52px;border-radius:14px;
	background:linear-gradient(135deg,#206ae4,#4d8fff);
	display:flex;align-items:center;justify-content:center;
	font-size:24px;color:#fff;
	box-shadow:0 6px 20px rgba(32,106,228,.3);
	flex-shrink:0;
}

.ft-logo-text{display:flex;flex-direction:column;gap:3px;}

.ft-logo-name{font-size:24px;font-weight:800;color:#f1f5f9;letter-spacing:1.5px;}

.ft-logo-subtitle{font-size:12px;color:rgba(255,255,255,.3);letter-spacing:4px;text-transform:uppercase;}

.ft-desc{font-size:14px;color:rgba(255,255,255,.4);line-height:2;margin:0 0 20px;}

/* ====== 链接列 ====== */
.ft-links{display:flex;flex-direction:column;gap:8px;}

.ft-links-icon a{
	font-size:14px;color:rgba(255,255,255,.4);
	text-decoration:none;transition:all .25s ease;
	padding:6px 0;display:flex;align-items:center;gap:10px;
	border-radius:4px;
	min-width:0;
}

.ft-links-icon a i{font-size:14px;color:rgba(96,165,250,.35);transition:all .25s ease;width:18px;text-align:center;flex-shrink:0;line-height:1;}

.ft-link-text{
	display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	line-height:1.6;min-width:0;
}

.ft-links-icon a:hover{color:#60a5fa;padding-left:6px;}

.ft-links-icon a:hover i{color:#60a5fa;}

/* ====== 二维码列 ====== */
.ft-qr-grid{display:flex;gap:18px;flex-wrap:wrap;}

.ft-qr-item{text-align:center;}

.ft-qr-img{
	width:130px;height:130px;border-radius:16px;padding:12px;
	background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
	margin-bottom:10px;transition:all .35s ease;
}

.ft-qr-img:hover{
	border-color:rgba(32,106,228,.3);
	box-shadow:0 8px 28px rgba(32,106,228,.1);
	transform:translateY(-3px);
}

.ft-qr-img img{width:100%;height:100%;display:block;border-radius:8px;object-fit:cover;}

.ft-qr-item span{font-size:13px;color:rgba(255,255,255,.3);letter-spacing:1px;display:block;}

.ft-qr-tip{
	font-size:12px;color:rgba(255,255,255,.18);
	margin-top:14px;letter-spacing:1.5px;text-align:center;
}

/* ====== 服务承诺 ====== */
.ft-promise{
	display:flex;align-items:center;justify-content:center;
	gap:14px;padding:28px 0 32px;
	flex-wrap:wrap;
}

.ft-promise-item{
	display:flex;align-items:center;gap:10px;
	padding:10px 24px;
	border-radius:24px;
	background:rgba(255,255,255,.015);
	border:1px solid rgba(255,255,255,.03);
	transition:all .3s ease;
}

.ft-promise-item:hover{
	background:rgba(32,106,228,.05);
	border-color:rgba(32,106,228,.12);
}

.ft-promise-item i{font-size:16px;color:rgba(96,165,250,.4);}

.ft-promise-item span{font-size:13px;color:rgba(255,255,255,.3);white-space:nowrap;}

.ft-promise-item strong{color:rgba(255,255,255,.5);font-weight:600;}

.ft-promise-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.06);flex-shrink:0;}

/* ====== 分隔线 ====== */
.ft-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);}

/* ====== 底部版权栏 ====== */
.ft-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0 28px;}

/* 底部使命与导航之间的分隔线 */
.ft-bottom-divider{width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);}

/* 使命/宗旨/信念 */
.ft-motto{
	display:flex;align-items:center;justify-content:center;
	gap:10px;flex-wrap:wrap;padding:4px 0;width:100%;
}

.ft-motto-item{
	display:inline-flex;align-items:center;gap:6px;
	padding:6px 16px;
	border-radius:16px;
	transition:all .3s ease;
}

.ft-motto-item:hover{
	background:rgba(32,106,228,.025);
}

.ft-motto-icon i{font-size:12px;color:rgba(96,165,250,.3);}

.ft-motto-text{font-size:12px;color:rgba(255,255,255,.28);white-space:nowrap;}

.ft-motto-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.05);flex-shrink:0;}

.ft-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;}

.ft-nav a{
	font-size:13px;color:rgba(255,255,255,.25);
	text-decoration:none;padding:5px 12px;border-radius:6px;
	transition:all .25s ease;
	display:inline-flex;align-items:center;gap:5px;
}

.ft-nav a i{font-size:12px;}

.ft-nav a:hover{color:rgba(255,255,255,.5);background:rgba(255,255,255,.025);}

.ft-nav-dot{color:rgba(255,255,255,.07);font-size:12px;}

/* ====== 底部描述栏 ====== */
.ft-desc-text{
	display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
	padding:16px 0 10px;font-size:14px;color:rgba(255,255,255,.5);text-align:center;line-height:1.6;
}

.ft-desc-text i.fa-rocket{color:rgba(32,106,228,.5);font-size:15px;}

.ft-desc-tel{color:rgba(32,106,228,.7);font-weight:600;text-decoration:none;transition:color .25s ease;}

.ft-desc-tel:hover{color:#60a5fa;text-decoration:underline;}

.ft-desc-link{color:rgba(32,106,228,.7);font-weight:600;text-decoration:none;white-space:nowrap;transition:color .25s ease;}

.ft-desc-link:hover{color:#60a5fa;text-decoration:underline;}

.ft-desc-link i{font-size:11px;margin-left:2px;}

.ft-copy{
	display:flex;align-items:center;gap:8px;flex-wrap:wrap;
	justify-content:center;font-size:13px;color:rgba(255,255,255,.2);
}

.ft-copy a{color:rgba(32,106,228,.4);text-decoration:none;transition:color .25s ease;}

.ft-copy a:hover{color:#60a5fa;}

.ft-copy strong{color:rgba(255,255,255,.4);font-weight:600;}

.ft-copy i{font-size:12px;margin-right:2px;}

.ft-copy-tech{color:rgba(255,255,255,.1);}

.ft-dot{color:rgba(255,255,255,.06);}

/* ═══════════════ 精美客服弹窗 · 旗舰版 ═══════════════ */
#service-modal { display: none; }

/* 遮罩 */
.sv-overlay {
  position: fixed; inset: 0; z-index: 10002;
  background: rgba(15,23,42,.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: svFadeIn .3s ease;
}

/* 主容器 · 玻璃质感 */
.sv-modal {
  position: fixed; top: 50%; left: 50%;
  transform: translate(-50%,-50%) scale(.94);
  z-index: 10003;
  width: 920px; max-width: 94vw;
  overflow: hidden;
  background:
    radial-gradient(900px 360px at 50% -12%, rgba(32,106,228,.10), transparent 60%),
    linear-gradient(160deg,#ffffff 0%,#f7faff 55%,#eef4ff 100%);
  border: 1px solid rgba(32,106,228,.10);
  border-radius: 28px;
  padding: 44px 38px 24px;
  box-shadow: 0 40px 120px rgba(8,15,35,.30), 0 0 0 1px rgba(255,255,255,.6) inset;
  animation: svSlideUp .55s cubic-bezier(.22,1,.36,1) forwards;
}

/* 顶部品牌色细线 */
.sv-modal::before {
  content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 130px; height: 4px; border-radius: 0 0 5px 5px;
  background: linear-gradient(90deg,#206ae4,#3b82f6,#60a5fa);
}

/* 柔光装饰 */
.sv-deco { position: absolute; border-radius: 50%; filter: blur(46px); pointer-events: none; z-index: 0; }

.sv-deco-1 { top: -70px; right: -50px; width: 240px; height: 240px; background: rgba(32,106,228,.16); }

.sv-deco-2 { bottom: -90px; left: -60px; width: 260px; height: 260px; background: rgba(99,102,241,.12); }

/* 关闭按钮 */
.sv-close {
  position: absolute; top: 18px; right: 18px; z-index: 12;
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.7);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  color: #64748b; font-size: 16px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all .3s cubic-bezier(.34,1.56,.64,1);
}

.sv-close:hover {
  background: linear-gradient(135deg,#ff6b6b,#ee5a5a);
  color: #fff; border-color: transparent;
  transform: rotate(90deg) scale(1.08);
  box-shadow: 0 6px 20px rgba(255,107,107,.35);
}

/* 头部 */
.sv-header { text-align: center; margin-bottom: 30px; position: relative; z-index: 1; }

.sv-eyebrow {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 14px; margin-bottom: 14px;
  background: linear-gradient(135deg,rgba(32,106,228,.08),rgba(99,102,241,.08));
  border: 1px solid rgba(32,106,228,.12);
  border-radius: 999px;
  color: #206ae4; font-size: 11px; font-weight: 700; letter-spacing: 1.5px;
}

.sv-eyebrow i { font-size: 12px; }

.sv-title {
  font-size: 28px; font-weight: 800; letter-spacing: .5px; margin: 0 0 8px;
  background: linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

.sv-subtitle { font-size: 14px; color: #64748b; margin: 0; letter-spacing: .3px; }

/* 四列卡片 */
.sv-body {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 16px;
  position: relative; z-index: 1; margin-bottom: 26px;
}

/* 卡片 */
.sv-card {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: center;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 20px; padding: 24px 16px 18px;
  text-align: center;
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease, border-color .4s ease;
}

.sv-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 50px rgba(8,15,35,.10);
  border-color: rgba(32,106,228,.18);
}

/* 卡片图标 */
.sv-card-ic {
  width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 15px;
  display: flex; align-items: center; justify-content: center;
  font-size: 23px; color: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.3);
  transition: transform .4s ease;
}

.sv-card:hover .sv-card-ic { transform: scale(1.08) translateY(-2px); }

.sv-card-wechat .sv-card-ic { background: linear-gradient(135deg,#07c160,#06ae56); }

.sv-card-qq .sv-card-ic { background: linear-gradient(135deg,#12b7f5,#0e9ad6); }

.sv-card-phone .sv-card-ic { background: linear-gradient(135deg,#206ae4,#4d8fff); }

.sv-card-chat .sv-card-ic { background: linear-gradient(135deg,#6366f1,#8b5cf6); }

.sv-card-title { font-size: 16px; font-weight: 700; color: #0f172a; margin: 0 0 4px; }

.sv-card-desc { font-size: 12px; color: #94a3b8; margin: 0 0 16px; }

/* 二维码 */
.sv-qr-wrap {
  display: inline-block; padding: 6px; margin-bottom: 14px;
  background: linear-gradient(135deg,#eef2ff,#e0e7ff);
  border-radius: 14px;
  box-shadow: inset 0 0 0 1px rgba(32,106,228,.06);
}

.sv-qr-wrap img { width: 108px; height: 108px; display: block; border-radius: 9px; object-fit: cover; }

/* 底部联系方式行 */
.sv-card-foot {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%; margin-top: auto; padding: 8px 10px;
  background: rgba(15,23,42,.025);
  border: 1px solid rgba(15,23,42,.05);
  border-radius: 12px; font-size: 12px;
}

.sv-label { color: #94a3b8; flex-shrink: 0; }

.sv-value { color: #0f172a; font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sv-copy {
  width: 28px; height: 28px; border-radius: 6px; border: none;
  background: rgba(32,106,228,.06); color: #206ae4; font-size: 13px;
  cursor: pointer; transition: all .25s ease;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

.sv-copy:hover { background: #206ae4; color: #fff; }

/* 电话卡片 */
.sv-phone-show {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin: 2px 0 14px;
}

.sv-phone-show i { font-size: 18px; color: #206ae4; }

.sv-phone-number {
  font-size: 17px; font-weight: 700; color: #0f172a;
  text-decoration: none; letter-spacing: .5px;
  font-family: 'SF Pro Display','Helvetica Neue',Arial,sans-serif;
}

.sv-call-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; margin-top: auto; padding: 11px;
  background: linear-gradient(135deg,#206ae4,#4d8fff);
  border: none; border-radius: 12px; font-size: 14px; font-weight: 600;
  cursor: pointer; text-decoration: none;
  box-shadow: 0 6px 20px rgba(32,106,228,.25);
  transition: all .3s ease;
}

.sv-call-btn, .sv-call-btn:link, .sv-call-btn:visited, .sv-call-btn:hover, .sv-call-btn:active { color: #fff !important; }

.sv-call-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(32,106,228,.35); }

/* 在线客服卡片 */
.sv-card-chat {
  background: linear-gradient(160deg,rgba(99,102,241,.07),rgba(139,92,246,.04));
  border-color: rgba(99,102,241,.18);
}

.sv-chat-tip { font-size: 12px; color: #64748b; line-height: 1.7; margin: 0 0 16px; }

.sv-chat-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; margin-top: auto; padding: 11px;
  background: linear-gradient(135deg,#6366f1,#8b5cf6);
  border: none; border-radius: 12px; font-size: 14px; font-weight: 600;
  cursor: pointer; text-decoration: none;
  box-shadow: 0 6px 20px rgba(99,102,241,.30);
  transition: all .3s ease;
}

.sv-chat-btn, .sv-chat-btn:link, .sv-chat-btn:visited, .sv-chat-btn:hover, .sv-chat-btn:active { color: #fff !important; }

.sv-chat-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(99,102,241,.42); }

.sv-chat-btn i { font-size: 15px; }

/* 底部 */
.sv-footer {
  text-align: center; position: relative; z-index: 1;
  padding: 16px 0 0; border-top: 1px solid rgba(15,23,42,.06);
  font-size: 13px; color: #94a3b8; letter-spacing: .5px;
}

.sv-footer-icon { margin-right: 6px; color: #206ae4; }

/* ═══════════════ 豪华客服弹窗 · 统一设计 ═══════════════ */

/* 默认隐藏 */
#qrcode-modal,
#qq-qrcode-modal,
#wechat-qrcode-modal {
  display: none;
}

/* 产品二维码弹窗（原始风格） */
#qrcode-modal {
  position: fixed; top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  justify-content: center; align-items: center;
}

#qrcode-modal .qrcode-modal-content {
  position: relative;
  background: #fff; border-radius: 12px;
  padding: 50px 30px 30px;
  text-align: center;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
  max-width: 400px; width: 90%;
}

#qrcode-modal .qrcode-close-btn {
  position: absolute; top: 15px; right: 15px;
  background: linear-gradient(135deg, #206ae4, #1856b8);
  color: #fff; border: none;
  width: 40px; height: 40px; font-size: 20px;
  cursor: pointer; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 8px rgba(32,106,228,0.3);
  transition: all 0.3s ease;
}

#qrcode-modal .qrcode-close-btn:hover {
  transform: rotate(90deg);
  background: linear-gradient(135deg, #1856b8, #0e3d8a);
}

#qrcode-modal .qrcode-modal-title {
  color: #333; font-size: 20px; margin-bottom: 20px; font-weight: 600;
}

#qrcode-modal .qrcode-image-wrapper {
  background: #f8f9fc; border-radius: 8px;
  padding: 20px; display: inline-block;
}

#qrcode-modal .qrcode-image-wrapper img {
  width: 200px; height: 200px; display: block;
}

#qrcode-modal .qrcode-modal-hint {
  color: #666; font-size: 14px; margin-top: 15px;
}

#qrcode-modal .qrcode-modal-subhint {
  color: #999; font-size: 13px; margin-top: 8px;
}

/* 暗色遮罩 */
.kc-modal-overlay {
  position: fixed; inset: 0; z-index: 10000;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  animation: kcFadeIn .3s ease;
}

/* 弹窗容器 */
.kc-modal {
  position: fixed; top: 50%; left: 50%;
  transform: translate(-50%,-50%) scale(.92);
  z-index: 10001;
  width: 420px; max-width: 92vw;
  background: linear-gradient(160deg,#ffffff 0%,#f8faff 40%,#f0f5ff 100%);
  border-radius: 24px;
  padding: 0;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.1),
    0 30px 80px rgba(0,0,0,.25),
    0 10px 30px rgba(0,0,0,.1);
  animation: kcSlideUp .45s cubic-bezier(.34,1.56,.64,1) forwards;
  overflow: hidden;
}

/* 装饰光晕 */
.kc-modal-glow {
  position: absolute; top: -120px; left: -80px;
  width: 400px; height: 400px;
  background: radial-gradient(circle at 30% 20%,rgba(32,106,228,.12),transparent 60%);
  pointer-events: none;
  animation: kcGlowRotate 15s linear infinite;
}

/* 关闭按钮 */
.kc-close {
  position: absolute; top: 16px; right: 16px; z-index: 10;
  width: 36px; height: 36px; border-radius: 50%;
  border: none; background: rgba(0,0,0,.03);
  color: #94a3b8; font-size: 18px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all .3s cubic-bezier(.34,1.56,.64,1);
}

.kc-close:hover {
  background: linear-gradient(135deg,#ff6b6b,#ee5a5a);
  color: #fff; transform: rotate(90deg) scale(1.1);
  box-shadow: 0 4px 16px rgba(255,107,107,.35);
}

/* 弹窗内容 */
.kc-modal-body {
  position: relative; z-index: 1;
  padding: 44px 36px 32px;
  text-align: center;
}

/* 品牌图标 */
.kc-brand-icon {
  width: 72px; height: 72px; margin: 0 auto 18px;
  border-radius: 20px;
  background: linear-gradient(135deg,#206ae4,#4d8fff);
  display: flex; align-items: center; justify-content: center;
  font-size: 34px; color: #fff;
  box-shadow: 0 8px 28px rgba(32,106,228,.3);
  animation: kcIconPulse 2.5s ease-in-out infinite;
}

.kc-qq-icon {
  background: linear-gradient(135deg,#12b7f5,#0e9ad6);
  box-shadow: 0 8px 28px rgba(18,183,245,.3);
}

.kc-wechat-icon {
  background: linear-gradient(135deg,#07c160,#06ae56);
  box-shadow: 0 8px 28px rgba(7,193,96,.3);
}

/* 标题 */
.kc-title {
  font-size: 22px; font-weight: 700; color: #0f172a;
  margin: 0 0 6px; letter-spacing: .5px;
}

/* 描述 */
.kc-desc {
  font-size: 14px; color: #64748b;
  margin: 0 0 24px; letter-spacing: .3px;
}

/* 二维码容器 */
.kc-qr-wrap {
  display: inline-block;
  padding: 5px;
  background: linear-gradient(135deg,#e0e7ff,#c7d2fe);
  border-radius: 18px;
  margin-bottom: 20px;
  box-shadow: 0 4px 20px rgba(32,106,228,.08);
}

.kc-qr-inner {
  position: relative;
  width: 180px; height: 180px;
  background: #fff; border-radius: 14px;
  padding: 14px; overflow: hidden;
}

.kc-qr-glow {
  position: absolute; inset: 0;
  background: radial-gradient(circle,rgba(32,106,228,.12),transparent 60%);
  pointer-events: none;
  animation: kcQrBreath 3s ease-in-out infinite;
}

.kc-qr-inner img {
  position: relative; z-index: 1;
  width: 100%; height: 100%; display: block;
  border-radius: 8px; object-fit: cover;
}

/* 联系方式行 */
.kc-contact-row {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 20px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.04);
  border-radius: 20px;
  font-size: 13px; color: #64748b; margin-bottom: 16px;
}

.kc-contact-row i { font-size: 15px; color: #206ae4; }

.kc-contact-row strong { color: #0f172a; font-weight: 600; }

/* 底部提示 */
.kc-footer {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 16px;
  background: linear-gradient(135deg,rgba(32,106,228,.06),rgba(96,165,250,.04));
  border: 1px solid rgba(32,106,228,.08);
  border-radius: 16px;
  font-size: 12px; color: rgba(32,106,228,.6);
  letter-spacing: .3px;
}

.kc-footer-icon { font-size: 13px; }

/* ==================== 悬浮客服侧边栏（简洁浅色版） ==================== */
.floating-service-bar {
	position: fixed;
	right: 20px;
	bottom: 100px;
	top: auto;
	transform: none;
	z-index: 9998;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.floating-service-bar .service-item {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #ffffff;
	border: 1px solid #e5e9f0;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.floating-service-bar .service-item::before {
	content: none;
}

.floating-service-bar .service-item:hover {
	background: #f5f8ff;
	border-color: #cfe0ff;
}

.floating-service-bar .service-item i {
	font-size: 17px;
	color: #64748b;
	position: relative;
	z-index: 1;
	transition: color 0.2s ease;
}

/* 各入口 hover 统一浅蓝 */
.floating-service-bar .wechat-item:hover i,
.floating-service-bar .qq-item:hover i,
.floating-service-bar .phone-item:hover i,
.floating-service-bar .message-item:hover i {
	color: #206ae4;
}

/* QQ/电话链接区 */
.floating-service-bar .qq-item a,
.floating-service-bar .phone-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	color: inherit;
}

/* 在线客服 - 主入口：浅色精致 */
.floating-service-bar .message-item {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #ffffff;
	border: 1px solid #dbe7ff;
	box-shadow: none;
	text-decoration: none !important;
}

.floating-service-bar .message-item i {
	color: #206ae4 !important;
	font-size: 18px;
	text-shadow: none;
}

.floating-service-bar .message-item:hover {
	background: #206ae4;
	border-color: #206ae4;
}

.floating-service-bar .message-item:hover i {
	color: #ffffff !important;
}

/* Tooltip提示：简洁浅色 */
.floating-service-bar .service-tooltip {
	position: absolute;
	right: 62px;
	top: 50%;
	transform: translateY(-50%) translateX(6px);
	background: #ffffff;
	color: #475569;
	padding: 7px 12px;
	border-radius: 8px;
	border: 1px solid #e5e9f0;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.floating-service-bar .service-tooltip::after {
	content: '';
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
	border: 5px solid transparent;
	border-left-color: #e5e9f0;
}

.floating-service-bar .service-item:hover .service-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) translateX(0);
}

/* ==================== 回到顶部按钮 ==================== */
.back-to-top {
	position: fixed;
	right: 20px;
	bottom: 40px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: linear-gradient(145deg, #206ae4, #1856b8);
	box-shadow: 0 6px 25px rgba(32, 106, 228, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	border: 2px solid rgba(255, 255, 255, 0.1);
}

.back-to-top.show {
	opacity: 1;
	visibility: visible;
}

.back-to-top::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.3) 50%, transparent 60%);
	animation: shimmer 2s ease-in-out infinite;
}

.back-to-top:hover {
	transform: translateY(-5px) scale(1.1);
	box-shadow: 0 10px 35px rgba(32, 106, 228, 0.4);
	background: linear-gradient(145deg, #2a7af2, #206ae4);
}

.back-to-top i {
	font-size: 24px;
	color: #fff;
	position: relative;
	z-index: 1;
	transition: transform 0.3s ease;
}

.back-to-top:hover i {
	transform: translateY(-2px);
}

.back-to-top .tooltip {
	position: absolute;
	bottom: 70px;
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	background: linear-gradient(135deg, #1a1a2e, #2d2d44);
	color: #fff;
	padding: 10px 16px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.back-to-top .tooltip::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #2d2d44;
}

.back-to-top:hover .tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}


/* ═══════════ 查看演示 · 线索留资弹窗 ═══════════ */
#lead-modal{display:none;position:fixed;inset:0;z-index:100000;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}

#lead-modal .lm-overlay{position:absolute;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(4px)}

#lead-modal .lm-card{position:relative;width:92%;max-width:460px;margin:auto;background:#fff;border-radius:18px;padding:30px 28px 26px;box-shadow:0 30px 80px rgba(2,6,23,.4);animation:lmIn .28s cubic-bezier(.2,.9,.3,1.2)}

#lead-modal .lm-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:15px;transition:.2s}

#lead-modal .lm-close:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}

#lead-modal .lm-head{text-align:center;margin-bottom:20px}

#lead-modal .lm-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#0ea5e9;background:rgba(14,165,233,.1);padding:5px 12px;border-radius:999px;margin-bottom:12px}

#lead-modal .lm-title{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 6px}

#lead-modal .lm-sub{font-size:13px;color:#64748b;margin:0}

#lead-modal .lm-product{align-items:center;gap:8px;font-size:13px;color:#0369a1;background:linear-gradient(135deg,rgba(14,165,233,.1),rgba(99,102,241,.08));border:1px solid rgba(14,165,233,.25);border-radius:10px;padding:10px 14px;margin-bottom:16px}

#lead-modal .lm-product i{color:#0ea5e9;font-size:15px}

#lead-modal .lm-product b{color:#0f172a;font-weight:700}

#lead-modal .lm-cols{display:flex;flex-direction:column}

#lead-modal .lm-left{width:100%;min-width:0}

#lead-modal .lm-right{display:none}

/* 小程序模式：左右结构，缩短弹窗高度 */
#lead-modal.lm-mini .lm-card{max-width:740px}

#lead-modal.lm-mini .lm-cols{flex-direction:row}

#lead-modal.lm-mini .lm-left{flex:1;padding-right:26px}

#lead-modal.lm-mini .lm-right{display:flex;flex:0 0 250px;width:250px;align-items:center;justify-content:center;padding-left:26px;border-left:1px solid #eef2f7;background:linear-gradient(135deg,rgba(7,193,96,.06),rgba(14,165,233,.04))}

#lead-modal .lm-qr{text-align:center}

#lead-modal .lm-qr-img{display:inline-block;padding:8px;background:#fff;border-radius:10px;box-shadow:0 8px 20px rgba(2,6,23,.12)}

#lead-modal .lm-qr-img img{display:block;width:150px;height:150px;border-radius:6px}

#lead-modal .lm-qr-tip{font-size:13px;color:#047857;margin:12px 0 0;line-height:1.5}

#lead-modal .lm-qr-tip i{margin-right:4px}

#lead-modal .lm-row{display:flex;gap:12px}

#lead-modal .lm-field{margin-bottom:12px;flex:1}

#lead-modal .lm-field label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}

#lead-modal .lm-field label i.req{color:#ef4444;font-style:normal;margin-left:2px}

#lead-modal .lm-field input,#lead-modal .lm-field select,#lead-modal .lm-field textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font-size:14px;outline:0;transition:.2s;background:#fff;color:#0f172a}

#lead-modal .lm-field input:focus,#lead-modal .lm-field select:focus,#lead-modal .lm-field textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.12)}

#lead-modal .lm-field textarea{resize:vertical;min-height:66px}

#lead-modal .lm-submit{width:100%;border:0;border-radius:12px;padding:13px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);cursor:pointer;transition:.2s;margin-top:4px}

#lead-modal .lm-submit:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 12px 28px rgba(14,165,233,.32)}

#lead-modal .lm-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}

#lead-modal .lm-tip{text-align:center;font-size:12px;color:#94a3b8;margin-top:12px}

#lead-modal .lm-done{display:none;text-align:center;padding:16px 0 6px}

#lead-modal .lm-done-ring{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px;box-shadow:0 12px 30px rgba(16,185,129,.35)}

#lead-modal .lm-done h3{font-size:20px;color:#0f172a;margin:0 0 8px}

#lead-modal .lm-done p{font-size:14px;color:#64748b;margin:0}
/* ═══ 公共分页样式（.pages 通用，所有列表页复用）═══ */
.pages { display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; margin:44px 0 12px; }
.pages a { display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 12px; border-radius:10px; font-size:14px; color:#5b6577; background:#fff; border:1px solid #e6ebf3; transition:.3s; text-decoration:none; }
.pages a:hover { color:#fff; background:linear-gradient(135deg,#206ae4,#3f8bff); border-color:transparent; transform:translateY(-2px); box-shadow:0 6px 14px rgba(32,106,228,.25); }
.pages a.selected { color:#fff; background:linear-gradient(135deg,#206ae4,#3f8bff); border-color:transparent; font-weight:600; box-shadow:0 6px 14px rgba(32,106,228,.3); }
.pages em { font-style:normal; color:#9aa3b2; font-size:13px; padding:0 4px; }
.pages .pl-page-total { font-size:13px; color:#9aa3b2; margin-right:10px; }