<template>
  <div class="comFooter">
    <div class="footer-top">
      <div class="footer-l"><p class="form-tip">立即预约，开启智能安全之旅！</p>
        <form class="form"><input placeholder="请输入您的电话 +86" class="form-ipt" type="tel" maxlength="11"><!---->
          <button class="EASE form-sbmt" type="submit">预约 <i class="EASE ICO ic-arow"></i></button>
        </form>
        <p class="contact-tip">联系我们</p>
        <div class="contact-item"><i class="ICO ic-phone-g"></i> 电话：027-83391083</div>
        <div class="contact-item"><i class="ICO ic-mail-g"></i> 邮箱：jyhlab@jyhlab.org.cn</div>
        <div class="contact-item"><i class="ICO ic-addr-g"></i> 地址：武汉市东西湖区G347国家网络安全人才与创新基地</div>
        <div class="contact-media">
          <div class="media-item EASE"><img src="@/assets/imgs/gzh.jpg" alt="公众号"> 公众号</div>
<!--          <div class="media-item m-sph EASE"><img src="https://www.chaitin.cn/_nuxt/shipinhao.BWbq9rer.png" alt="视频号">-->
<!--            视频号-->
<!--          </div>-->
<!--          <div class="media-item m-bz EASE"><img src="https://www.chaitin.cn/_nuxt/bzhan.CjlwQaqe.png" alt="B站"> B站-->
<!--          </div>-->
        </div>
      </div>
      <div class="footer-r">
        <div class="r-links"><h5>产品与服务</h5>
          <ul>
            <li><a href="javascript:;" class="">SBOM 分析</a></li>
            <li><a href="javascript:;" class="">供应链漏洞检测</a></li>
            <li><a href="javascript:;" class="">恶意代码检测</a></li>
            <li><a href="javascript:;" class="">未知漏洞检测</a></li>
            <li><a href="javascript:;" class="">合规性检测</a></li>
          </ul><!----></div>
        <div class="r-links"><h5>解决方案</h5>
          <ul>
            <li><a href="javascript:;" class="">能源行业</a></li>
            <li><a href="javascript:;" class="">金融行业</a></li>
            <li><a href="javascript:;" class="">交通行业</a></li>
          </ul>
        </div>
        <div class="r-links"><h5>资源中心</h5>
          <ul>
            <li><a target="_blank" href="javascript:;">漏洞数据库</a><!----></li>
            <li><a target="_blank" href="javascript:;">威胁情报库</a><!----></li>
            <li><a target="_blank" href="javascript:;">安全事件中心</a><!----></li>
            <li><a target="_blank" href="javascript:;">开发者文档</a><!----></li>
          </ul>
        </div>
        <div class="r-links"><h5>关于我们</h5>
          <ul>
            <li><!----><a href="javascript:;" class="">公司简介</a></li>
            <li><a target="_self" class="LNK" href="javascript:;">加入我们</a><!----></li>
            <li><!----><a href="javascript:;" class="">联系方式</a></li>
          </ul>
        </div>
        <div class="r-links"><h5>Tcode站点</h5>
          <ul>
            <li><a target="_blank" href="https://tcode.com.cn/openRepoPortal/home">可信开源代码库</a><!----></li>
            <li><a target="_blank" href="https://zzjh.org.cn/#/">创新资助计划平台</a><!----></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-botm">
      <div class="Wrap">
        <div class="beian"> © 2025 武汉金银湖实验室 ｜ <a href="" target="_blank" rel="noreferrer">京ICP备xxxxxxx号</a>
          ｜ <a href="" target="_blank"
               rel="noreferrer"> 京公网安备 京ICP备xxxxxxx号 </a> ｜ <a href="/html/legal.html" target="_blank"
                                                                 rel="noreferrer">法律声明</a> ｜ <a
            href="/html/privacy.html" target="_blank" rel="noreferrer">隐私政策</a> ｜ <a
            href="/html/privacy.html" target="_blank" rel="noreferrer">服务条款</a></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "ComFooter"
}
</script>

<style lang="scss" scoped>
.comFooter {
  background-color: #fff
}

.comFooter.EN .r-links {
  margin-right: 30px
}

.comFooter.EN .contact-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.comFooter.EN .contact-item .ICO {
  position: relative;
  top: 9px
}

