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

        <a href="http://220.160.52.164:9081/portalWeb/webPortal/toIndexPage" target="_blank">
          <li style="padding:12px; border: 1px solid #DDDDDD;">
            <img alt="" src="/static/images/friendlink/fjjscyry.png"  />
          </li>
        </a>

        <a href="http://www.cabp.com.cn" target="_blank">
          <li>
            <img src="/static/images/friendlink/jianzhugongye.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>
