<template>
  <div class="four_card_container">
    <div class="card_container">
      <svg
        version="1.1"
        id="图层_1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        class="icon"
        viewBox="0 0 207 209"
        style="enable-background: new 0 0 207 209"
        xml:space="preserve"
      >
        <g>
          <g>
            <path
              class="st0"
              d="M80.73,133.85c-7.04,0-11.97-4.3-11.97-10.44V79.19c0-7.38,4.59-11.97,11.97-11.97h42.69
   c7.38,0,11.97,4.59,11.97,11.97v42.69c0,7.05-4.3,11.97-10.44,11.97H80.73z M80.5,123.63h43.15V78.96H80.5V123.63z"
            />
            <path
              class="st0"
              d="M137.15,200.93c-2.74,0-5.87-3.13-5.87-5.87v-27.67h-21.81v27.67c0,2.74-3.13,5.87-5.87,5.87
   c-2.74,0-5.87-3.13-5.87-5.87v-27.67H75.93v27.67c0,2.74-3.13,5.87-5.87,5.87s-5.87-3.13-5.87-5.87v-27.67h-4.8
   c-14.17,0-22.64-11.51-22.64-22.64v-4.8H9.07c-2.74,0-5.87-3.13-5.87-5.87c0-2.74,3.13-5.87,5.87-5.87h27.67V106.4H9.07
   c-2.74,0-5.87-3.13-5.87-5.87c0-0.47,0.1-4.64,3.58-4.64c0.46,0,0.96,0.07,1.49,0.2l0.39,0.1h28.08V74.38H9.07
   c-2.74,0-5.87-3.13-5.87-5.87c0-2.74,3.13-5.87,5.87-5.87h26.15v-4.8c0-14.17,11.51-22.64,22.64-22.64h4.8V7.53
   c0-2.74,3.13-5.87,5.87-5.87s5.87,3.13,5.87,5.87V35.2h21.81V7.53c0-4.33,3.16-5.87,5.87-5.87c2.74,0,5.87,3.13,5.87,5.87V35.2
   h21.81V7.53c0-5.87,3.16-5.87,4.34-5.87c2.74,0,5.87,3.13,5.87,5.87v26.15h4.8c14.17,0,22.64,11.51,22.64,22.64v4.8h27.68
   c2.74,0,5.87,3.13,5.87,5.87s-3.13,5.87-5.87,5.87h-27.68v21.81h27.68c2.74,0,5.87,3.13,5.87,5.87c0,1.63-1.11,3.4-2.59,4.57
   v-0.22h-27.91v21.81h27.68c2.74,0,5.87,3.13,5.87,5.87c0,2.74-3.13,5.87-5.87,5.87h-27.68v6.33c0,14.17-11.51,22.64-22.64,22.64
   h-4.8v27.67C143.01,197.81,139.89,200.93,137.15,200.93z M57.86,45.42c-6.42,0-10.9,4.48-10.9,10.9v88.43
   c0,6.42,4.48,10.9,10.9,10.9h88.43c6.42,0,10.9-4.48,10.9-10.9V56.32c0-6.42-4.48-10.9-10.9-10.9H57.86z"
            />
          </g>
        </g>
      </svg>
      <!-- <img :src="Hardware" alt="icon" class="icon" /> -->
      <h3 class="card_title">硬件定制</h3>
      <div class="desc">
        <p class="line">专业水下视学设备团队，研发出品多</p>
        <p>年的使用经验打磨的好产品</p>
      </div>
      <p class="en">HARDWARE</p>
    </div>
    <p class="ver_line"></p>
    <div class="card_container">
      <svg
        class="icon"
        version="1.1"
        id="图层_1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        viewBox="0 0 207 209"
        style="enable-background: new 0 0 207 209"
        xml:space="preserve"
      >
        <g>
          <g>
            <path
              class="st0"
              d="M15.2,37.67c0,1.36,0.73,2.62,1.91,3.3c1.18,0.68,2.63,0.68,3.81,0c1.18-0.68,1.91-1.94,1.91-3.3
			c0-1.36-0.73-2.62-1.91-3.3c-1.18-0.68-2.63-0.68-3.81,0C15.93,35.05,15.2,36.3,15.2,37.67L15.2,37.67z M15.2,37.67"
            />
            <path
              class="st0"
              d="M40.62,37.67c0,1.36,0.73,2.62,1.9,3.3c1.18,0.68,2.63,0.68,3.81,0c1.18-0.68,1.9-1.94,1.9-3.3
			c0-1.36-0.73-2.62-1.9-3.3c-1.18-0.68-2.63-0.68-3.81,0C41.34,35.05,40.62,36.3,40.62,37.67L40.62,37.67z M40.62,37.67"
            />
            <path
              class="st0"
              d="M27.93,37.67c0,1.36,0.73,2.62,1.91,3.3c1.18,0.68,2.63,0.68,3.81,0c1.18-0.68,1.91-1.94,1.91-3.3
			c0-1.36-0.73-2.62-1.91-3.3c-1.18-0.68-2.63-0.68-3.81,0C28.66,35.05,27.93,36.3,27.93,37.67L27.93,37.67z M27.93,37.67"
            />
            <path
              class="st0"
              d="M59.67,92.95L71.1,81.52c0.97-0.97,1.34-2.37,0.99-3.7c-0.35-1.32-1.39-2.35-2.71-2.7
			c-1.32-0.35-2.73,0.02-3.7,0.99L51.52,90.33c-1.48,1.49-1.48,3.89,0,5.37l14.17,14.21c0.72,0.72,1.69,1.13,2.71,1.13
			c1.02,0,1.99-0.41,2.71-1.13c1.48-1.49,1.48-3.89,0-5.37L59.67,92.95z M114.24,109.84c1.49,1.48,3.89,1.48,5.37,0l14.21-14.02
			c1.48-1.49,1.48-3.89,0-5.37l-14.21-14.21c-1.49-1.48-3.91-1.48-5.39,0.02c-1.48,1.49-1.47,3.91,0.02,5.39l11.43,11.43
			l-11.43,11.43C112.78,105.98,112.78,108.35,114.24,109.84L114.24,109.84z M101.59,77.33c-0.88-0.51-1.92-0.65-2.9-0.38
			c-0.98,0.26-1.81,0.91-2.32,1.79L82.3,103.43c-0.75,1.18-0.79,2.68-0.11,3.9c0.68,1.22,1.98,1.97,3.38,1.95
			c1.4-0.02,2.68-0.8,3.32-2.04l14.21-24.58c0.54-0.9,0.68-1.99,0.39-3C103.21,78.66,102.52,77.81,101.59,77.33L101.59,77.33z
			 M101.59,77.33"
            />
            <path
              class="st0"
              d="M196.31,130.11c-0.46,0-0.87-0.29-1.03-0.72c-1.52-3.99-3.67-7.71-6.36-11.01c-0.26-0.38-0.26-0.88,0-1.26
			c2.42-4.19,0.98-9.54-3.2-11.96l-2.86-1.71V33.86c0-3.03-1.2-5.94-3.35-8.08c-2.14-2.14-5.05-3.35-8.08-3.35H13.95
			c-6.31,0-11.43,5.12-11.43,11.43v96.56c0.02,4.89,3.98,8.86,8.88,8.88h52.09l-3.81,14.1H54.6c-7.64,0.01-14.28,5.25-16.04,12.69
			h-9.37c-2.1,0-3.81,1.71-3.81,3.81c0,2.1,1.71,3.81,3.81,3.81h97.05c-0.06,0.91,0.03,1.82,0.27,2.7c0.58,2.26,2.05,4.19,4.08,5.34
			l8.04,4.65c2.02,1.16,4.41,1.47,6.65,0.86c2.24-0.61,4.15-2.08,5.31-4.1c0.25-0.4,0.72-0.61,1.18-0.53
			c4.19,0.73,8.47,0.73,12.65,0c0.48-0.08,0.95,0.15,1.18,0.57c1.58,2.71,4.49,4.36,7.62,4.34c1.54,0.02,3.05-0.38,4.38-1.14
			l8.04-4.65c2.02-1.16,3.48-3.08,4.08-5.34c0.61-2.24,0.3-4.63-0.88-6.63c-0.27-0.39-0.27-0.9,0-1.29c2.69-3.3,4.84-7,6.36-10.97
			c0.15-0.44,0.56-0.73,1.03-0.72c4.83-0.02,8.74-3.93,8.76-8.76v-9.3C204.92,133.97,201.06,130.15,196.31,130.11L196.31,130.11z
			 M10.14,33.86c0-2.11,1.7-3.81,3.81-3.81h157.48c2.1,0,3.81,1.7,3.81,3.81v11.43H10.14V33.86z M11.39,131.67
			c-0.69,0-1.26-0.56-1.26-1.26v-77.5h165.1v46.72c-3.7-0.98-7.61,0.56-9.64,3.81c-0.24,0.38-0.7,0.58-1.14,0.49
			c-4.19-0.69-8.46-0.69-12.65,0c-0.45,0.1-0.91-0.1-1.14-0.49c-1.16-2.02-3.07-3.49-5.32-4.09c-2.25-0.6-4.64-0.28-6.65,0.89
			l-8.04,4.65c-2.02,1.14-3.49,3.05-4.08,5.3c-0.61,2.25-0.31,4.64,0.84,6.67c0.29,0.37,0.29,0.89,0,1.26
			c-2.7,3.31-4.85,7.02-6.36,11.01c-0.16,0.43-0.57,0.72-1.03,0.72c-1.87,0-3.68,0.6-5.18,1.71L11.39,131.67z M113.02,153.39H67.29
			l3.81-14.1h40.01v8.73C111.14,149.97,111.81,151.86,113.02,153.39L113.02,153.39z M54.64,161.01h67.83
			c0.87,1.76,1.86,3.45,2.97,5.07H46.6c1.47-3.09,4.58-5.06,8-5.07H54.64z M197.46,148.02c0,0.3-0.12,0.59-0.33,0.81
			c-0.21,0.21-0.5,0.33-0.81,0.33c-3.63,0.01-6.89,2.25-8.19,5.64c-1.22,3.21-2.94,6.21-5.11,8.88c-2.28,2.82-2.6,6.76-0.8,9.91
			c0.12,0.27,0.12,0.57,0,0.84c-0.07,0.31-0.26,0.57-0.53,0.72l-7.93,4.5c-0.27,0.15-0.58,0.18-0.88,0.1
			c-0.29-0.09-0.54-0.29-0.68-0.55c-1.84-3.14-5.44-4.83-9.03-4.23c-3.35,0.57-6.78,0.57-10.14,0c-3.6-0.59-7.2,1.11-9.03,4.27
			c-0.33,0.53-1.01,0.71-1.56,0.42l-8.04-4.65c-0.27-0.15-0.47-0.42-0.53-0.72c-0.12-0.27-0.12-0.57,0-0.84
			c1.78-3.16,1.46-7.08-0.8-9.91c-2.18-2.66-3.92-5.66-5.14-8.88c-1.31-3.3-4.49-5.47-8.04-5.49c-0.3,0-0.59-0.12-0.81-0.33
			c-0.21-0.21-0.33-0.5-0.33-0.81v-9.3c-0.01-0.31,0.11-0.6,0.32-0.82c0.22-0.22,0.51-0.33,0.82-0.32c3.62-0.01,6.86-2.26,8.15-5.64
			c1.21-3.22,2.95-6.22,5.14-8.88c2.26-2.83,2.58-6.75,0.8-9.91c-0.13-0.28-0.13-0.6,0-0.88c0.06-0.3,0.26-0.55,0.53-0.69l8.04-4.65
			c0.19-0.05,0.38-0.05,0.57,0c0.39,0,0.75,0.2,0.95,0.53c1.84,3.15,5.43,4.84,9.03,4.27c3.35-0.57,6.78-0.57,10.14,0
			c3.63,0.49,7.18-1.3,8.95-4.5c0.15-0.25,0.4-0.44,0.68-0.51c0.29-0.07,0.59-0.03,0.84,0.13l8.04,4.65
			c0.27,0.13,0.47,0.39,0.53,0.69c0.13,0.28,0.13,0.6,0,0.88c-1.8,3.14-1.48,7.06,0.8,9.87c2.17,2.68,3.89,5.69,5.11,8.92
			c1.23,3.45,4.46,5.78,8.12,5.87c0.31-0.01,0.6,0.11,0.82,0.32c0.22,0.22,0.33,0.51,0.32,0.82V148.02z M197.46,148.02"
            />
            <path
              class="st0"
              d="M158.09,126.07c-9.55,0-17.3,7.74-17.3,17.3s7.74,17.3,17.3,17.3c9.55,0,17.3-7.75,17.3-17.3
			S167.65,126.07,158.09,126.07L158.09,126.07z M158.09,153.05c-5.35,0-9.68-4.33-9.68-9.68c0-5.34,4.33-9.68,9.68-9.68
			c5.35,0,9.68,4.33,9.68,9.68c-0.04,5.32-4.36,9.6-9.68,9.6V153.05z M158.09,153.05"
            />
          </g>
        </g>
      </svg>
      <h3 class="card_title">软件定制</h3>
      <div class="desc">
        <p class="line">专业水下视学设备团队，研发出品多</p>
        <p>年的使用经验打磨的好产品</p>
      </div>
      <p class="en">SOFTWARE</p>
    </div>
    <p class="ver_line"></p>
    <div class="card_container">
      <svg
        version="1.1"
        id="图层_1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        class="icon"
        viewBox="0 0 207 209"
        style="enable-background: new 0 0 207 209"
        xml:space="preserve"
      >
        <g>
          <path
            class="st0"
            d="M67.19,167.88c-15.21,0-27.58-12.37-27.58-27.58c0-15.21,12.38-27.58,27.6-27.58
		c15.2,0,27.56,12.37,27.56,27.58C94.77,155.51,82.39,167.88,67.19,167.88z M67.21,121.22c-10.53,0-19.1,8.56-19.1,19.08
		s8.57,19.08,19.1,19.08c10.52,0,19.08-8.56,19.08-19.08S77.73,121.22,67.21,121.22z"
          />
          <path
            class="st0"
            d="M86.76,202.57c-3.02,0-5.9-1.29-7.91-3.55c-3.67-4.15-7.58-6.26-11.62-6.26c-4.01,0-7.92,2.11-11.62,6.26
		c-2.01,2.26-4.89,3.55-7.91,3.55c-0.87,0-1.73-0.11-2.55-0.32c-7.25-1.82-15.29-6.46-20.5-11.84c-2.75-2.83-3.68-6.93-2.43-10.69
		c1.76-5.29,1.63-9.74-0.38-13.22c-2.01-3.48-5.79-5.81-11.24-6.92c-3.87-0.79-6.95-3.64-8.04-7.44c-2.07-7.19-2.07-16.48,0-23.67
		c1.09-3.8,4.17-6.65,8.04-7.44c5.46-1.13,9.24-3.47,11.25-6.95c2.01-3.48,2.13-7.92,0.37-13.2c-1.24-3.75-0.31-7.85,2.43-10.69
		c5.18-5.37,13.22-10.01,20.49-11.84c0.83-0.21,1.69-0.32,2.56-0.32c3.02,0,5.9,1.29,7.91,3.55c3.67,4.15,7.58,6.26,11.62,6.26
		c4.01,0,7.92-2.11,11.62-6.26c2.01-2.26,4.89-3.55,7.91-3.55c0.87,0,1.73,0.11,2.55,0.31c7.25,1.82,15.3,6.47,20.5,11.84
		c2.75,2.83,3.68,6.93,2.43,10.69c-1.76,5.29-1.63,9.74,0.38,13.23c2.01,3.48,5.79,5.81,11.24,6.92c3.87,0.79,6.95,3.64,8.04,7.44
		c2.07,7.19,2.07,16.48,0,23.67c-1.09,3.8-4.17,6.65-8.04,7.44c-5.46,1.13-9.24,3.47-11.25,6.95c-2.01,3.48-2.13,7.92-0.37,13.2
		c1.25,3.75,0.31,7.85-2.43,10.69c-5.18,5.37-13.22,10.01-20.49,11.84C88.48,202.47,87.62,202.57,86.76,202.57z M67.21,184.21
		c4.49,0,11.25,1.57,17.93,9.07l0.91,1.02l1.32-0.34c5.74-1.46,12.12-5.14,16.24-9.37l0.95-0.98l-0.43-1.3
		c-3.15-9.53-1.13-16.17,1.11-20.05c2.23-3.89,6.95-8.94,16.8-11l1.34-0.28l0.37-1.31c1.61-5.7,1.61-13.06,0-18.76l-0.37-1.31
		l-1.34-0.28c-9.82-2.05-14.55-7.11-16.8-11c-2.24-3.87-4.25-10.5-1.11-20.06l0.43-1.3l-0.96-0.98c-4.16-4.25-10.53-7.92-16.24-9.36
		l-1.32-0.33l-0.91,1.02c-6.7,7.49-13.45,9.07-17.93,9.07c-4.49,0-11.25-1.57-17.93-9.06l-0.91-1.02l-1.32,0.33
		c-5.74,1.46-12.11,5.13-16.24,9.37l-0.95,0.98l0.43,1.3c3.15,9.53,1.14,16.17-1.11,20.05c-2.23,3.89-6.95,8.94-16.8,11l-1.34,0.28
		l-0.37,1.31c-1.61,5.7-1.61,13.06,0,18.76l0.37,1.31l1.34,0.28c9.81,2.05,14.55,7.11,16.8,11c2.24,3.87,4.25,10.5,1.11,20.06
		l-0.43,1.3l0.96,0.98c4.16,4.25,10.53,7.92,16.24,9.37l1.32,0.33l0.91-1.02C55.96,185.79,62.72,184.21,67.21,184.21z M143.21,65.11
		c-9.94,0-18.03-8.09-18.03-18.03s8.09-18.03,18.03-18.03s18.03,8.09,18.03,18.03S153.15,65.11,143.21,65.11z M143.21,37.56
		c-5.26,0-9.55,4.28-9.55,9.55c0,5.25,4.28,9.52,9.55,9.52c5.25,0,9.52-4.28,9.52-9.54C152.74,41.83,148.46,37.56,143.21,37.56z"
          />
          <path
            class="st0"
            d="M183.98,156.58c-1.09,0-2.14-0.47-2.88-1.3c-2-2.24-4.16-3.37-6.41-3.37c-2.28,0-4.44,1.14-6.42,3.38
		c-0.72,0.82-1.76,1.29-2.87,1.29c-0.32,0-0.63-0.04-0.94-0.12c-3.25-0.81-6.85-2.89-9.16-5.29c-1-1.03-1.34-2.52-0.89-3.89
		c0.94-2.85,0.84-5.28-0.3-7.25c-1.14-1.96-3.2-3.25-6.12-3.85c-1.38-0.28-2.53-1.34-2.92-2.71c-0.92-3.2-0.92-7.36,0-10.58
		c0.4-1.37,1.52-2.41,2.93-2.7c2.95-0.61,5.01-1.92,6.14-3.89c1.12-1.96,1.21-4.39,0.26-7.22c-0.45-1.36-0.12-2.85,0.88-3.87
		c2.34-2.42,5.94-4.49,9.18-5.3c0.3-0.07,0.63-0.11,0.94-0.11c1.09,0,2.14,0.47,2.87,1.3c2.01,2.24,4.16,3.37,6.42,3.37
		c2.28,0,4.44-1.14,6.42-3.38c0.72-0.82,1.77-1.29,2.87-1.29c0.31,0,0.63,0.04,0.94,0.12c3.26,0.81,6.85,2.89,9.16,5.29
		c1,1.03,1.34,2.52,0.89,3.89c-0.94,2.84-0.84,5.28,0.3,7.24c1.13,1.96,3.19,3.26,6.12,3.86c1.38,0.28,2.53,1.34,2.92,2.71
		c0.92,3.2,0.92,7.36,0,10.59c-0.39,1.36-1.52,2.4-2.93,2.7c-2.94,0.61-5.01,1.92-6.14,3.88c-1.12,1.96-1.21,4.39-0.26,7.22
		c0.45,1.36,0.11,2.85-0.88,3.87c-2.34,2.41-5.94,4.49-9.18,5.3C184.61,156.54,184.29,156.58,183.98,156.58z M174.69,143.4
		c2.72,0,5.32,0.7,7.74,2.08l3.35,1.91l0.02-3.85c0.01-2.76,0.71-5.37,2.08-7.75c0.92-1.61,2.65-3.9,5.66-5.66l3.33-1.94l-3.33-1.94
		c-2.36-1.38-4.27-3.29-5.68-5.68c-0.93-1.59-2.05-4.21-2.07-7.73l-0.02-3.84l-3.34,1.9c-3.03,1.72-5.89,2.08-7.75,2.08
		c-2.72,0-5.32-0.7-7.75-2.08l-3.35-1.91l-0.02,3.85c-0.01,2.76-0.71,5.37-2.08,7.75c-0.92,1.61-2.66,3.9-5.67,5.66l-3.33,1.94
		l3.33,1.94c2.36,1.38,4.27,3.29,5.68,5.68c0.93,1.58,2.05,4.22,2.07,7.73l0.02,3.84l3.34-1.9
		C169.97,143.77,172.83,143.4,174.69,143.4z M156.5,88.71c-1.84,0-3.61-0.79-4.85-2.17c-2.68-2.99-5.52-4.51-8.44-4.51
		c-2.95,0-5.8,1.52-8.45,4.52c-1.23,1.37-2.99,2.17-4.84,2.17c-0.55,0-1.06-0.06-1.54-0.19c-4.84-1.22-10.18-4.31-13.63-7.87
		c-1.67-1.73-2.23-4.24-1.47-6.55c1.26-3.78,1.15-7-0.32-9.55c-1.48-2.56-4.21-4.26-8.13-5.06c-2.37-0.49-4.25-2.23-4.91-4.55
		c-1.36-4.77-1.36-10.93,0-15.69c0.66-2.33,2.55-4.07,4.91-4.55c3.93-0.8,6.66-2.5,8.14-5.06c1.47-2.55,1.58-5.77,0.32-9.56
		c-0.77-2.3-0.21-4.8,1.47-6.54c3.45-3.58,8.79-6.66,13.6-7.85c0.52-0.13,1.03-0.2,1.57-0.2c1.84,0,3.61,0.79,4.84,2.17
		c2.68,2.99,5.52,4.51,8.45,4.51c2.95,0,5.8-1.52,8.45-4.52c1.23-1.38,2.99-2.17,4.84-2.17c0.53,0,1.05,0.07,1.55,0.19
		c4.83,1.22,10.17,4.3,13.61,7.86c1.67,1.73,2.23,4.24,1.47,6.55c-1.26,3.78-1.15,6.99,0.32,9.55c1.48,2.56,4.21,4.26,8.13,5.07
		c2.37,0.49,4.25,2.23,4.91,4.55c1.37,4.77,1.37,10.93,0,15.69c-0.66,2.33-2.55,4.07-4.91,4.55c-3.92,0.8-6.66,2.5-8.14,5.06
		c-1.47,2.55-1.58,5.77-0.32,9.56c0.77,2.3,0.2,4.8-1.48,6.54c-3.44,3.58-8.78,6.66-13.59,7.85
		C157.55,88.64,157.04,88.71,156.5,88.71z M143.21,73.54c3.22,0,8.08,0.95,12.94,5.46l1.07,0.99l1.34-0.56
		c1.72-0.72,3.48-1.74,4.96-2.86l1.16-0.88l-0.33-1.42c-1.48-6.44,0.14-11.14,1.75-13.94c1.6-2.78,4.84-6.51,11.19-8.48l1.39-0.43
		l0.18-1.45c0.22-1.84,0.22-3.87,0-5.71l-0.18-1.45l-1.39-0.43c-6.35-1.97-9.59-5.7-11.19-8.48c-1.61-2.79-3.21-7.48-1.75-13.95
		l0.32-1.42l-1.16-0.87c-1.49-1.13-3.25-2.14-4.96-2.86l-1.34-0.56l-1.06,0.99c-4.86,4.51-9.72,5.45-12.94,5.45
		c-3.22,0-8.08-0.95-12.94-5.45l-1.06-0.99l-1.34,0.56c-1.64,0.69-3.39,1.7-4.94,2.85l-1.18,0.88l0.33,1.43
		c1.48,6.44-0.14,11.14-1.75,13.94c-1.6,2.78-4.84,6.51-11.19,8.48l-1.39,0.43l-0.18,1.45c-0.22,1.84-0.22,3.86,0,5.7l0.18,1.45
		l1.39,0.43c6.35,1.97,9.59,5.7,11.19,8.48c1.61,2.79,3.21,7.48,1.75,13.95l-0.32,1.41l1.15,0.88c1.48,1.12,3.24,2.14,4.96,2.86
		l1.34,0.56l1.07-0.99C135.13,74.48,139.99,73.54,143.21,73.54z"
          />
        </g>
      </svg>
      <h3 class="card_title">结构定制</h3>
      <div class="desc">
        <p class="line">专业水下视学设备团队，研发出品多</p>
        <p>年的使用经验打磨的好产品</p>
      </div>
      <p class="en">STRUCTURE</p>
    </div>
    <p class="ver_line"></p>
    <div class="card_container">
      <svg
        version="1.1"
        id="图层_1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        viewBox="0 0 207 209"
        style="enable-background: new 0 0 207 209"
        class="icon"
        xml:space="preserve"
      >
        <g>
          <path
            class="st0"
            d="M91.38,181.76c-7.55,0-13.7-6.15-13.7-13.71c0-7.55,6.15-13.7,13.7-13.7c7.56,0,13.7,6.15,13.7,13.7
		C105.08,175.61,98.94,181.76,91.38,181.76z M91.38,165.19c-1.58,0-2.87,1.29-2.87,2.87c0,1.59,1.29,2.87,2.87,2.87
		c1.58,0,2.87-1.29,2.87-2.87C94.25,166.47,92.96,165.19,91.38,165.19z M115.78,179.87c-4.43,0-8.01-2.04-9.59-5.44
		c-1-2.14-1.07-4.65-0.2-7.05c1.21-3.31,4.07-6.21,7.85-7.97c2.22-1.03,4.59-1.57,6.85-1.57c1.52,0,2.96,0.24,4.28,0.73
		c2.4,0.88,4.28,2.57,5.27,4.74c0.99,2.1,1.08,4.61,0.22,7.01c-1.19,3.3-4.04,6.21-7.84,7.99
		C120.39,179.33,118.03,179.87,115.78,179.87z M116.79,154.3c-32.4,0-58.76-26.36-58.76-58.76c0-32.41,26.36-58.78,58.76-58.78
		c32.4,0,58.76,26.37,58.76,58.78C175.55,127.94,149.19,154.3,116.79,154.3z M116.79,47.59c-26.43,0-47.93,21.51-47.93,47.95
		c0,26.43,21.5,47.93,47.93,47.93c26.43,0,47.93-21.5,47.93-47.93C164.72,69.1,143.22,47.59,116.79,47.59z"
          />
          <path
            class="st0"
            d="M39.67,208c-1.56,0-3.11-0.39-4.49-1.13l-12.74-6.89c-2.2-1.17-3.84-3.17-4.57-5.61
		c-0.72-2.37-0.45-5,0.73-7.2l4.56-10.65c-3.34-2.9-6.51-6.05-9.46-9.38L12,165.2l0.51-2.93L51.31,8.75l2.7-1.23
		c11.27-4.15,22.86-6.24,34.5-6.24c26.68,0,51.75,10.39,70.61,29.25c18.86,18.86,29.25,43.94,29.25,70.62
		c0,17.99-4.82,35.57-13.95,50.96c0,0.09-0.01,0.17-0.01,0.26l18.44,24.75c3.18,3.6,2.83,9.58-1.04,13.04l-10.8,9.63
		c-1.78,1.56-4.01,2.4-6.33,2.4c-2.7,0-5.27-1.14-7.05-3.14l-19.19-18.01c-7.79,5.86-16.34,10.51-25.48,13.88
		c-11.02,4.05-22.61,6.1-34.44,6.1c-12.05,0-23.79-2.12-34.95-6.32l-5.75,8.73c-0.97,1.84-2.95,3.46-5.36,4.19
		C41.57,207.86,40.63,208,39.67,208z M39.23,196.74l19.16-29.08l0.62-0.08c-1.77-1.97-4.56-4.07-7.73-5.77
		c-3.51-1.89-6.66-2.87-8.88-3.24l0.04,0.07l-0.94,2.67l-12.78,29.74L39.23,196.74z M149.41,167.23l1.75,1.48l23.57,22.17l8.93-7.97
		l-20.8-27.92l0.13-0.6c-2.11,0.86-5.01,2.58-8.03,5.28c-3.31,2.95-5.28,5.68-6.29,7.57H149.41z M59.7,185.37
		c9.25,3.18,18.92,4.8,28.82,4.8c10.56,0,20.89-1.83,30.71-5.44c6.85-2.52,13.34-5.86,19.37-9.97c-0.91-1.26-1.75-3.18-1.6-5.86
		c0.3-5.13,4.32-11.61,10.76-17.33c6.08-5.44,12.7-8.69,17.7-8.69l0.67,0.02c0.35,0.02,0.68,0.05,0.99,0.1
		c6.83-12.84,10.43-27.21,10.43-41.86c0-23.78-9.26-46.14-26.08-62.96c-16.82-16.81-39.17-26.07-62.95-26.07
		c-9.43,0-18.86,1.55-28.05,4.62L23.74,162.05c1.28,1.36,2.6,2.67,3.95,3.94l2.93-6.83c-0.99-3.19-0.22-5.56,0.44-6.81
		c1-1.84,3.51-4.8,9.53-4.8c4.56,0,10.19,1.67,15.84,4.71c4.55,2.46,8.51,5.53,11.13,8.63c5.05,5.97,3.89,10.42,2.75,12.53
		c-0.69,1.27-2.25,3.26-5.5,4.19L59.7,185.37z"
          />
        </g>
      </svg>
      <h3 class="card_title">硬件定制</h3>
      <div class="desc">
        <p class="line">专业水下视学设备团队，研发出品多</p>
        <p>年的使用经验打磨的好产品</p>
      </div>
      <p class="en">HARDWARE</p>
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.four_card_container {
  display: flex;
  align-items: center;
  .card_container {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 40px 0;
    .icon {
      width: 60px;
      height: 60px;
      margin-bottom: 42px;
      fill: $theme-color;
    }
    .card_title {
      font-size: 18px;
      font-weight: 500;
      color: #3d3d3d;
      margin-bottom: 59px;
    }
    .desc {
      font-size: 14px;
      font-weight: 300;
      color: #7e7e7e;
      text-align: center;
      // white-space: nowrap;
      margin-bottom: 99px;
      .line {
        margin-bottom: 10px;
      }
    }
    .en {
      font-size: 14px;
      font-family: Cottorway Typeface;
      font-weight: 500;
      color: #7e7e7e;
      white-space: nowrap;
    }
    &:hover {
      box-shadow: 0 10px 30px 0 rgba(136, 150, 171, 0.15);
      border-radius: 10px;
    }
  }

  .ver_line {
    height: 260px;
    width: 1px;
    background: #ededed;
  }
}
</style>
