webs/驭鑫/new yxsilicon/css/footer.css

.footer{
    width: 100%;
    height: 70vh;
    background: #181E2E;
    z-index: 1;
    margin-top: -5vw;
    padding-top: 10vw;
    overflow: hidden;
   }
   .footer-main{
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 0 5vw;
   }
   .footer-main .footer-logo{
    width: 35vw;
    height: 45vh;
    border-right: 1px solid #fff;
   
  
   }

   .footer-main .footer-logo img{
    width: 6vw;
    height:auto;
   }
   .footer-main .footer-logo div:nth-of-type(1){

    margin-top: 3vw;
   
   }

   .footer-main .footer-logo div:nth-of-type(2) a{

    color: rgba(255, 255, 255, 0.9);
   
   }
   .footer-main .footer-logo div:nth-of-type(2) a:hover{

    color: #00A0D2;
   
   }

   .footer-main .footer-logo div{
    font-size: 0.8vw;
    color: rgba(255, 255, 255, 0.9);
    margin-top: 1vw;
    letter-spacing: 0.06vw;
   }


   .footer-links{
    width: 65vw;
    height: 45vh;
    /* background: palegoldenrod; */
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-left: 1vw;
   }
   .footer-links div{
    width: 18vw;
    height: 80%;
    /* background: palegoldenrod; */
    display: flex;
    flex-direction: column;
    /* justify-content: space-around; */
    align-items: center;
    padding-left: 2vw;
    padding-top: 2vw;
   }

   .footer-links h4{
    font-size: 1vw;
    color:#747A78;
    margin-bottom: 1vw;
    font-weight: 400;
    text-align: left;
    width: 90%;
   }
   .footer-links-list{
    width: 90%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-around; */
    align-items: left;
   }

   .footer-links-list li {
     margin-top: 2vh;
   }


   .footer-links-list li a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.8vw;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 0.5vw;
   }
   .footer-links-list li a:hover{
      color:#00A0D2;    
   }

   
  

   .footer-links-list li a img{
     width: 0.8vw;
    margin-right: 5px;
   }
   
   .footer-bottom{
    width: 100%;
    margin: 0 auto;
    padding: 0 5vw;
    text-align: right;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8vw;
   }

    .footer-bottom .record{
      color: rgba(255, 255, 255, 0.7);
    }

    .footer-bottom .record:hover{
      color: #00A0D2;
    }