/*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:240px;}
.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(/static/skin/image/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(/static/skin/image/suspension-bg2.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(/static/skin/image/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(/static/skin/image/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-cart{top:122px;}
.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(/static/skin/image/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 center;}
.suspension .d-service-item .i-liuyan{width:44px;height:44px;background:url(/static/skin/image/liuyan_icon.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-liuyan{background-position:center center;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/static/skin/image/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(/static/skin/image/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;}

.suspension .d-cart{text-align:center;}
.suspension .d-cart .inner-box{padding:20px 0;}
.suspension .d-cart p{font-size:16px;color:#93959c;}


/* 在线留言区域单独样式调整 */
.suspension .d-service-item--liuyan {
    padding-top: 0;
    padding-bottom: 0;
  padding-left: 20px; /* 整体向右偏移10px（可增减数值） */
  border-bottom: none !important; /* 覆盖原有下边框，!important确保优先级 */
}

/* 若需要单独调整图标或文字的位置，可补充以下样式 */
.suspension .d-service-item--liuyan .circle {
  margin-left: 5px; /* 圆形图标向右偏移5px（可增减） */
}

.suspension .d-service-item--liuyan h3 {
  margin-left: 0px; /* 文字向右偏移（原默认12px，增加到20px即右移8px） */
}

/* 1. 父容器Flex布局，确保图标与文字水平居中对齐 */
.suspension .d-service-item {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  justify-content: space-between; /* 图标居左，文字居右 */
  width: 100%;
}

/* 2. 文字容器右侧定位（适配Flex布局） */
.suspension .d-service-item .text {
  margin-left: auto; /* 自动靠右，替代float */
  margin-left: 12px; /* 与图标保持间距 */
  margin-right: 0;
}

/* 3. 服务热线文字加粗 */
.suspension .d-service-item .text p:first-child {
  font-weight: bold;
  margin: 0; /* 清除默认边距 */
}

/* 4. 图标容器固定尺寸，避免挤压 */
.suspension .d-service-item .circle {
  flex-shrink: 0;
  width: 44px;
  height: 44px; /* 与图标尺寸匹配 */
}

/* 5. 统一图标初始位置和过渡动画（关键：与.i-qq/.i-liuyan保持一致） */
.suspension .d-service-item .i-tel,
.suspension .d-service-item .i-qq,
.suspension .d-service-item .i-liuyan {
  background-position: center 15px !important; /* 初始位置：垂直偏下15px */
  transition: background-position 0.2s ease !important; /* 添加上移过渡动画 */
  width: 100%;
  height: 100%; /* 占满图标容器 */
}

/* 6. 鼠标移入时，图标上移（与.i-qq/.i-liuyan偏移量一致） */
.suspension .d-service-item:hover .i-tel,
.suspension .d-service-item:hover .i-qq,
.suspension .d-service-item:hover .i-liuyan {
  background-position: center center !important; /* 上移后位置：垂直偏上2px */
}