/*reset*/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{
    margin:0;
    padding:0;
}
body{position:relative;font-size:14px;background-color:white;overflow:auto;}
body, button, input, keygen, legend, select, textarea{
    font-family:"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-weight:400;
    color:#333;
    outline:0;
    speak:none;
    -webkit-font-feature-settings:normal;
    -moz-font-feature-settings:normal;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
h1, h2, h3, h4, h5, h6{font-weight:400;}
li{list-style:none;}
html, body, fieldset, img, iframe, abbr{border:0;}
img{vertical-align:top;}
a, button{cursor:pointer;}
a{color:#333;outline:none;text-decoration:none;}
a:focus{ color:#333;
     outline:none; 
     -moz-outline:none;
}  

/*common*/
body{background:#F4F5F9;}
a:hover{color:#fc8080;text-decoration:none;}
a:-webkit-any-link{text-decoration:none;}
.container{width:1200px;margin:0 auto;padding:0;}
.container:after{content:"";display:block;clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#fc8080!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:270px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}




/* 底部页脚css */
.footer-pro{
  position:relative;
  background:linear-gradient(180deg,#0d2342 0%,#010a18 100%);
  color:#cfe3ff;
  font-family:"Segoe UI","Microsoft YaHei",sans-serif;
  font-size:14px;
  letter-spacing:0.7px; /* 🔹左右字距略增 */
  line-height:1.9;      /* 🔹上下行距略增 */
  padding:55px 0 40px;  /* 🔹整体上下呼吸感 */
  overflow:hidden;
}
.footer-bg,.footer-glow{position:absolute;left:0;width:100%;}
.footer-bg{
  top:0;height:100%;
  background:radial-gradient(ellipse at 30% 0%,rgba(56,150,255,.1),transparent 70%);
}
.footer-glow{
  bottom:0;height:250px;left:50%;transform:translateX(-50%);
  width:1200px;
  background:radial-gradient(circle at 50% 50%,rgba(50,200,255,.15),transparent 70%);
  filter:blur(80px);
}
.footer-content{position:relative;z-index:2;width:90%;max-width:1200px;margin:auto;}

/* 栏目间距优化（更紧凑） */
.footer-grid{
  display:grid;
  grid-template-columns:0.9fr 1fr 0.3fr 0.4fr 0.8fr;
  gap:10px;
  padding-bottom:25px;
}

/* 栏目标题 */
.footer-section h3{
  color:#fff;
  font-size:15px;
  margin-bottom:8px;
  position:relative;
  letter-spacing:1px;
}
.footer-section h3::after{
  content:"";
  position:absolute;
  bottom:-3px;
  left:0;
  width:30px;
  height:2px;
  background:linear-gradient(90deg,#47baff,#6affdc);
  border-radius:2px;
}

/* 内容基础 */
.footer-section ul{list-style:none;padding:0;margin:8px 0 0;}
.footer-section li{margin:5px 0;}
.footer-section p{line-height:1.9;margin:4px 0;}

/* ✅ 全局超链接规则统一 */
.footer-section a,
.footer-section a:visited,
.footer-section a:active,
.friend-grid a,
.friend-grid a:visited,
.friend-grid a:active{
  color:#b8d8ff;
  text-decoration:none;
  display:inline-block;
  transition:all .25s ease;
  transform-origin:center;
}
.footer-section a:hover,
.friend-grid a:hover{
  color:#fff;
  transform:scale(1.05);
}

/* 徽章与LOGO */
.footer-badges img{height:32px;margin-right:6px;opacity:.85;transition:.3s;}
.footer-badges img:hover{opacity:1;transform:scale(1.05);}
.footer-logo img{width:230px;margin:5px 0 8px;}
.footer-section .tel span{font-size:17px;color:#40ffb2;font-weight:bold;}

/* 横线与友情链接 */
.footer-line{
  width:100%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(80,200,255,.3),transparent);
}
.top-line{margin-bottom:25px;}
.mid-line{margin:10px 0;}
.footer-friends{text-align:center;padding:12px 0;}
.footer-friends h4{
  color:#fff;
  font-size:15px;
  margin-bottom:12px;
  letter-spacing:1px;
}
.friend-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 14px;
}
.friend-grid a{
  padding:6px 16px;
  border:1px solid rgba(120,200,255,.25);
  border-radius:30px;
  font-size:13.5px;
}
.friend-grid a:hover{
  background:rgba(80,180,255,.2);
  border-color:rgba(120,255,255,.4);
}

/* 底部版权 */
.footer-bottom{
  text-align:center;
  margin-top:20px;
  font-size:13.5px;
  color:#a8badf;
  line-height:1.9;
}
.footer-bottom img{height:13px;vertical-align:middle;margin-right:4px;}

@media(max-width:1000px){
  .footer-grid{grid-template-columns:repeat(3,1fr);gap:14px;}
}
@media(max-width:700px){
  .footer-grid{grid-template-columns:1fr;}
  .footer-section{text-align:center;}
}

/* --- 联系方式 QQ 行：居中对齐 & 同步字距行距 --- */
.footer-section.contact .qq-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:4px 0;
  line-height:1.9;
  letter-spacing:0.7px;
  white-space:nowrap;
}
.footer-section.contact .qq-row .label{
  color:#cfe3ff;
  min-width:80px;      /* 保证“售前售后 / 备案专员”两行对齐 */
}
.footer-section.contact .qq-row .qq-btn{
  display:inline-flex;
  align-items:center;
}
.footer-section.contact .qq-row img{
  height:22px;
  display:block;
}

/* --- 版权区 a 链接：继承统一规则（hover 变白+微放大，点击不变色）--- */
.footer-bottom{
  letter-spacing:0.7px;
  line-height:1.9;
}
.footer-bottom a,
.footer-bottom a:visited,
.footer-bottom a:active{
  color:#a8badf;          /* 初始颜色与版权文案一致 */
  text-decoration:none;
  display:inline-block;
  transition:all .25s ease;
}
.footer-bottom a:hover{
  color:#fff;
  transform:scale(1.05);
}