footer {
    background-color: #333;
    padding-bottom: 0.65%;
    margin-bottom: 0%;

}

.bg {
    background-image: url('https://x-res.hdnbe.com/bg.png');
    background-size: cover;
    padding-bottom: 0.5%;
    padding-top: 1.2%;
}

.bg-title {
    text-align: center;
    color: white;
    font-size: 35px;
    font-weight: 500;
}

.bg-button {
    outline: none;
    color: white;
    background-color: dodgerblue;
    border: 2px solid white;
    border-radius: 25px 25px 25px 25px;
    width: 120px;
    font-size: 20px;
    padding: 5px;
    transition: all .3s ease;
}

.bg-button:hover {
    transition: all .3s ease;
    background-color: white;
    color: dodgerblue;
    padding: 5px;
    border: 2px solid white;
}

.bg-button:focus {
    outline: none;
    border: 2px solid white;
}

.FooterSeparate {
    padding-top: 1%;
    position: relative;
    top: 8px;
    color: #ccc;
}

.FooterSeparate a {
    color: #ccc;
}

.FooterSeparate a:hover {
    color: white;
    text-decoration: none;
    transition: all .1s ease;
}

.content1 {
    color: white;
    font-size: 20px;
}

.tel-text {
    color: white;
    font-size: 18px;
    padding-top: 5px;
    position: relative;
    top: 5px;
}

.tel-tel {
    position: relative;
    top: 3px;
    font-size: 15px;
}

.tel-tel:hover {
    color: white;
    cursor: pointer;
    transition: all .1s ease;
}

.foot-1 {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 0%;
}

.contents {
    display: inline;
}

.content3 {
    position: relative;
    left: 5%;
	display: inline-table;
    bottom: 25px;
}

.content4 {
    position: relative;
    left: 10%;
    display: inline-table;
    bottom: 25px;
}

.content5 {
    display: inline-table;
    position: relative;
    left: 15%;
    bottom: 25px;
}

.content6 {
    display: inline-table;
    position: relative;
    left: 20%;
    bottom: 25px;
}

.content2 {
    padding-top: 3.5px;
    font-size: 14px;
}

.content1 {
    font-size: 17px;
}

.content2:hover {
    color: white;
    cursor: pointer;
    transition: all .1s ease;
}

.ewm {
    display: inline-table;
    position: relative;
    left: 30%;
    right: 30%;
}

.mp-weixin-div {
    display: inline-table;
}

.mp-weixin-div a {
    text-align: center;
    color: #ccc;
}

.mp-weixin-div a:hover {
    color: #ccc;
}

.ewm-p {
    position: relative;
    top: 5px;
}

.work-wechat-div {
    display: inline-table;
    position: relative;
    left: 100px;
}

.work-wechat-div img {
    margin: 0 auto;
    text-align: center;
}

.work-wechat-div a {
    text-align: center;
    color: #ccc;
}

.work-wechat-div a:hover {
    color: #ccc;
}

.work-wechat-p {
    text-align: center;
    position: relative;
    right: 5px;
    top: 5px;
}

.tel-xinxi {
	display: block;
	float: left;
    padding-left: 7%;
}

.footCopyright {
    padding: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    bottom: 5px;
}

.Copyright {
    display: inline;
    /*float: left;*/
    color: #ccc;
    padding-left: 13%;
    font-size: 14px;
}

.Copyright a {
    color: #ccc;
}

.Copyright a:hover {
    color: white;
    text-decoration: none;
    transition: all .1s ease;
}

.company {
    display: inline;
    float: right;
    color: #ccc;
    padding-right: 13%;
    position: relative;
    top: 2px;
    font-size: 14px;
}

.company a {
    color: #ccc;
}

.company a:hover {
    color: white;
    text-decoration: none;
    transition: all .1s ease;
}

.beian-icon {
    width: 20px;
    position: relative;
    bottom: 1px;
}

.foothr {
    padding: 0.1px;
    background-color: white;
}

/* 修改后的固定右下角圆形客服图标 */
.kefu {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
    transition: transform 0.3s ease;
    
    /* 圆形样式 */
    border-radius: 50%;
    overflow: hidden;
    width: 80px;        /* 保持圆框大小不变 */
    height: 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    
    /* 新增背景色 */
    background-color: #f8f9fa; /* 浅色背景 */
}

/* 确保图片充满整个圆形区域 */
.kefu a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px; /* 关键：添加内边距使图标缩小 */
}

.kefu img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 改为 contain 确保完整显示 */
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2)); /* 添加图标阴影 */
}

/* 悬停效果 */
.kefu:hover {
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.vertical-line::before {
    content: "";
    display: block;
    width: 1px;
    height: 100px;
    background: black;
}

.gongan:hover {
    color: white;
    cursor: pointer;
    transition: all .2s ease;
}

.gongan {
    transition: all .2s ease;
}

.icp:hover {
    color: white;
    cursor: pointer;
    transition: all .2s ease;
}

.icp {
    transition: all .2s ease;
}

.xf-PicBlackbox {
    color: #ccc;
    transition: all .2s ease;
}

.xf-PicBlackbox:hover {
    color: white;
    cursor: pointer;
    transition: all .2s ease;
}

.lnhyun,.SEO {
    color: #ccc;
    transition: all .2s ease;
}

.lnhyun:hover {
    color: white;
    cursor: pointer;
    transition: all .2s ease;
}

.SEO:hover{
    color: white;
    cursor: pointer;
    transition: all .2s ease;
}

@media screen and (max-width:768px) and (max-width:540px) {

	.logo {
		display: block;
		padding: 0;
	}

	.contents ul {
		display: none;
	}

	.content3 ul {
		display: none;
	}

	.content4 ul {
		display: none;
	}

	.content5 ul {
		display: none;
	}

	.content6 ul {
		display: none;
	}

	.ewm a {
		display: none;
	}

	.cloud {
		display: none;
	}

	.year-top {
		display: none;
	}

	.copyright-text {
		display: none;
	}

    .footCopyright {
        padding-bottom: 17%;
        display: block;
    }

    .foothr {
        margin-top: 43%;
    }

    .company {
        padding-right: 27%;
    }

    .kefu {
        display: none;
    }
    .tech {
        display: inline;
    }
}

@media (min-width: 769px) {
    .tech { display: none; }
}