.comFooter.EN .contact-item .ic-addr-g {
  top: 6px
}

.comFooter .contact-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0 0
}

.comFooter .contact-media .media-item {
  margin: 0 30px 0 0;
  text-align: center;
  width: 80px
}

.comFooter .contact-media .media-item img {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 11px 2px rgba(0,0,0,.08);
  box-shadow: 0 2px 11px 2px #00000014;
  display: block;
  margin: 0 0 10px;
  padding: 10px;
  width: 100%
}

.comFooter .footer-l {
  position: relative
}

.comFooter .footer-l:after {
  background-color: gray;
  bottom: 0;
  content: "";
  position: absolute;
  right: -50px;
  top: 0;
  width: 1px
}

.comFooter .footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px 45px
}

.comFooter .footer-botm {
  background-color: #252525;
  color: #b0b0b0;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px
}

.comFooter .footer-botm .Wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 24px;
  padding: 18px 45px
}

.comFooter .form-tip {
  color: #333;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 35px;
  margin: 0 0 24px
}

.comFooter .form {
  position: relative;
  width: 363px
}

.comFooter .form-ipt {
  background: #f5f5f5;
  border: none;
  border-radius: 8px;
  color: #333;
  font-size: 12px;
  font-weight: 400;
  height: 41px;
  line-height: 40px;
  padding: 0 12px;
  width: 100%
}

.comFooter .form-ipt:focus-visible {
  border: none
}

.comFooter .form-sbmt {
  background: #4bad52;
  border: none;
  border-radius: 0 8px 8px 0;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 41px;
  letter-spacing: .5px;
  line-height: 41px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 119px
}

.comFooter .form-sbmt .ICO {
  left: 6px;
  position: relative
}

.comFooter .form-sbmt:hover {
  background: #7aba4a
}

.comFooter .form-sbmt:hover .ICO {
  left: 15px;
  position: relative
}

.comFooter .footer-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 100px;
  position: relative
}

.comFooter .r-links {
  margin: 0 55px 0 0;
  white-space: nowrap
}

.comFooter .r-links:last-child {
  margin-right: 0
}

.comFooter .r-links h5 {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px
}

.comFooter .r-links ul {
  margin: 17px 0 0
}

.comFooter .r-links li {
  color: gray;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  list-style: none
}

.comFooter .r-links a:link,.comFooter .r-links a:visited {
  color: gray;
  -webkit-text-decoration: none;
  text-decoration: none
}

.comFooter .r-links a:hover {
  color: #4bad52
}

.comFooter .contact-tip {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin: 51px 0 12px
}

.comFooter .contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px
}

