Files
Situation-Awareness-Platfor…/src/views/Jyh/Home/component/ComFooter.vue

341 lines
14 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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>