|
|
@ -10,17 +10,11 @@ |
|
|
|
|
|
|
|
|
<a name="mao1" id="mao1" class="place"></a> |
|
|
<a name="mao1" id="mao1" class="place"></a> |
|
|
<div class="banner-box"> |
|
|
<div class="banner-box"> |
|
|
<a-carousel :autoplay-speed="time" autoplay> |
|
|
<a-Carousel> |
|
|
<div class="img-box"> |
|
|
<div class="img-box"> |
|
|
<img src="~assets/banner/banner1.png" /> |
|
|
<img src="~assets/banner/banner5.png" /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="img-box"> |
|
|
</a-Carousel> |
|
|
<img src="~assets/banner/banner2.png" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="img-box"> |
|
|
|
|
|
<img src="~assets/banner/banner3.png" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</a-carousel> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 文字内容 --> |
|
|
<!-- 文字内容 --> |
|
|
<div class="banner-con"> |
|
|
<div class="banner-con"> |
|
|
@ -42,7 +36,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="contact">冯经理：19935658759</div> |
|
|
<!-- <div class="contact">冯经理：19935658759</div> --> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- 组织架构 --> |
|
|
<!-- 组织架构 --> |
|
|
@ -92,30 +86,31 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="w-1500"> |
|
|
<div class="w-1500"> |
|
|
<div class="inner d-flex flex-wrap" style="margin: 20px auto"> |
|
|
<div class="inner d-flex flex-wrap" style="margin: 40px auto 0"> |
|
|
<div |
|
|
<div |
|
|
:class="(index + 1) % 4 === 0 ? 'margin-0' : ''" |
|
|
:class="(index + 1) % 3 === 0 ? 'margin-0' : ''" |
|
|
:key="index" |
|
|
:key="index" |
|
|
class="item-box mb-8 pointer" |
|
|
class="item-box mb-8 pointer" |
|
|
v-for="(item, index) in serviceList" |
|
|
v-for="(item, index) in serviceList" |
|
|
> |
|
|
> |
|
|
<img :src="item.picUrl" @click="showModal(item.id)" style="height: 220px; width: 100%; border: 1px solid #ccc" /> |
|
|
<!-- <img :src="item.picUrl" @click="showModal(item.id)" style="height: 220px; width: 100%; border: 1px solid #ccc" /> --> |
|
|
<p class="font-24 my-4 service-title" style="text-align: center"> |
|
|
<p class="font-24 my-4 service-title"> |
|
|
<span>{{ item.name }}</span> |
|
|
<span>{{ item.name }}</span> |
|
|
<a-button @click="showModal(item.id)">需求填报</a-button> |
|
|
<a-button @click="showModal(item.id)" class="white--text">需求填报</a-button> |
|
|
</p> |
|
|
</p> |
|
|
|
|
|
|
|
|
<div class="font-16 textColor item-intro mb-2" v-if="item.intro === null ? false : item.intro.length > 45"> |
|
|
<div class="font-16 item-intro mb-4" v-if="item.intro === null ? false : item.intro.length > 60"> |
|
|
{{ item.intro.slice(0, 45) }} |
|
|
{{ item.intro.slice(0, 60) }}... ... |
|
|
<a-button @click="showIntro(index)" class="font-16 baseColor" style="height: 20px; float: right; padding: 0px" type="link"> |
|
|
<a-button @click="showIntro(index)" class="font-16" style="color: #fff!important" type="link"> |
|
|
more |
|
|
more |
|
|
<a-icon style="font-size: 12px" type="right" /> |
|
|
<a-icon style="font-size: 12px" type="right" /> |
|
|
</a-button> |
|
|
</a-button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="font-16 textColor item-intro" v-if="item.intro === null ? false : item.intro.length <= 45"> |
|
|
<div class="font-16 item-intro" v-if="item.intro === null ? false : item.intro.length <= 60"> |
|
|
<p>{{ item.intro }}</p> |
|
|
<p>{{ item.intro }}</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -123,7 +118,7 @@ |
|
|
|
|
|
|
|
|
<!-- 合作伙伴 --> |
|
|
<!-- 合作伙伴 --> |
|
|
<a name="mao4" id="mao4" class="place"></a> |
|
|
<a name="mao4" id="mao4" class="place"></a> |
|
|
<div class="partner-box text-center"> |
|
|
<div class="partner-box bg-white text-center"> |
|
|
<div class="title w-1500"> |
|
|
<div class="title w-1500"> |
|
|
<img src="~assets/about/title2.jpg" /> |
|
|
<img src="~assets/about/title2.jpg" /> |
|
|
|
|
|
|
|
|
@ -139,12 +134,15 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="w-1500"> |
|
|
<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" v-for="(item, index) in lists" :key="index" :class="!item.logoUrl ? 'partner-txt' : ''"> |
|
|
<div class="partner-item-img" v-if="item.logoUrl"> |
|
|
<div class="partner-item-img" v-if="item.logoUrl"> |
|
|
<img :src="item.logoUrl" /> |
|
|
<img :src="item.logoUrl" /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="partner-item-img" v-else> |
|
|
|
|
|
<div class="img-box"></div> |
|
|
|
|
|
</div> |
|
|
<div class="partner-name">{{ item.name }}</div> |
|
|
<div class="partner-name">{{ item.name }}</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -174,19 +172,19 @@ export default { |
|
|
{ |
|
|
{ |
|
|
title: '科技资源开放共享服务平台', |
|
|
title: '科技资源开放共享服务平台', |
|
|
content: '研发试验、检验检测、资源共享', |
|
|
content: '研发试验、检验检测、资源共享', |
|
|
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210120/ccf39757579647cd975ddaebfc571d93.png', |
|
|
imgUrl: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/platform/1.png', |
|
|
url: '/NewPlatform/Share', |
|
|
url: '/NewPlatform/Share', |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: '知识产权与技术转移转化服务平台', |
|
|
title: '知识产权与技术转移转化服务平台', |
|
|
content: '知识产权、成果转化、技术转移', |
|
|
content: '知识产权、成果转化、技术转移', |
|
|
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/4f9b898da25e48d3b73b47345ed14a9a.jpg', |
|
|
imgUrl: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/platform/2.png', |
|
|
url: '/NewPlatform/Transfer', |
|
|
url: '/NewPlatform/Transfer', |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: '科技人才服务平台', |
|
|
title: '科技人才服务平台', |
|
|
content: '技术培训、管理培训、知识讲座', |
|
|
content: '技术培训、管理培训、知识讲座', |
|
|
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/f5fb570cfd7547279138a591818325e0.jpg', |
|
|
imgUrl: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/platform/3.png', |
|
|
url: '/NewPlatform/Develop', |
|
|
url: '/NewPlatform/Develop', |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
@ -356,15 +354,26 @@ a { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.w-1500 { |
|
|
.w-1500 { |
|
|
// display: inline-block; |
|
|
|
|
|
// width: 1500px; |
|
|
|
|
|
width: 82%; |
|
|
width: 82%; |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.w-1200{ |
|
|
|
|
|
width: 70%; |
|
|
|
|
|
margin: 0 auto; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.item-intro{ |
|
|
.item-intro{ |
|
|
text-align: left; |
|
|
text-align: left; |
|
|
// text-indent: 2em; |
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
|
|
|
|
button{ |
|
|
|
|
|
height: 20px; |
|
|
|
|
|
padding: 0px; |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
text-align: right; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text-center { |
|
|
.text-center { |
|
|
@ -430,7 +439,7 @@ a { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.organize-bor { |
|
|
.organize-bor { |
|
|
padding-top: 30px; |
|
|
padding: 40px 0; |
|
|
padding-bottom: 30px; |
|
|
padding-bottom: 30px; |
|
|
|
|
|
|
|
|
.contact{ |
|
|
.contact{ |
|
|
@ -440,7 +449,7 @@ a { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.organize-box { |
|
|
.organize-box { |
|
|
padding-top: 30px; |
|
|
padding: 40px 0; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
text-align: left; |
|
|
text-align: left; |
|
|
@ -448,7 +457,9 @@ a { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.service-box { |
|
|
.service-box { |
|
|
padding: 20px 0; |
|
|
padding: 40px 0; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
text-align: left; |
|
|
text-align: left; |
|
|
@ -461,12 +472,12 @@ a { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.service-flow { |
|
|
.service-flow { |
|
|
margin: 50px 0; |
|
|
margin-top: 20px; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.partner-box { |
|
|
.partner-box { |
|
|
padding: 60px 0; |
|
|
padding: 40px 0; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
margin-bottom: 30px; |
|
|
margin-bottom: 30px; |
|
|
@ -497,64 +508,10 @@ a { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.partner-flex { |
|
|
|
|
|
text-align: left; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
|
|
|
|
.partner-item { |
|
|
|
|
|
height: 163px; |
|
|
|
|
|
margin: 20px 0; |
|
|
|
|
|
padding: 10px 0; |
|
|
|
|
|
margin-right: 40px; |
|
|
|
|
|
width: calc(((100% - 280px) / 8)); |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
border: 1px solid #D9D9D9; |
|
|
|
|
|
border-radius: 5px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
|
|
|
|
&:nth-child(8n) { |
|
|
|
|
|
margin-right: 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.partner-item-img { |
|
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
|
width: 80px; |
|
|
|
|
|
height: 80px; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
line-height: 80px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
|
max-width: 100%; |
|
|
|
|
|
max-height: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.partner-name { |
|
|
|
|
|
font-size: 16px; |
|
|
|
|
|
color: #000; |
|
|
|
|
|
margin: 0; |
|
|
|
|
|
line-height: 24px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.partner-txt{ |
|
|
|
|
|
height: 163px; |
|
|
|
|
|
|
|
|
|
|
|
.partner-name { |
|
|
|
|
|
font-size: 18px; |
|
|
|
|
|
line-height: 30px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.contact-box { |
|
|
.contact-box { |
|
|
padding: 60px 0; |
|
|
padding: 40px 0; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
margin-bottom: 50px; |
|
|
margin-bottom: 50px; |
|
|
@ -573,7 +530,7 @@ a { |
|
|
padding: 0 !important; |
|
|
padding: 0 !important; |
|
|
width: 30%; |
|
|
width: 30%; |
|
|
height: auto !important; |
|
|
height: auto !important; |
|
|
margin: 50px 0; |
|
|
margin-top: 20px; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
|
|
|
@ -610,10 +567,14 @@ a { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item-box { |
|
|
.item-box { |
|
|
position: relative; |
|
|
position: relative; |
|
|
width: 20.5%; |
|
|
width: 30%; |
|
|
margin-right: 6%; |
|
|
height: 180px; |
|
|
border-radius: 4px; |
|
|
margin-right: 5%; |
|
|
|
|
|
padding: 0 30px; |
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
background-color: rgba(19,172,196,0.8); |
|
|
|
|
|
color: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.service-title{ |
|
|
.service-title{ |
|
|
@ -627,7 +588,6 @@ a { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.place{ |
|
|
.place{ |
|
|
display: inline-block; |
|
|
|
|
|
position: relative; |
|
|
position: relative; |
|
|
top: -100px; |
|
|
top: -100px; |
|
|
} |
|
|
} |
|
|
|