.comFooter .contact-item .ICO {
  margin-right: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.comFooter .contact-item .ic-phone-g {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAMAAABAUVr7AAAAAXNSR0IArs4c6QAAAtBQTFRFAAAAAP8AgICAVapVQL9AM5lmVapVSbZJQJ9gVapVVapVTrFOSaRbRKpVUK9QS7RLR6pVUa5RTbNNSapVRq5RTrFOSqpVTrFOTKpVSa1ST7BPTKpVSq1SSK9QTapVS61TTKxTSKpVS65RSrBPTqxTTK5RSq9QUKpVSaxTS69QSrFOSqxTSqxTTK5RTrFSSa1SSq1STa5VTa5RTKtUS6lWS61TS6lTTq5VSa9QS6xTSKxTSq5RTKxTSq5RTatUSq5RS65RSK5RTK1SSa1PSapSSqxTS6xTSq1SS65RS69QS61SSq1SSqxTTK5RSqxTSqxRTKxTTK9TSqxTS61STK5RTKxTTK1QSa1SS6xTTK9QS61USq9STK1SS65RSa5RTK1STKxTS65TTK5RSq5RS6xTS61SSq5RTK5RS61TTK5RS61STK5RSqxTS61QS61TTK1SSq5RS65RS65RS61STKxSTK1STKxTS65RSq1SS6xTS61SS65SS61SSq5RS61STK1RSq1SSa5RTK1SS61SS61SS6xTS6xSSqxTTK1SS61SS65RS61STK1SSq1SS61TS61STKxSSq5RS65RS61SS61RSq1SS65TS6xTS61TS61SS61RTK1SS61SS61STK5TTK5RTKxTTKxRS65RTK1SSq1SS61SSq1SS65RSqxSS61SSq1RS61SS6xTS6xSTK5RTK1STK1RS61SS6xTS65SS65RTK1SS65SS61SS61SS6xSTK5STK5RTK1SSq1SS6xTS6xSSqxSS65RS61STK5SS65RTK1SS61SS61TS61SS61TS65SS65RS61SSq1TS6xSS6xTS61STK5STK1SS61SSqxTTK1SS61RTK1STKxSS61SS65SS61SS65SS61TS61SSq1SS6xTS65RSq1STK1SS61STKxTTK5STK1SS61STKxTTKxSS6xSS65SS61SSq1RS61SOBldxgAAAO90Uk5TAAECAwQFBgcICQwNDg8QERITFBUWFxgaGxwdHh8gISIlJyktLi8wMDEzNDQ3OTs7Pj8/QEFEREVGR0dISkxMT1JSVFRUWVxgYmNjZGhra2tsb29wdXV2dnt8fX+DhISGh4iKiouMjZCTlJWXl5mcnp6go6Slq6ytr7C1t7e5ur2+v8PExcXFxcbGycnKy8zNzs/Q0NDR0tLT09PU1NbY2NjY2dvc3d3f3+Dg4eHh4uLi5OTl5eXm5ufn6Ojp6urq6uvr7Ozs7O3t7u/v7/Dw8fLz8/T09fX29vf4+Pn6+vr6+/v8/Pz9/f39/f3+/v7UCC1AAAAB+ElEQVR42mNgIBYI6lpa6wjgUcDp27/99u1Nvd4cuFSI77n8ZPX0metfn68Rw65CqvX9mgQVfkG13JPvl2NXk/7uuB2E5bDpSTw2FSKz74bC2JEvp/JjUWJ0YqUyjK29dYcuFiW2j2fCPcI795IlFiWm16bBDZddvFkbixL9PQvFYezge1OEsCiRnn9QH8p0OPkwiRGLEpbu9z4QluG+9+2CWMMl7X0dWKvMqrfzRLGHrvGhpYogmq3/jT+uSGx5nwxmlL4vxxWN3jfny4Fol4sb1HAo4et4X8bKwMDA3/m+Be4YAQVNBVaEGsdjp91BtPP+5xWQqNbImbhk3aKuEC64vwtfzJQFMVIuPJ5jwsjAEH7i/Z21y868v96oDlMj2fW+FmQFY/SW99uqPWMOPWhzV5Yxjtr7/ooMTI3WnGdVwiCGfdP59++vPjwgAomcGe/L4HGst+BJJThkuWyK+lZs5IYKW+06agF3stnORxdUIUxmObgrmXveJyIF8tL3k2wwAiT/fTEST6Xx/qYILjQlde9zkLn8mQdvNDuh5CWBOQ88ULQwuU24d6relBORUPKezpJHM1cobOarI32pBuwQbuDhs+GYaUwibvK59wenNhQnBPlxBGzPYMMWqwLm2VN2v3v//v0tL2YlnOUAj65rbFZBCSQAAenMpeRemUEEAAAAAElFTkSuQmCC);
  height: 16px;
  width: 17px
}

.comFooter .contact-item .ic-addr-g {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAqCAYAAADS4VmSAAAAAXNSR0IArs4c6QAABX9JREFUeNrVWGuMFEUQXhRfaHzjA4QgRBRfwfiKiYYzenDb1bM3Xb3jcRgM+EPhj4lGNPFJEP2lf9QfoIkoEjhmu3rugJzyUCKIQBRNEI2KCAIBJQGjIARO7kzNNsve3s7ea8/ESubPTPdU9Vf1fVUzqdT/zjpSgx4Mg4syLZkrZRiMTEf+mDThNekwGBqEwQUD5pcdCqvqJOm3JOF6QfgTkD4oCE8Aqd+AcJu0eqVHOEdG/l3pRQ9fWBXH3nLvckH4OFj1DRB2uOsoGL1dEG4Cg58C4RawaieQ/if/XLWBVatELiv7jkpHalBdGNwDVq9zTtuE0SuFVbOgqWEcI+JH/sVBGJwHK+ASEQZX8XqRw9fAqs3xHqNPgNVLgaaM7rVzsGoyEO5xzteDVcjOerKdAwKjZ4JV3zlEvgXC+3vsX1g1HQweAUKGdB6/sC8gymXBSLC6OR+E3icjv6bbTTHspPeyc0n48sSFU8/vTw0pqy4Dq4mDkAa3eYsbb6hYcGBVnHNh9dv9dV7EoGGCcEWMRC7bwjQuDz1Xez7nn/cV9sS6oCmjgfBXSXhSRH5jWZ47qjGFsCeFVt9cP2KSabxJhsHwbgPuSA1KEz6XT4XeyGiXFl6dO/0qb7k3pEKahggKpnKqBOHvQNgOhHvB6jUZq4KatTWDK4mZJNzOe2TkP9ApOlY4DsCz6tmkF9w+/7Gz0hHOj1HKB3sSCA8WCdRxj/BVXldufxAGZwrChW7tm+w3fsCCwvIqSR9Nh8GNibSy2UdiahrNFF0gwmA8F5i06l4wMd3apcXDjGYixSO/MS9SuIH9ntb5WNtxOytaorjkGdIuCZ8JwuDs4ufxIaxqdTleWDhdKc2b8M44AKt2FHxxV3ONZVMhqhLjguOcC6O3MrcTTjfeIbQuqRl5YXCtMPqYJPyrLvJHxTe5pYJVbdxYkuSWq93lfHXp6QtrCK8GgwcE4cZKBwGj/2QUMmFwffFNLqbNSRvjl1u1UxDurm3JDCuLQKhqHbxLuOASZH5szByjjxQQiOlh1Q9gcR9zutxGhhQIbayShMsyJUGAbRgHRn8Zo2TVo4mFHGI2rhPSp2sg3Zo+Rxi9LH7QiZ+drXaJvgMI97tTrhNGz/KMr8GquUC4y91fU0nChdFvOBp+1CndYPTz7sG82bNnn5GkZl7kPwRWf1XE/Q6HyjHeq6y6optesyWPAL7SGeJWf4xkZbNqR1KOC2vDYGg8L1g9F6x+B3LZp2UuW8NIVmzzRmtH48P1YXBLF5UDo993avhSEo/7avHpCb9waVpcs2DauV0X5fw0yylYtUs0NYytmveiRgSEf3AtlV3HUUnC99wEE1ZrzPYoVr8D/N600XMrNaxUOmoYwxNvTKdIz+xvKpi+wuhWNxt+1qUNV2g63PH2ZIy+tT/QS6Ofcs4PQXP2vp4WzBCwalG+YDB5hOrG8r1B7XO5fzFJHcujYPR1YPFnNx8+magNCcb1I42OnPPVk8Lg0t6fgPxp+VTo/dxGe7NXWj3Daf4B0Vx/d1+5y6n40J3i46RGVWqqqeFmYdXuPHpqVm/R65qKPCtYPl/oLo9x0zKnPkZwRU+D7iYVODX+4CR9yLNqQtI6Pqmr+nYuvnRL5raqCBl3LZHDD5xAbZiY0HA419JNyp5VT1RVzt2HxY8O2tdLpyIe0yThJ64zRlX7P1DC60Zh+IcE/i2N9goSvrZmMBDOcUW3u0unq5ZxKmTO9QqjttYvmTyC72esqnVz3klh9Ixqd9JO5kf+KCD1fZ4V2XflcjncjWIc1NIB/U90yvgTTBp9XBh9Qri8S8JfClPuQBu3bTB6ftFI1iZyanrqvzTOvzT4tfsX1Fx2whloi/8TWjWhr92S7V9fD3PQ+dnr/wAAAABJRU5ErkJggg==);
  height: 21px;
  width: 16px
}

