<template>
    <common-header/>
    <div class="content">
      <div class="title">
        特色课程展 <span>艺术视野</span><span>-艺术联盟</span>
      </div>
      <div class="img">
        <a href="http://www.namoc.org/quanjing/2016/20170116_msd/index.html">
        <img src="../../../assets/ysgc/xsysz.png" alt="">
        </a>
      </div>
    </div>
  <common-footer/>
  </template>

  <script setup>
  // import CommonHeader from "@/components/CommonHeader/index.vue";;
  import { ref } from "vue";
  const name=ref('index');
  const kmActiveName = ref('a')
  const njActiveName = ref('a')
  const searMsg = ref('');
  </script>

  <style lang="scss" scoped>
  .content {
    width: 100%;
    min-width: 1280px;
    margin: 0 auto;
  }
  .title {
    width: 1280px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #050026;
    margin: 0 auto;
    span:first-of-type {
      width: 56px;
      height: 20px;
      font-size: 14px;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: left;
      color: #949494;
      line-height: 20px;
      margin-left: 10px;
    }
    span:last-of-type {
      width: 56px;
      height: 20px;
      font-size: 14px;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: left;
      color: #000000;
      line-height: 20px;
    }
  }
  .img{
    width: 100%;
    min-width: 1280;
    margin: 0 auto;
    img{
        width: 100%;
    }
  }

  </style>

