.gb-contact{z-index:9999;right:10px;position:fixed;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -10%)}
.gb-contact li{margin-bottom:10px;height:60px;width:60px;transition:0.5s;position:relative}
.gb-contact .txt{position:absolute;right:0;height:60px;overflow:hidden;transition:0.5s;width:60px;line-height:60px;font-size:16px;color:#ffffff;padding-right:60px;text-align:center;background:rgba(47,173,56,0.8);border-radius:60px;box-sizing: border-box;}
.gb-contact .ico{transition:0.5s;position:absolute;right:0;top:0;background-color:#fff;background-image:url("../images/img33.png");background-repeat:no-repeat;display:inline-block;height:60px;width:60px;border-radius:60px}
.gb-contact .spe{display: block !important;position:absolute;bottom:30;left:-160px;width:160px;height: 160px;background: #fff;}
.gb-contact .spe .sj{position:absolute;bottom:18px;right:-9px;width:0;height:0;border-bottom:10px solid transparent;border-left:10px solid #fff;border-top:10px solid transparent;}
.gb-contact .spe img{width:100%;}
.gb-contact .ico-phone{background-position:0 -70px;}
.gb-contact .ico-sc{background-position:0 -140px;}
.gb-contact .ico-cx{background-position:0 -210px;}
.gb-contact .ico-zx{background-position:0 -280px;}
.gb-contact li:hover .txt{width:208px;}
.gb-contact li:hover .ico{background-color:#2FAD38;}
.gb-contact li:hover .ico-pc{background-position:-90px 0;}
.gb-contact li:hover .ico-phone{background-position:-90px -70px}
.gb-contact li:hover .ico-sc{background-position:-90px -140px}
.gb-contact li:hover .ico-cx{background-position:-90px -210px}
.gb-contact li:hover .ico-zx{background-position:-90px -280px}
.gb-contact .wx_ico{display:inline-block;width:60px;height:60px;background-color: #fff;text-align: center;border-radius:100%;transition: .5s;}
.gb-contact .wx_ico i{display:inline-block;margin-top:15px;width: 30px;height: 30px;background: url(../images/wx_ico.png) center/cover no-repeat;background-size: 100%;}
.gb-contact .fanhui i{display:inline-block;margin-top:15px;width: 30px;height: 30px;background: url(../images/fh2.png) center/cover no-repeat;background-size: 100%;}
.gb-contact li:hover .spe{display: block;}
.gb-contact li:hover .wx_ico{background: #2FAD38;}
.gb-contact li:hover .wx_ico i{background-image: url(../images/wx_ico1.png);}
.gb-contact li:hover .wx_ico.fanhui i{background-image: url(../images/fh.png);}
.service-card a{text-decoration: none;}


@media (min-width:20px) and (max-width: 767px) {
  .gb-contact {
    display: none;
  }
}

    .bottom-nav {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 60px;
            background-color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 15px;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }
        
        .nav-btn {
            flex: 1;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
            font-size: 16px;
            font-weight: 500;
            text-decoration: none;
            max-width: 48%;
        }
        
        .call-btn {
            background-color: #f0f9ff;
            color: #2196F3;
            border: 1px solid #2196F3;
        }
        
        .wechat-btn {
            background-color: #07C160;
            color: white;
        }
        
        .nav-btn i {
            margin-right: 8px;
            font-size: 18px;
        }
        
        /* 复制成功提示样式 */
        .copy-toast {
            position: fixed;
            bottom: 80px;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 14px;
            opacity: 0;
            transition: opacity 0.3s;
            z-index: 1001;
        }
        
        .copy-toast.show {
            opacity: 1;
        }












		@media (min-width: 900px) {
  .bottom-nav {
    display: none !important;
  }
}