.comFooter .contact-item .ic-mail-g {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAMAAAAz6Z0tAAAAAXNSR0IArs4c6QAAAadQTFRFAAAAAP8AgICAVapVQL9AM5lmVapVSbZJVapVTbNNRqJdVapVSaRbRKpVUK9QS7RLVapVR6pVUa5RTbNNSapVRq5RTrFOSrVKR61STrFOSa1ST7BPTKpVTapVS61TSa9QTqpVSq5RSqhXTaxTTK5XSrFOSK1SSKpVS6tUTq1SSa1STK5VTK5RTKpVS7BUS7BPSa5RTapVS61TSqpRSq5RTK1SSq9QSq1VTK5PS69QSq5TSqxTS6tUS65RS6tRTK1SS7BSS61USq1STKtSS65RSqtSTKxTTK5RSqxRS6xTSa1SS61SS6xRS6xTTK1STK1SSq1SS61SSq5RSa1RSq5RS61STK1TS65TSq1SSqxTSq5RS61SSq1STK1STKxTSq1SS65RS61TS61SSqxTS6xTSq5RS61TS61TS6xTS61SS6xSS61SS61STKxTSq5RS61SS6xSTK5SS65RS61SSq1SS61SS6xSTK1STK1SS61SS65TS61SS61SS61SS61RS61STK1TTK1SS61SSq1SS6xTTK1SS61SSqxSTK5RS61SS61SS61SS61SBebJyQAAAIx0Uk5TAAECAwQFBgcJCgsMDg8QERISExQVFhcYGRocHR4hIiMkJiYrLzQ1OTo7Ozw8PD09Pz9ESE9UWV1hY2hucHR0eXp6fICEhoqNkZaWnJ2foqSlp6mrra6vsLKys7S3vcLIyczQ0tXY2drb3Nzd3t7f4eHl5eXp6urr7Ozu7/Lz8/X29vb39/j5+vv8/f77eWZPAAABOUlEQVR42q3T1VMCURTH8R/ILgaCsmBgLHaL3Yrd3R2oCHa3IibC+aN9EHCH3TvDg9/nz9w558xcIKoE0cpMFDUAyja9xO6hGzCu0/stq2eiXiDLc1OVwajmgMb0gJW2BcaQlW4aN+CXqEpzVXJhc9NEMoIkZ/esTmZs+zRpRIhwo3Rdr5aJKSP4ga7gLIYRumuIkYpyF00LQObFaWjcxGG6b5SYEhfNCAAsl+fhjXSDgcdmTVjs0awJEQQJ/f6nFi4s5kyQEcT3fXtb+aBYMEOBIK7H99ahBYqdtJgKRYLYzq9PO1/kpOWQkBFo2z98Qzu0kgYmgbbtlWj1TygQcE1r80mSC1quZARqHS89ssIrkf0jyX45ydMzq/AcAuYtOtpgdkxLAGodAfYf8TsKASC9oJpZfgqi6AdDypbgcduQAQAAAABJRU5ErkJggg==);
  height: 14px;
  width: 17px
}

