<template>
  <div class="youlian_mian">
    <div class="friendship">
      <ul>
       <a href="http://www.mohurd.gov.cn/" target="_blank" style="height: 69px;overflow: hidden;">
          <li>
            <img alt=""  src="/static/images/friendlink/zhujianbu.png" />
          </li>
        </a>
        <a href="http://rcgz.mohurd.gov.cn" target="_blank"  style="height: 69px;overflow: hidden;">
          <li>
            <img alt=""
              src="/static/images/friendlink/congyeguanli.png" />
          </li>
        </a>

        <a href="http://yjt.fujian.gov.cn/" target="_blank" style="height: 69px;overflow: hidden;">
          <li>
            <img alt="" src="/static/images/friendlink/221107syb_logo.png"  />
          </li>
        </a>

        <a href="https://www.mem.gov.cn/" target="_blank" style="height: 69px;overflow: hidden;">
          <li>
            <img src="/static/images/friendlink/guojia.png" />
          </li>
        </a>
      </ul>
    </div>
  </div>
</template>

<style scoped>
.friendship {
  margin-top:20px;
  height: 100px;
}
.friendship ul {
  display: flex;
  justify-content: space-between;
}
.friendship ul li img {
  /* width: 100%; */
  width: 280px;
}
</style>
