/*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:-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:135px;width:70px;height:240px;}
.suspension-box{position: relative;
    width: 40px;
    padding: 16px 3px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 0 6px 0 hsl(0deg 0% 78% / 50%);
    border-radius: 20px;}
.suspension .a{position: relative;
    width: 34px;
    height: 34px;
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s;}
.suspension .a.active,.suspension .a:hover{background: #f5f5f5;border-radius: 50%;}
.suspension .a .i{float:left;width:22px;height:22px;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{background:url(../images/service.png) no-repeat;background-size: 100%;}
.suspension .a-qq .i{background:url(../images/QQ.png) no-repeat;background-size: 100%;}
.suspension .a-service-phone .i{background:url(../images/tel.png) no-repeat;background-size: 100%;}
.suspension .a-qrcode .i{background:url(../images/ewm.png) no-repeat;background-size: 100%;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background:url(../images/top@2x.png) no-repeat;background-size: 100%;}
.suspension .d{display:none;position:absolute;padding-right:60px;right: 0;}
.suspension .a:hover .d{display: block;}
.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: -75px;}
.suspension .d-service-phone{top: 0;}
.suspension .d .inner-box{width:320px;background:#fff;line-height:35px;border-radius:15px;box-shadow: 0 0 6px 0 hsl(0deg 0% 78% / 50%);}
.suspension .d-service-phone .inner-box{width: 120px;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service .d-service-item .ant-modal-header{}
.suspension.suspension .d-service .d-service-item .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:100%;line-height:35px;font-size:12px;text-align: center;}
.suspension .d-service-item .text{float:left;width:100%;font-size:12px;text-align: center;color: #000;}
.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,.suspension .d-qq{text-align:center;}
.suspension .d-qrcode{top:-55px;}
.suspension .d-qq{top: -45px;}
.suspension .d-qrcode .inner-box,.suspension .d-qq .inner-box{padding:20px 0 0;width: 140px}
.suspension .d-qrcode .inner-box img,.suspension .d-qq .inner-box img{width: 120px;}
.suspension .d-qrcode p,.suspension .d-qq p{font-size:12px;color: #000;}