.layout {
  padding: 64px 0 0
}

input, textarea {
  -webkit-user-select: auto;
}

.ic-arow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAWCAMAAADgvdz9AAAAAXNSR0IArs4c6QAAALdQTFRFAAAA////////////////////6urq6+vr8vLy8/Pz6urq6+vr7e3t7+/v7e3t8fHx8fHx7e3t8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw7+/v8PDw8PDw8PDw8PDw8PDw8PDw7+/v7+/v8PDw8PDw7+/v8PDw8PDw8PDw8PDw7+/v7+/v8PDw7+/v7+/v7+/v7+/v7+/v8PDw7+/v7+/v7+/v7+/v8PDw7+/v7+/v7+/v7+/v4uiVIAAAADx0Uk5TAAECAwYHDA0UFRgZHR8qNTc4RlNUVldkZWZnc3R2d4SGh5OUlpekpqe2t8PExsvR093f5+nw8fb3+/z+BY9v3gAAAJtJREFUKM99UkcWglAQ+wKKDcGGXVTsXbGT+5/L0Y0bM9kmb14miTE/eFmjILM/NxW6dAB2Vc5b7QRYeFyQi+54jFwuKM9TXDo2F/hb4FhTPDZOwKrCead/xWta4IJ8/MRtIDG54JCYVDpkxydyfEg6cHpibcas1eWxNXvM3yixfEPt2kolY1KJ1UqQLlmhxc8cAm1MoTa2P1N8A11AHbmJaAv2AAAAAElFTkSuQmCC);
  margin: 10px 0 0;
  width: 16px;
}
</style>
