|
|
|
@ -20,19 +20,7 @@ |
|
|
|
<div class="banner-con"> |
|
|
|
<h1 class="about-title">山西绿谷营养与健康研究院</h1> |
|
|
|
<div class="about-font"> |
|
|
|
<!-- 功能食品、生物医药和数字健康产业领域，创新事业部搭建产学研用协同、学科交叉融合、资源开放共享的科技创新平台 |
|
|
|
实现从科学到技术的转移转化，促进重大基础研究成果产业化，打造企业的技术创新中心，为科技型中小微企业发展提供全链条一体化科技创新服务， |
|
|
|
增强以科技创新为核心的企业竞争力，推动企业高质量发展，发挥更加重要作用。 --> |
|
|
|
山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司、交城天娇红农业科技有限公司、 |
|
|
|
山西百瑞生科技有限公司、山西传控电子科技有限公司、 |
|
|
|
山西农业大学、山西中医药大学、中国辐射防护研究院共同发起，相关高校院所的相关领域平台和研发团队兼职加入。 |
|
|
|
<!-- <p>依托新型研发机构和技术创新中心，搭建科技开放共享平台、技术转移转化平台、科技人才团队平台。</p> --> |
|
|
|
<p> |
|
|
|
研究院旨在按照新型研发机构建设要求，聚焦营养与健康领域，以共性关键技术研发和技术创新服务为核心，通过资源集聚整合与优化配置， |
|
|
|
致力构建产学研协同、学科交叉融合、资源开放共享的开放式科技创新平台，组织开展学术交流、公益性知识讲座等活动， |
|
|
|
培育打造科技型中小企业技术创新中心和相关领域重要技术策源地， |
|
|
|
产学研协同推动科技成果转化与产业化，培育孵化和发展科技型企业，为实现产业高质量发展和特色新兴产业集聚发展提供引领和支撑。 |
|
|
|
</p> |
|
|
|
山西绿谷营养与健康研究院是采取企业发起、高校院所平台团队兼职加入的方式组建，为民办非企业单位。研究院立足大健康产业，聚焦功能食品、生物医药和数字健康领域，以共性关键技术研发和技术创新服务为核心，致力构建产学研协同、学科交叉融合、资源开放共享的开放式科技创新平台，培育打造中小企业技术创新中心和相关领域重要技术策源地。 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -44,10 +32,11 @@ |
|
|
|
<div class="organize-bor bg-gray"> |
|
|
|
<div class="title w-1500"><img src="~assets/about/title1.jpg" /></div> |
|
|
|
<div class="w-1500"> |
|
|
|
<div class="mt-2 line-height-30 text-indent-2"> |
|
|
|
山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司、交城天娇红农业科技有限公司、 |
|
|
|
<div class="mt-2 line-height-30 text-indent-2 d-flex"> |
|
|
|
<img src="@/assets/newPlatform/jiagou.png" style="width: 70%; margin: 15px auto" /> |
|
|
|
<!-- 山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司、交城天娇红农业科技有限公司、 |
|
|
|
山西百瑞生科技有限公司、山西传控电子科技有限公司、 |
|
|
|
山西农业大学、山西中医药大学、中国辐射防护研究院共同发起，相关高校院所的相关领域平台和研发团队兼职加入。 |
|
|
|
山西农业大学、山西中医药大学、中国辐射防护研究院共同发起，相关高校院所的相关领域平台和研发团队兼职加入。 --> |
|
|
|
</div> |
|
|
|
<div class="contact">冯经理：19935658759</div> |
|
|
|
</div> |
|
|
|
@ -101,7 +90,7 @@ |
|
|
|
|
|
|
|
<div class="font-16 item-intro mb-4" v-if="item.intro === null ? false : item.intro.length > 60"> |
|
|
|
{{ item.intro.slice(0, 60) }}... ... |
|
|
|
<a-button @click="showIntro(index)" class="font-16" style="color: #fff!important" type="link"> |
|
|
|
<a-button @click="showIntro(index)" class="font-16" style="color: #fff !important" type="link"> |
|
|
|
more |
|
|
|
<a-icon style="font-size: 12px" type="right" /> |
|
|
|
</a-button> |
|
|
|
@ -110,7 +99,6 @@ |
|
|
|
<div class="font-16 item-intro" v-if="item.intro === null ? false : item.intro.length <= 60"> |
|
|
|
<p>{{ item.intro }}</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -122,7 +110,7 @@ |
|
|
|
<div class="title w-1500"> |
|
|
|
<img src="~assets/about/title2.jpg" /> |
|
|
|
|
|
|
|
<div class="partner-type"> |
|
|
|
<!-- <div class="partner-type"> |
|
|
|
<div |
|
|
|
class="partner-type-item" |
|
|
|
:class="currType === index ? 'active-item' : ''" |
|
|
|
@ -132,10 +120,10 @@ |
|
|
|
> |
|
|
|
{{ item }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<div class="w-1200"> |
|
|
|
<div class="partner-flex"> |
|
|
|
<!-- <div class="partner-flex"> |
|
|
|
<div class="partner-item" v-for="(item, index) in lists" :key="index" :class="!item.logoUrl ? 'partner-txt' : ''"> |
|
|
|
<div class="partner-item-img" v-if="item.logoUrl"> |
|
|
|
<img :src="item.logoUrl" /> |
|
|
|
@ -145,6 +133,17 @@ |
|
|
|
</div> |
|
|
|
<div class="partner-name">{{ item.name }}</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<div class="active-item" v-for="(item, index) in allLists" :key="index"> |
|
|
|
<div class="hzhb-title"> |
|
|
|
{{ item.typeOfTech === 0 ? '功能食品领域' : item.typeOfTech === 1 ? '生物医药领域' : '数字健康领域' }} |
|
|
|
</div> |
|
|
|
<div class="partner-flex"> |
|
|
|
<div class="partner-item" v-for="(v, k) in item.backendSearchList" :key="k"> |
|
|
|
<span class="point"></span> |
|
|
|
<div class="flex-1">{{ v.name }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -167,6 +166,7 @@ export default { |
|
|
|
time: 10000, |
|
|
|
listType: [], |
|
|
|
lists: [], |
|
|
|
allLists: [], |
|
|
|
activeNum: 0, |
|
|
|
list: [ |
|
|
|
{ |
|
|
|
@ -216,23 +216,26 @@ export default { |
|
|
|
}; |
|
|
|
await this.getFrontSearchCompany(params); |
|
|
|
|
|
|
|
this.allLists = this.partners; |
|
|
|
|
|
|
|
this.lists = []; |
|
|
|
this.listType = []; |
|
|
|
this.partners.forEach(item => { |
|
|
|
item.backendSearchList.forEach(list => { |
|
|
|
this.lists.push(list); |
|
|
|
}) |
|
|
|
// if (item.typeOfTech === 0 && this.listType.indexOf('高校') === -1) { |
|
|
|
// this.listType.push('高校'); |
|
|
|
// } |
|
|
|
|
|
|
|
// if (item.typeOfTech === 1 && this.listType.indexOf('院所') === -1) { |
|
|
|
// this.listType.push('院所'); |
|
|
|
// } |
|
|
|
|
|
|
|
// if (item.typeOfTech === 2 && this.listType.indexOf('企业') === -1) { |
|
|
|
// this.listType.push('企业'); |
|
|
|
// } |
|
|
|
// item.backendSearchList.forEach(list => { |
|
|
|
// this.lists.push(list); |
|
|
|
// }); |
|
|
|
this.lists.push(item.backendSearchList); |
|
|
|
if (item.typeOfTech === 0 && this.listType.indexOf('功能食品领域') === -1) { |
|
|
|
this.listType.push('功能食品领域'); |
|
|
|
} |
|
|
|
|
|
|
|
if (item.typeOfTech === 1 && this.listType.indexOf('生物医药领域') === -1) { |
|
|
|
this.listType.push('生物医药领域'); |
|
|
|
} |
|
|
|
|
|
|
|
if (item.typeOfTech === 2 && this.listType.indexOf('数字健康领域') === -1) { |
|
|
|
this.listType.push('数字健康领域'); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
@ -358,17 +361,17 @@ a { |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.w-1200{ |
|
|
|
width: 70%; |
|
|
|
.w-1200 { |
|
|
|
width: 80%; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.item-intro{ |
|
|
|
.item-intro { |
|
|
|
text-align: left; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
button{ |
|
|
|
button { |
|
|
|
height: 20px; |
|
|
|
padding: 0px; |
|
|
|
color: #fff; |
|
|
|
@ -427,7 +430,7 @@ a { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.contact{ |
|
|
|
.contact { |
|
|
|
position: absolute; |
|
|
|
bottom: 24px; |
|
|
|
right: 40px; |
|
|
|
@ -435,14 +438,13 @@ a { |
|
|
|
color: #fff; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.organize-bor { |
|
|
|
padding: 40px 0; |
|
|
|
padding-bottom: 30px; |
|
|
|
|
|
|
|
.contact{ |
|
|
|
.contact { |
|
|
|
font-size: 18px; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
@ -507,7 +509,6 @@ a { |
|
|
|
background-color: #13ACC4; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.contact-box { |
|
|
|
@ -573,11 +574,11 @@ a { |
|
|
|
margin-right: 5%; |
|
|
|
padding: 0 30px; |
|
|
|
border-radius: 4px; |
|
|
|
background-color: rgba(19,172,196,0.8); |
|
|
|
background-color: rgba(19, 172, 196, 0.8); |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.service-title{ |
|
|
|
.service-title { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
@ -587,8 +588,43 @@ a { |
|
|
|
margin-right: 0 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.place{ |
|
|
|
.place { |
|
|
|
position: relative; |
|
|
|
top: -100px; |
|
|
|
} |
|
|
|
|
|
|
|
.hzhb-title { |
|
|
|
width: 140px; |
|
|
|
height: 40px; |
|
|
|
line-height: 40px; |
|
|
|
text-align: center; |
|
|
|
font-size: 16px; |
|
|
|
color: #fff; |
|
|
|
background-color: #13acc4; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
|
|
|
|
.partner-flex { |
|
|
|
flex-wrap: nowrap; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
|
|
|
|
.partner-flex .partner-item { |
|
|
|
width: 23%; |
|
|
|
margin: 24px 1% 32px; |
|
|
|
text-align: left; |
|
|
|
flex-direction: row; |
|
|
|
font-size: 16px; |
|
|
|
align-items: flex-start; |
|
|
|
} |
|
|
|
|
|
|
|
.partner-flex .partner-item .point { |
|
|
|
display: inline-block; |
|
|
|
width: 12px; |
|
|
|
height: 12px; |
|
|
|
background: #13acc4; |
|
|
|
margin-right: 10px; |
|
|
|
border-radius: 50%; |
|
|
|
margin-top: 5px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
