.footer{position:relative;background:url("../image/bjtp.png") no-repeat center / cover}
.footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#262442EF;z-index:0}
.footer .contain{}
.sx{width:1px;height:260px;opacity:1;background:#FFF3}
.footer .contain .footer-body{position:relative;display:flex;z-index:2;padding:73px 0 54px;justify-content:space-between;gap:45px;align-items: center;}
.footer .contain .footer-body .footer-left{}
.footer .contain .footer-body .foot-middle{display:flex;flex:1;justify-content:space-between;flex-direction: column;gap: 40px;}
.footer .contain .footer-body .foot-right{flex:0.5;display:flex;align-items: center;gap: 44px;}
.footer .footer-left .foot-logo{width:11rem;margin-bottom: 29px;}
.footer .footer-left .foot-logo img{}
.footer .footer-left .leftcontact{}
.footer .footer-left .leftcontact .title{color:#fff}
.footer .footer-left .leftcontact .contact-box{color:#fff;display:flex;flex-direction:column;gap:14px;margin-top:20px}
.footer .footer-left .leftcontact .contact-box .contact-li{display:flex;gap:16px;align-items:flex-start}
.footer .footer-left .leftcontact .contact-box .contact-li .li-left{width: 80px;display:flex;gap:4px;align-items:center}
.footer .footer-left .leftcontact .contact-box .contact-li .li-left i{}
.footer .footer-left .leftcontact .contact-box .contact-li .li-left span{}
.footer .footer-left .leftcontact .contact-box .contact-li .li-right{width:305px;display: flex;gap: 16px;}
.footer .footer-left .leftcontact .contact-box .contact-li .li-right span{}
.footer .footer-left .leftcontact .contact-box .contact-li .li-right a{}
.footer .foot-middle .menu-item{}
.footer .foot-middle .text{color: #aaa;}
.footer .foot-middle .menu-item .menu-li{color:#fff}
.footer .foot-middle .menu-item .son-li{display: grid;grid-template-columns: repeat(3,1fr);gap:14px 64px;margin-top:16px;}
.footer .foot-middle .menu-item .son-li .menu-son-li{color:#AAAAAA}
.footer .contain .footer-body .foot-right .weixin{display: flex;align-items: center;gap: 24px;}
.footer .contain .footer-body .foot-right .weixin .img{width: 160px;}
.footer .contain .footer-body .foot-right .weixin .img img{}
.footer .contain .footer-body .foot-right .weixin .weixinleft{font-weight: 500;color: #fff;display: flex;align-items: center;gap: 8px;}
.footer .contain .footer-body .foot-right .weixin .weixinleft .text{width: 18px;letter-spacing: 0px;}
.footer .contain .footer-body .foot-right .weixin .weixinleft .tjwx{width: 18px;letter-spacing: 0px;}
.footer .contain .footer-body .foot-right .douyin{width: 160px;display: flex;flex-direction: column;align-items: center;gap: 24px;}
.footer .contain .footer-body .foot-right .douyin .text{font-weight: 500;color: #fff;}
.wei-xunxi{display:flex;color:#666;text-align:center;justify-content:center;position:relative;z-index:1}
.wei-xunxi .contain-wei{width:100%;padding:15px 0;text-align:center;border-top:1px solid #ffffff33}
.wei-xunxi .contain-wei .conunt{color: #999;}
.wei-xunxi .contain-wei .conunt a{}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
  /* 1600 × (900) */
}

@media all and (max-width:1599px) {
  /* 1440 × (700)  */
  .footer .contain .footer-body {gap: 20px}
}

@media all and (max-width:1439px) {
  /* 1360 */
  .footer .contain .footer-body {gap: 20px}
}

@media all and (max-width:1359px) {
  /* 1280 */
  .footer .contain .footer-body {gap: 20px}
}

@media all and (max-width:1279px) {
  /* 1152 × (700) */
  .footer .contain .footer-body {gap: 20px;flex-direction: column;}
  .sx{display:none}
}

@media all and (max-width:1151px) {
  /* 1024 */
  .footer .contain .footer-body {gap: 20px}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
  /* 平板设备 720 适配 */
  .sx{display:none}
}
@media all and (max-width:640px) {
  /* 移动终端以上 360 适配 */
  .footer .contain .footer-body{flex-direction:column;padding:30px 15px;gap:30px}
  .sx{display:none}
  .footer .footer-left .leftcontact .contact-box .contact-li .li-left{width: 76px;text-wrap-mode: nowrap;}
  .footer .footer-left .foot-logo{height:auto}
  .footer .footer-left .leftcontact .contact-box .contact-li .li-right{width: unset;gap: 5px;}
  .footer .contain .footer-body .foot-middle{gap:15px}
  .footer .contain .footer-body .foot-right{justify-content:center;align-items:center}
  .wei-xunxi .contain-wei{padding:15px;line-height:1.5}


  .about_video_box .description{width: 90%;}
  .foot_front_container{flex-direction: column;}
}
