<template>
  <div class="jdtrademark-services">
    <div class="jdtrademark-services-title">服务优势</div>
    <div class="wrap">
      <ul>
        <li v-for="(item, index) in serviceData" :key="index">
          <div>
            <img :src="item.img" alt />
          </div>
          <p>{{item.name}}</p>
          <p>{{item.text}}</p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import img1 from "../../../assets/imgs/services1.png";
import img2 from "../../../assets/imgs/services2.png";
import img3 from "../../../assets/imgs/services3.png";
import img4 from "../../../assets/imgs/services4.png";
import img5 from "../../../assets/imgs/services5.png";
import img6 from "../../../assets/imgs/services6.png";
export default {
  data() {
    return {
      serviceData: [
        {
          img: img1,
          name: "注册评估低风险",
          text:
            "商标注册存在驳回失败风险，京东云利用大数据分析和智能检索工具可快速查出近似商标注册信息及状态，帮助提高通过率"
        },
        {
          img: img2,
          name: "简化流程高效注册",
          text:
            "京东云提供商标自助申报系统，可自定义选择注册类别，同事利用工商大数据查询企业信息功能，提高申请效率"
        },
        {
          img: img3,
          name: "最快1分钟提交商标局",
          text:
            "京东云支持商标自助线上提交申请、线上跟进商标订单，利用人工智能提交机器人，最快实现1分钟提交至商标局"
        },
        {
          img: img4,
          name: "申请进度实时掌握",
          text:
            "京东云提供在线标准化服务，流程透明可视化，关键流程通过短信、邮件通知，申请进度一目了然"
        },
        {
          img: img5,
          name: "简单管理易维护",
          text:
            "在京东云商标管理控制台，数据在线保存实时同步到云端，各类进度随时掌握，方便查找各类商标订单"
        },
        {
          img: img6,
          name: "多种服务供您选择",
          text:
            "行业合作伙伴为您提供专业服务，可一对一进行问题解答与业务建议，满足您多元的商标需求"
        }
      ]
    };
  }
};
</script>

<style lang="scss" scoped>
.wrap {
  width: 1200px;
  margin: 0 auto;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jdtrademark-services {
  width: 100%;
  height: 530px;
  background: rgba(243, 246, 253, 1);
  box-sizing: border-box;
  padding-top: 50px;
}

.jdtrademark-services-title {
  width: 112px;
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFangSC;
  font-weight: 400;
  color: rgba(66, 71, 83, 1);
  line-height: 40px;
  margin: 0 auto 59px;
}

.jdtrademark-services ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.jdtrademark-services ul > li {
  box-sizing: border-box;
  text-align: center;
  width: 340px;
  margin-bottom: 26px;
}

.jdtrademark-services ul > li > div {
  width: 55px;
  margin: 0 auto;
  height: 55px;
}

.jdtrademark-services ul > li > div > img {
  width: 100%;
  height: 100%;
}

.jdtrademark-services ul > li > p:nth-of-type(1) {
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: PingFangSC-Medium, PingFangSC;
  font-weight: 500;
  color: rgba(55, 61, 67, 1);
}

.jdtrademark-services ul > li > p:nth-of-type(2) {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFangSC;
  font-weight: 400;
  color: rgba(76, 81, 87, 1);
}
</style>