.fotbox {position:relative;background-color: #333;color: #fff;/* padding: 50px 0px 40px; */overflow: hidden;background-image: url("../image/dibubj.png")}
.fotbox::before{content: '';position:absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgb(15 5 5 / 80%);z-index: 0;}
.footcontain {max-width: 1400px;margin: 0 auto;overflow: hidden;display: flex;align-items: center;padding: 50px 0px;position: relative;z-index: 1;}
.left-box {float: left;width: 50%;padding-right: 57px;}
.right-box {float: left;width: 50%;height: 114px;text-align: right;display: flex;align-items: center;padding-left: 57px;}
.logo img {height: 80px}
.nav-list {list-style-type: none;padding: 0;margin-top: 40px;display: flex;justify-content: space-between;}
.nav-item {/* margin-bottom: 10px; */}
.nav-item a {color: #fff;text-decoration: none;height: 100%;display: flex;}
.qr-code img {width: 114px;vertical-align: top;margin-right: 20px}
.qr-code:first-child img{}
.contact-info{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.contact-info .dh .lwycdiv{display: flex;}
.contact-info .dh .lwycdiv img{margin-right: 5px;}
.contact-info .dh .lwycdiv .wz{width: 32px;}
.contact-info .dh{display: flex;align-items: center;}
.contact-info .dh .xx{margin-left: 20px;text-align: left;}
.wei-xunxi {display: flex;color: #ffffff99;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;}
.single-office-info {display: flex;justify-content: space-between;margin-top: 30px;padding: 40px 55px;border: 1px solid #ddd;background: #fff;}
.nav-item a:hover{color: #009049;}
.ewmbox{display: flex;}
@media (max-width: 768px) {
  .left-box, .right-box {width: 100%;}
  .qr-code img {margin: 0 auto 20px}
  }
@media all and (max-width: 1920px) {
  /*.footcontain,.yqlj{max-width: 71%;}*/
  }
@media all and (max-width: 1599px) {
  /*.footcontain,.yqlj{max-width: 85%;}*/
  }
@media all and (max-width: 1439px) {
  /*.footcontain,.yqlj{max-width: 90%;}*/
  }
@media all and (max-width: 1250px) {
  .qr-code img{width: 100px;}
  }
@media all and (max-width: 1150px) {
  .right-box{padding-left: 0}
  .left-box{padding-right: 10px}
  }

@media all and (max-width: 900px) {
  .ewmbox{display: flex;width: 100%;margin-bottom: 30px;}
  .ewmbox .qr-code:nth-child(2){margin-left: 35%;}
  .footcontain{flex-direction: column;}
  .right-box{width: 100%;padding-left: 0;margin-top: 30px;flex-direction: column;height: 100%;align-items: flex-start;}
  .contact-info .dh .xx:last-child{font-size: 12px;}
  }

@media all and (max-width: 640px) {
  .footcontain,.yqlj{max-width: 90%;}
  .ewmbox{display: flex;width: 100%;}
  .ewmbox .qr-code:nth-child(2){margin-left: 20%;}
  .footcontain{flex-direction: column;}
  .right-box{padding-left: 0;margin-top: 30px;flex-direction: column;height: 100%;align-items: flex-start;}
  .contact-info .dh .xx:last-child{font-size: 12px;margin-left: 10px;}
  .contact-info .dh .xx{font-size: 12px;margin-left: 10px;}
  .contact-info{width: 100%}
  .contact .contactbox .contactleft{padding: 0;}
  .contact .contactbox .contactrigth{padding: 0;}
  .contact-info .dh{margin: 10px 0;}
  }