@charset "UTF-8";

.foot .foot-bg {
    background-image: url(/static/web/images/foot-bg.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
  
    margin-top: 50px;
    
    width: 100%;

    height: 320px;
}

.foot .mains{
  /* height: 1080px; */
  /* width: 1920px; */
  margin: auto;
  display: flex;
  flex-direction: column;
  /* background: center center no-repeat; */
  /* background-image: url(/static/web/images/footer-bg.png) ; */
  background: center top no-repeat;
  background-image: url(/static/web/images/foot-main-bg.jpg);
  background-blend-mode: color-burn;
  background-size: 100% 100%;
  position: relative;

  .contact {
    margin: auto;
    width: 1080px;
    padding-top: 150px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    .left {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;

        .item {
            color: #ABBEE2;
            font-size: 14px;

        }
    }

    .right {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;

        img {
            padding-left: 10px;
        }
    }
  }

  .totop {
    width: 80px;
    height: 80px;
    background-image: url(/static/web/images/totop.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    bottom: 10px;
    right: 150px;
    display: flex;
    flex-direction: row;
  }
  .totop:hover {
    cursor: pointer;

  }
}