.footer_con {
 background-color: #a40000;
 color: #fff;
}

.footer_con {
 padding: 1.5vw 0;
}

.footer_con_items {
 display: flex;
 justify-content: space-between;
}

.code_img img {
 width: 80px;
 margin-bottom: 5px;
 border-radius: 5px;
}

.copyright span {
 display: block;
 margin-bottom: 10px;
 white-space: nowrap;
 font-size: 12px;
}

.copyright a {
 color: #fff;
}

.copyright a:hover {
 color: #fff;
}

.footer_con_tit {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 10px;
}

.codes {
 display: flex;
 margin-top: 30px;
}

.code_item {
 text-align: center;
 margin-right: 70px;
 font-size: 12px;
}


.footer_con_logo {
 width: 260px;
 margin-top: 55px;
}

.footer_con_logo img {
 width: 100%;
}

.support {
 display: flex;
 justify-content: space-between;
}

.support_left {
 display: flex;
 align-items: center;
 gap: 15px;
}

.support_right {
 display: flex;
 align-items: center;
 gap: 15px;
}

.footer_con_top {
 margin-bottom: 1.5vw;
}

.footer_con_bottom {
 padding-top: 1.5vw;
 border-top: 1px solid #b81414;
}

.sydw img {
 width: 40px;
}

.bjda img {
 height: 25px;
}

/*右侧机器人*/
.fixcon {
 position: fixed;
 right: 2vw;
 bottom: 2vw;
 z-index: 10;
}

.iplogo {
 width: 96px;
 object-fit: cover;
 border: 4px solid #a40000;
 border-radius: 9999px;
 transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
}

.robot-pulse-secondary {
 border-radius: 9999px;
 animation: pulseSecondary 2.2s infinite;
}

.robot-pulse {
 animation: pulse 1.8s infinite;
 border-radius: 9999px;
}

.robot-float {
 animation: float 3s ease-in-out infinite;
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.robot-pd {
 background-color: #fff;
 padding: 12px;
 border-radius: 9999px;
 box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.robot_tit {
 position: absolute;
 top: -50px;
}

.robot_tit span {
 display: block;
 font-size: 14px;
 padding: 6px 16px;
 line-height: 20px;
 color: #fff;
 opacity: 0;
 transition: all linear 0.3s;
 transform: translateY(20px);
 border-radius: 20px;
}

.robot_con:hover .robot_tit span {
 opacity: 1;
 transform: translateY(0);
 background-color: #a40000;
}

.robot_tit span a:hover {
 color: #fff;
}

.robot_tit span .fas {
 margin-left: 10px;
 font-size: 12px;
}

.mr70 {
 margin-right: 70px;
}

@keyframes pulseSecondary {
 0% {
 box-shadow: 0 0 0 0 rgba(164, 0, 0, 0.2);
 }

 70% {
 box-shadow: 0 0 0 20px rgba(164, 0, 0, 0);
 }

 100% {
 box-shadow: 0 0 0 0 rgba(164, 0, 0, 0);
 }
}

@keyframes pulse {
 0% {
 box-shadow: 0 0 0 0 rgba(164, 0, 0, 0.4);
 }

 70% {
 box-shadow: 0 0 0 15px rgba(164, 0, 0, 0);
 }

 100% {
 box-shadow: 0 0 0 0 rgba(164, 0, 0, 0);
 }
}

@keyframes float {
 0% {
 transform: translateY(0px);
 }

 50% {
 transform: translateY(-12px);
 }

 100% {
 transform: translateY(0px);
 }
}

@media only screen and (max-width:768px) {
 .footer_con_items {
 display: flex;
 justify-content: space-between;
 flex-direction: column;
 padding: 0 10px 0 10px;
 }

 .footer_con_logo {
 display: flex;
 justify-content: center;
 width: auto;
 margin-top: 0px;
 }

 .footer_con_logo img {
 width: 160px;
 }

 .mr70 {
 margin-right: 0px;
 }

 .copyright {
 width: 100%;
 }

 .copyright span {
 display: block;
 margin-bottom: 10px;
 white-space: normal;
 word-break: auto-phrase;
 font-size: 12px;
 }

 .footer_con_item.mr60 {
 margin-right: 0px;
 }

 .codes {
 display: flex;
 margin-top: 10px;
 flex-wrap: wrap;
 gap: 10px;
 }

 .code_item {
 text-align: center;
 margin-right: 0px;
 font-size: 12px;
 width: 30%;
 }

 .support {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 padding: 0 20px;
 }

 .support_left {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 flex-wrap: wrap;
 }
 .sydw{
   width: 100%;
   display: flex;
   justify-content: center;
 }
 .support_right {
 display: flex;
 align-items: center;
 gap: 10px;
 font-size: 14px;
 margin: 10px 0 0 0 ;
 }
 .iplogo{
 width: 40px;
 }

}