﻿@charset "utf-8";html{margin:0;padding:0;zoom:1;font-size:62.5%}
body{margin:0;padding:0;zoom:1;font-size:62.5%;line-height:24px;font-family:Arial,'Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei',sans-serif,\5b8b\4f53;color:#333;background-color:#fff}
.ul,.ul .li{margin:0;padding:0;list-style:none}
p{margin:0}
footer{display:block}
img{border:none;border:0;max-width:100%;vertical-align:top}
span{outline:0}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0}
a:focus,a:link,a:visited{outline:0;text-decoration:none;-moz-outline:none}
a:hover{text-decoration:none}
.box-sizing-border,.box-sizing-border *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.box-sizing-border ::after,.box-sizing-border ::before,.box-sizing-border::after,.box-sizing-border::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.textover{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.textovers{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.t-center{text-align:center}
.img-box{position:relative;overflow:hidden}
.img-box img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.imgh:hover .img-box img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03)}
.wrap2{margin:0 auto;width:100%;}
.wrap3{margin:0 auto;width:100%;}
::-webkit-input-placeholder{color:rgba(102,102,102,.5)}
:-moz-placeholder{color:rgba(102,102,102,.5)}
::-moz-placeholder{color:rgba(102,102,102,.5)}
:-ms-input-placeholder{color:rgba(102,102,102,.5)}
::-webkit-scrollbar{width:4px;height:4px;background-color:#ddd}
::-webkit-scrollbar-track{border-radius:4px;background-color:#ddd}
::-webkit-scrollbar-thumb{border-radius:4px;background-color:#1492ff}
::-webkit-scrollbar-thumb:hover{border-radius:4px;background-color:#1492ff}
[flex]{display:flex}
[flex][flex~="i"]{display:inline-flex}
[flex][flex~=wrap]{flex-wrap:wrap}
[flex][flex~=jb]{justify-content:space-between}
[flex][flex~=as]{align-items:flex-start}
[flex][flex~=ac]{align-items:center}
@media screen and (max-width:768px){
.wrap2{padding-left:15px;padding-right:15px}
.wrap3{padding-left:15px;padding-right:15px}
}


/*置顶*/
.suspension{position:fixed;z-index:55;right:20px;bottom:150px;width:70px;height:240px}
.suspension h3,p{margin:0;padding:0}
.suspension a{color:#333;text-decoration:none}
.suspension a:hover{color:#fc8080}
.suspension .clearfix:after{content:"";display:block;clear:both}
.suspension-box{position:relative;float:right}
.suspension .a{display:block;width:44px;height:44px;background-color:#019fe9;margin-bottom:4px;cursor:pointer;outline:0}
.suspension .a.active,.suspension .a:hover{background:#f05352}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../img/side_icon.png);background-repeat:no-repeat}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/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(../img/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:260px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #e0e1e5;border-radius:3px;box-shadow:0 2px 5px 0 rgba(161,163,175,.11)}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/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(../img/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-tel1{width:44px;height:44px;background:url(../img/jishu.jpg) no-repeat center center;display:block;background-size: contain;}
.suspension .d-service-item .i-tel2{width:44px;height:44px;background:url(../img/zixun.jpg) no-repeat center center;display:block;background-size: contain;}
.suspension .d-service-item .i-tel3{width:44px;height:44px;background:url(../img/youxiang.jpg) no-repeat center center;display:block;background-size: contain;}
.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(../img/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}
.suspension .d-qrcode p{font-size:16px;color:#93959c}