<template>
  <div id="patent">
    <van-row>
      <van-col span="24" class="main">
        <div class="w_1200">
          <van-col span="24" class="one">
            <van-col span="24" class="one_1"> 吉林省专利市场简介 </van-col>
            <van-col span="24" class="one_2">
              <van-col span="24" class="two_1">
                <p>
                  吉林省科技大市场专利分市场2019年6月由吉林省技术产权交易中心批复建设，由吉林省科企技术转移转化研究院有限责任公司与吉林省科技大市场和长春新区科技局联合共建。
                </p>
                <el-image :src="img_one" class="image"></el-image>
              </van-col>
              <van-col span="24" class="two_2">
                <van-col span="24" class="txt">“吉林专利市场”公众号</van-col>
                <van-col span="24" class="info">
                  <van-col span="16" class="info_1">
                    整合利用省内优势文献信息资源，建设“吉林专利市场”公众号，打造权威专利信息平台和特色专利数据库，嵌入政策资讯、法律法规、研究报告数据库模块，助力提升专利信息分析利用能力。联合省内现有专利平台和服务机构，建设专利超市，开展专利检索、专利转让、专利需求和专利导航服务。
                  </van-col>
                  <van-col span="8" class="image">
                    <el-image :src="img_two" class="images"></el-image>
                  </van-col>
                </van-col>
              </van-col>
              <van-col span="24" class="two_3">
                <van-col span="24" class="txt">“e 专利”平台</van-col>
                <van-col span="24" class="info">
                  <van-col span="10" class="info_1">
                    以吉林省发明和科技评价协会为支撑，搭建吉林省“e专利”平台，完善发明人和发明专利数据库，以统一开放的技术交易平台为纽带，以项目承担单位的信息资源和专家人才为依托，加强专利成果供给与转化应用，
                  </van-col>
                  <van-col span="14" class="image">
                    <el-image :src="img_thr" class="images"></el-image>
                  </van-col>
                  <van-col span="24" class="info_2">
                    形成紧密互动的专利技术转移网络，构建吉林省科技大市场专利分市场信息基础，嵌入吉林省科技大市场网上市场功能，打造全省发明专利专门交易平台。
                  </van-col>
                </van-col>
              </van-col>
              <van-col span="24" class="two_4">
                <el-image :src="img_four" class="image"></el-image>
              </van-col>
            </van-col>
          </van-col>
        </div>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'patent',
  props: {},
  components: {},
  data: function () {
    return {
      img_one: require('@a/patent_1.png'),
      img_two: require('@a/patent_2.png'),
      img_thr: require('@a/patent_3.png'),
      img_four: require('@a/patent_4.png'),
    };
  },
  created() {},
  methods: {},
  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped>
.w_1200 {
  max-width: 1000px;
  margin: 0 auto;
}
.main {
  padding: 3% 0;
  .one {
    .one_1 {
      font-size: 30px;
      font-weight: bold;
      text-align: center;
      margin: 0 0 20px 0;
      font-family: 'Courier New', Courier, monospace;
    }
    .one_2 {
      padding: 4% 10%;
      border-radius: 5px;
      box-shadow: 0 0 0 1px #ccc;
      .two_1 {
        margin: 0 0 20px 0;
        text-align: center;
        p {
          font-size: 20px;
          text-align: left;
          margin: 0 0 10px 0;
          font-family: '宋体';
          line-height: 40px;
          text-indent: 2rem;
          letter-spacing: 5px;
        }
        .image {
          width: 75%;
          border-radius: 5px;
        }
      }
      .two_2 {
        margin: 0 0 20px 0;
        .txt {
          font-size: 20px;
          text-align: left;
          margin: 0 0 10px 0;
          font-family: '宋体';
          line-height: 40px;
          text-indent: 2rem;
          font-weight: bold;
        }
        .info {
          .info_1 {
            font-size: 20px;
            text-align: left;
            font-family: '宋体';
            line-height: 40px;
            text-indent: 2rem;
            letter-spacing: 5px;
          }
          .image {
            text-align: center;
            .images {
              width: 100%;
              border-radius: 5px;
            }
          }
        }
      }
      .two_3 {
        margin: 0 0 20px 0;
        .txt {
          font-size: 20px;
          text-align: left;
          margin: 0 0 10px 0;
          font-family: '宋体';
          line-height: 40px;
          text-indent: 2rem;
          font-weight: bold;
        }
        .info {
          .info_1 {
            font-size: 20px;
            text-align: left;
            font-family: '宋体';
            line-height: 40px;
            text-indent: 2rem;
            padding: 0 10px 0 0;
            letter-spacing: 5px;
          }
          .image {
            .images {
              width: 100%;
              height: 300px;
              overflow: hidden;
            }
          }
          .info_2 {
            font-size: 20px;
            text-align: left;
            margin: 0 0 10px 0;
            font-family: '宋体';
            line-height: 40px;
            padding: 0 10px 0 0;
            letter-spacing: 5px;
          }
        }
        // .txt {
        //   font-size: 22px;
        //   text-align: left;
        //   font-family: cursive;
        //   line-height: 45px;
        //   p:nth-child(1) {
        //     margin: 0 0 0 10px;
        //     font-weight: bold;
        //   }
        //   p:nth-child(2) {
        //     padding: 0 5px;
        //     text-indent: 2rem;
        //   }
        // }
        // .image {
        //   text-align: center;
        //   margin: 45px 0 0 0;
        //   .images {
        //     width: 500px;
        //     height: 300px;
        //     overflow: hidden;
        //     border-radius: 5px;
        //   }
        // }
        // .text {
        //   font-size: 22px;
        //   text-align: left;
        //   margin: 0 0 10px 0;
        //   font-family: cursive;
        //   line-height: 45px;
        //   p {
        //     padding: 0 5px;
        //   }
        // }
      }
      .two_4 {
        text-align: center;
        .image {
          width: 100%;
          height: 400px;
          overflow: hidden;
          border-radius: 5px;
        }
      }
    }
  }
}
</style>
