提交1.0版本
@ -256,7 +256,7 @@
|
||||
color: rgba(118, 133, 151, 1);
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI-Regular;
|
||||
font-weight: NaN;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
line-height: 24px;
|
||||
margin: 20px 0 0 1px;
|
||||
|
@ -12,7 +12,7 @@
|
||||
</NuxtLink>
|
||||
</span>
|
||||
<span class="text_2">
|
||||
<NuxtLink to="/proServices/" :class="{ 'active': route.path === '/proServices/' || route.path === '/proServices' }">
|
||||
<NuxtLink to="/proServices/" :class="{ 'active': route.path === '/proServices/' || route.path === '/proServices_con/' || route.path === '/proServices_con' || route.path === '/proServices' }">
|
||||
产品 &服务
|
||||
</NuxtLink>
|
||||
</span>
|
||||
|
@ -10,7 +10,7 @@
|
||||
<img src="public/img/abus.png" style="width: 100%;">
|
||||
</swiper-slide>
|
||||
</swiper>
|
||||
<div style="position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 100;">
|
||||
<!-- <div style="position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 100;">
|
||||
<div class="flex-row justify-center align-center">
|
||||
<div>
|
||||
<img src="public/img/left.png" alt="">
|
||||
@ -22,293 +22,134 @@
|
||||
<img src="public/img/right.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="group_2 flex-col">
|
||||
<div class="box_2 flex-col">
|
||||
<div class="group_3 flex-row justify-center align-center" style="background: #ffffff;height: 500px;">
|
||||
|
||||
<div class="group_5 flex-col justify-center align-center rightBox">
|
||||
<div class="flex-col section_1sa"></div>
|
||||
</div>
|
||||
|
||||
<div class="group_4 flex-col leftBox">
|
||||
<div class="text-group_1 flex-col justify-between" style="width: 100%;">
|
||||
<span class="text_7" style="width: 432px;position: relative;">
|
||||
洛阳灵睿网络技术有限公司
|
||||
<img src="public/img/about/xing.png" alt="" style="position: absolute;top: -10px; right: 0;"/>
|
||||
</span>
|
||||
<span class="text_8" style="width: 100%;color: #3D3D3D;">
|
||||
智慧信息化与数字内容服务领航者
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<span class="text_12" style="height: auto;font-size: 14px;">
|
||||
洛阳灵睿网络技术有限公司成立于2006年,深耕互联网行业,专注智慧信息化与数字内容服务领域19年。是集技术研发、创意策划、全媒体运营于一体的高新技术企业。公司以“技术赋能场景,内容驱动价值”为核心使命,专注于为大型公立医院、教育机构、企事业单位、品牌营销策略提供一站式智慧化解决方案与品牌数字化升级服务,助力客户实现效率提升、品牌增值与精准传播。
|
||||
</span>
|
||||
<span class="textss13">
|
||||
专注互联网领域,发散新媒体创思,执着深耕口碑服务,扎实落地品牌内容,共创新信息化与内容服务业态。
|
||||
</span>
|
||||
<div class="group_28 flex-row justify-between numberTopBox" style="width: 592px;text-align: center;">
|
||||
<div class="text-group_9 flex-col justify-between" style="width: auto;height: 80px;">
|
||||
<span class="text_55" style="font-size: 32px;text-align: center;width: auto;">
|
||||
<n-number-animation :duration="5000" ref="numberAnimationInstRef" :active="false"
|
||||
:from="0" :to="1000"></n-number-animation>+</span>
|
||||
<span class="">服务客户</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-group_10 flex-col justify-between" style="width: auto;height: 80px;">
|
||||
<span class="text_58" style="font-size: 32px;text-align: center;width: auto;"><n-number-animation :duration="5000"
|
||||
ref="numberAnimationInstRefKH" :active="false" :from="0"
|
||||
:to="19"></n-number-animation>+</span>
|
||||
<span class="">技术沉淀</span>
|
||||
</div>
|
||||
|
||||
<div class="text-group_11 flex-col justify-between" style="width: auto;height: 80px;">
|
||||
<span class="text_61" style="font-size: 32px;text-align: center;width: auto;"><n-number-animation :duration="5000"
|
||||
ref="numberAnimationInstRefJS" :active="false" :from="0"
|
||||
:to="100"></n-number-animation>+</span>
|
||||
<span class="">覆盖行业</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-group_12 flex-col justify-between" style="width: auto;height: 80px;">
|
||||
<span class="text_64" style="font-size: 32px;text-align: center;width: auto;"><n-number-animation :duration="5000"
|
||||
ref="numberAnimationInstRefHY" :active="false" :from="0"
|
||||
:to="30"></n-number-animation>+</span>
|
||||
<span class="">技术团队</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex rongyu1s bottomBox">
|
||||
<div class="flex" style="width: 12%;align-items: center;">
|
||||
<img style="margin-left: 20px;" src="/public/img/about/jiangbei.png" alt="">
|
||||
<span class="spanst">荣誉标签:</span>
|
||||
</div>
|
||||
<div class="flex" style="width: 88%;justify-content: space-between;">
|
||||
<span class="spans">中国电子商务协会工业电商委员会河南分会单位</span>
|
||||
<span class="spans">新华网、人民网、今日头条新闻联络中心</span>
|
||||
<span class="spans" style="margin-right:20px;">灵睿与郑州、洛阳等地的网信以及网监系统保持长期合作获。</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group_2 flex-col">
|
||||
<div class="box_2 flex-col">
|
||||
<div class="group_3 flex-row justify-center align-center">
|
||||
<div class="group_3 flex-row justify-center align-center" style="background: #F8F8F8;">
|
||||
|
||||
<div class="group_4 flex-col leftBox">
|
||||
<div class="text-group_1 flex-col justify-between">
|
||||
<span class="text_7">灵睿的互联网之道</span>
|
||||
<span class="text_8">
|
||||
The Way of the Internet
|
||||
<div class="text-group_1 flex-col justify-between" style="width: 100%;">
|
||||
<span class="text_7" style="width: 242px;position: relative;">
|
||||
睿创团队介绍
|
||||
<img src="public/img/about/xing.png" alt="" style="position: absolute;top: -10px; right: 0;"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-wrapper_1 flex-row">
|
||||
<span class="text_9">公司简介</span>
|
||||
<span class="text_10">运营方法论</span>
|
||||
<span class="text_11">互联网营销</span>
|
||||
</div>
|
||||
<div class="box_3 flex-col">
|
||||
<div class="box_4 flex-col"></div>
|
||||
</div>
|
||||
<span class="text_12">
|
||||
灵睿是一家专业提供互联网技术及应用化服务的科技企业。公司成立于2006年,总部位于十三朝古都洛阳,在郑州、洛阳、许昌三地设立四家公司,是洛阳及河南建立较早、实力较强、规模较大的互联网骨干技术服务企业。公司致力于互联网+工业、互联网+医疗、互联网+教育、互联网+旅游、互联网+农业五个方面的发展。目前为近三千家企业提供互联网服务,并为上百家国有大型企业以及党政部门、事业机关单位提供互联网应用化服务。
|
||||
|
||||
<span class="text_12" style="height: auto;font-size: 14px;">
|
||||
灵睿基因一直是一群年轻的青年人组成,我们致力打造专业的团队化运营模式,集合程序猿、设计狗、运营喵的创作者联盟。年轻不是资本,敢重新定义年轻才是,在互联网领域,我们致力做一支专业,积极,上进的年轻团队;80后主导,90后主力,00后紧随。以“为客户创造价值 用互联网思维打造品牌”为使命。以“正直诚信、实干勇敢、协作共赢、创业精神”为价值观。努力发展,破茧成蝶。
|
||||
</span>
|
||||
<div class="text-wrapper_2 flex-col">
|
||||
<span class="text_13">查看全部</span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="group_5 flex-col justify-center align-center rightBox">
|
||||
<div class="section_1 flex-col">
|
||||
<div class="image-wrapper_2 flex-col">
|
||||
<img class="image_5" referrerpolicy="no-referrer" src="public/img/bf.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="content_box"></div>
|
||||
<div class="flex-col section_1sb"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group_2 flex-col">
|
||||
<div class="box_5 flex-col">
|
||||
<span class="text_14 topBox">我们的业务</span>
|
||||
<span class="text_15 topBox">
|
||||
Our BusinessWay
|
||||
</span>
|
||||
<div class="flex-row justify-center align-center">
|
||||
<div class="leftBox" style="margin-right: 30px;">
|
||||
<img class="image_6" referrerpolicy="no-referrer" src="public/img/t3.png" />
|
||||
</div>
|
||||
<div class="box_7 flex-col" style="background: url(public/img/about/ruanzhu.png) 100% no-repeat;;">
|
||||
<span class="text_24 topBox">著作权和荣誉证书</span>
|
||||
<span class="text_15 topBox">Company environment</span>
|
||||
|
||||
<div class="rightBox section_2 flex-col">
|
||||
<div class="group_6 flex-col">
|
||||
<div class="box_6 flex-row justify-between">
|
||||
<div class="image-wrapper_3 flex-col align-center">
|
||||
<img class="label_1" referrerpolicy="no-referrer" src="public/img/u1.png" />
|
||||
</div>
|
||||
<div class="text-group_2 flex-col justify-between">
|
||||
<span class="text_17">
|
||||
专业网站建设与企业官网设计定制服务
|
||||
</span>
|
||||
<span class="text_16">
|
||||
助力企业数字化转型升级,PC端/移动端/H5提供一站式网站开发、搭建
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group_7 flex-row justify-between">
|
||||
<div class="image-wrapper_5 flex-col">
|
||||
<img class="label_3" referrerpolicy="no-referrer" src="public/img/r4.png" />
|
||||
</div>
|
||||
<div class="text-group_3 flex-col justify-between">
|
||||
<span class="text_18">企业数字化自媒体托管专家</span>
|
||||
<span class="text_19">
|
||||
业团队代运营+AI智能内容生成+多平台精准投放,助您专注核心业务
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group_10 flex-col"></div>
|
||||
<div class="group_7 flex-row justify-between">
|
||||
<div class="image-wrapper_5 flex-col">
|
||||
<img class="label_3" referrerpolicy="no-referrer" src="public/img/r3.png" />
|
||||
</div>
|
||||
<div class="text-group_3 flex-col justify-between">
|
||||
<span class="text_18">全流程抖音短视频制作服务</span>
|
||||
<span class="text_19">
|
||||
助您快速打造高播放量、高互动率的爆款短视频
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group_12 flex-col"></div>
|
||||
<div class="group_13 flex-row justify-between">
|
||||
<div class="image-wrapper_5 flex-col">
|
||||
<img class="label_3" referrerpolicy="no-referrer" src="public/img/r2.png" />
|
||||
</div>
|
||||
<div class="text-group_5 flex-col justify-between">
|
||||
<span class="text_22">全栈H5开发解决方案</span>
|
||||
<span class="text_23">
|
||||
基于HTML5/CSS3/JavaScript核心技术助力实现高转化率与沉浸式用户体验
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_7 flex-col">
|
||||
<span class="text_24 topBox">行业案例</span>
|
||||
<span class="text_15 topBox">Industry Cases</span>
|
||||
<!-- <div class="group_14 flex-row justify-between align-center" style="flex-wrap: wrap;">
|
||||
<div class="flex-row">
|
||||
<div class="text_25">
|
||||
<span>医疗</span>
|
||||
<div
|
||||
style="width: 100%;height: 1px;background-color: #fc7428;position: absolute;bottom: -21px;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="text_25">党政</div>
|
||||
<div class="text_25">建筑</div>
|
||||
<div class="text_25">物流</div>
|
||||
<div class="text_25">教育</div>
|
||||
<div class="text_25">文旅</div>
|
||||
<div class="text_25">餐饮</div>
|
||||
</div>
|
||||
<div class="flex-row justify-center align-center">
|
||||
<div style="margin-right: 10px;">
|
||||
<span class="text_32">更多案例</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="public/img/anli.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="group_15" style="flex: 0 0 100%;"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="dswper">
|
||||
<swiper ref="swiper_exp" :slidesPerView="3" loop :loopedSlides="3" :autoplay="false" centeredSlides
|
||||
:modules="modules" :watchSlidesProgress="true" @swiper="onSwiperExp" effect="coverflow">
|
||||
<swiper-slide>
|
||||
<img src="public/img/op1.png" style="width: 100%;">
|
||||
</swiper-slide>
|
||||
<swiper-slide>
|
||||
<img src="public/img/op2.png" style="width: 100%;">
|
||||
</swiper-slide>
|
||||
<swiper-slide>
|
||||
<img src="public/img/op1.png" style="width: 100%;">
|
||||
</swiper-slide>
|
||||
<swiper-slide>
|
||||
<img src="public/img/op2.png" style="width: 100%;">
|
||||
</swiper-slide>
|
||||
<swiper-slide>
|
||||
<img src="public/img/op1.png" style="width: 100%;">
|
||||
<div class="dswper" style="margin-top: 0;">
|
||||
<swiper ref="swiper_exp" :slidesPerView="5" loop :loopedSlides="3" :autoplay="false" centeredSlides
|
||||
:modules="modules" :watchSlidesProgress="true" @swiper="onSwiperExp" >
|
||||
<swiper-slide v-for="(item,index) in 21" :key="index" style="padding: 0 10px;">
|
||||
<img :src="`/img/about/${item}.jpg`" style="width: 100%;">
|
||||
</swiper-slide>
|
||||
</swiper>
|
||||
<div class="dswper_left">
|
||||
<!-- <div class="dswper_left">
|
||||
<img src="public/img/opl.png">
|
||||
</div>
|
||||
<div class="dswper_right">
|
||||
<img src="public/img/opr.png">
|
||||
</div>
|
||||
<div class="flex-row justify-center align-center absolute w-full bottom-[-50px]" style="gap: 30px;">
|
||||
</div> -->
|
||||
<div class="flex-row justify-center align-center absolute w-full bottom-[-20px]" style="gap: 30px;">
|
||||
<div style="width: 25px;height:5px;background-color: #fc7428;"></div>
|
||||
<div style="width: 25px;height:5px;background-color: #C1C1C1;"></div>
|
||||
<div style="width: 25px;height:5px;background-color: #C1C1C1;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_11 flex-col">
|
||||
<div class="text-wrapper_10">
|
||||
<span class="text_41">新闻动态</span>
|
||||
</div>
|
||||
<div class="text-wrapper_11">
|
||||
<span class="text_42">Our Business </span>
|
||||
</div>
|
||||
<div class="box_12 flex-row justify-center">
|
||||
<img class="image_7 leftBox" referrerpolicy="no-referrer" src="public/img/news1.png" />
|
||||
<div class="box_13 flex-col topBox">
|
||||
<div class="text-group_6 flex-col justify-between">
|
||||
<span class="text_43">
|
||||
洛阳市郑州商会在洛阳灵睿网络技术有限...
|
||||
</span>
|
||||
<span class="paragraph_1">
|
||||
为深入学习贯彻党的二十大精神,落实省、市委决策,
|
||||
<br />
|
||||
充分发挥民营企业的凝聚力、向心力和创造力,赴..
|
||||
</span>
|
||||
</div>
|
||||
<div class="group_22 flex-row">
|
||||
<div class="section_6 flex-col"></div>
|
||||
<span class="text_44">行业动态</span>
|
||||
<span class="text_45">2025-06-24</span>
|
||||
</div>
|
||||
</div>
|
||||
<img class="image_8 rightBox" referrerpolicy="no-referrer" src="public/img/news2.png" />
|
||||
</div>
|
||||
<div class="box_14 flex-row justify-center">
|
||||
<div class="group_23 flex-col leftBox">
|
||||
<div class="text-group_7 flex-col justify-between">
|
||||
<span class="text_46">
|
||||
洛阳市郑州商会在洛阳灵睿网络技术有限...
|
||||
</span>
|
||||
<span class="paragraph_2">
|
||||
为深入学习贯彻党的二十大精神,落实省、市委决策,
|
||||
<br />
|
||||
充分发挥民营企业的凝聚力、向心力和创造力,赴..
|
||||
</span>
|
||||
</div>
|
||||
<div class="group_24 flex-row">
|
||||
<div class="group_25 flex-col"></div>
|
||||
<span class="text_47">行业动态</span>
|
||||
<span class="text_48">2025-06-24</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img class="image_9 bottomBox" referrerpolicy="no-referrer" src="public/img/news3.png" />
|
||||
<div class="group_26 flex-col rightBox">
|
||||
<div class="text-group_8 flex-col justify-between">
|
||||
<span class="text_49">
|
||||
洛阳市郑州商会在洛阳灵睿网络技术有限...
|
||||
</span>
|
||||
<span class="paragraph_3">
|
||||
为深入学习贯彻党的二十大精神,落实省、市委决策,
|
||||
<br />
|
||||
充分发挥民营企业的凝聚力、向心力和创造力,赴..
|
||||
</span>
|
||||
</div>
|
||||
<div class="box_15 flex-row">
|
||||
<div class="group_27 flex-col"></div>
|
||||
<span class="text_50">行业动态</span>
|
||||
<span class="text_51">2025-06-24</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_16 flex-row">
|
||||
<div class="text-wrapper_12 flex-col">
|
||||
<span class="text_52">查看更多</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_17 flex-col" style="overflow: hidden;">
|
||||
<span class="text_53">合作伙伴</span>
|
||||
<span class="text_53">部分伙伴</span>
|
||||
<span class="text_54">Our Business </span>
|
||||
<!-- <div class="group_28 flex-row justify-center numberTopBox">
|
||||
<div class="text-group_9 flex-col justify-between">
|
||||
<span class="text_55">
|
||||
<n-number-animation :duration="5000" ref="numberAnimationInstRef" :active="false" :from="0" :to="5000"></n-number-animation>+
|
||||
</span>
|
||||
<span class="text_56">
|
||||
19年技术沉淀,只为提供更在专业的服务,行业解决方案
|
||||
</span>
|
||||
</div>
|
||||
<span class="text_57">服务客户</span>
|
||||
<div class="section_7 flex-col"></div>
|
||||
<div class="text-group_10 flex-col justify-between">
|
||||
<span class="text_58"><n-number-animation :duration="5000" ref="numberAnimationInstRefKH" :active="false" :from="0" :to="19"></n-number-animation>+</span>
|
||||
<span class="text_59">
|
||||
19年技术沉淀,只为提供更在专业的服务,行业解决方案
|
||||
</span>
|
||||
</div>
|
||||
<span class="text_60">技术沉淀</span>
|
||||
<div class="section_8 flex-col"></div>
|
||||
<div class="text-group_11 flex-col justify-between">
|
||||
<span class="text_61"><n-number-animation :duration="5000" ref="numberAnimationInstRefJS" :active="false" :from="0" :to="100"></n-number-animation>+</span>
|
||||
<span class="text_62">
|
||||
19年技术沉淀,只为提供更在专业的服务,行业解决方案
|
||||
</span>
|
||||
</div>
|
||||
<span class="text_63">覆盖行业</span>
|
||||
<div class="section_9 flex-col"></div>
|
||||
<div class="text-group_12 flex-col justify-between">
|
||||
<span class="text_64"><n-number-animation :duration="5000" ref="numberAnimationInstRefHY" :active="false" :from="0" :to="30"></n-number-animation>+</span>
|
||||
<span class="text_65">
|
||||
19年技术沉淀,只为提供更在专业的服务,行业解决方案
|
||||
</span>
|
||||
</div>
|
||||
<span class="text_66">技术团队</span>
|
||||
</div> -->
|
||||
<div class="group_29 grid grid-cols-6 gap-6 mr-auto">
|
||||
<div class="bottom_imgs topSj"></div>
|
||||
<!-- <div v-for="item in 18" class="">
|
||||
<img class="image_11 topSj" referrerpolicy="no-referrer" src="public/img/q1.png" />
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="box_18 flex-col" style="overflow: hidden;">
|
||||
<span class="text_53" style="color: #fff;">联系我们</span>
|
||||
<span class="text_54" style="color: #fff;">cooperative partner </span>
|
||||
|
||||
<div class="group_29 grid grid-cols-6 gap-6 mr-auto">
|
||||
<div class="bottom_imgs topSj"></div>
|
||||
<!-- <div v-for="item in 18" class="">
|
||||
@ -323,10 +164,10 @@
|
||||
import { Swiper, SwiperSlide } from 'swiper/vue'
|
||||
import { nextTick, ref } from 'vue'
|
||||
import 'swiper/css'
|
||||
import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow,EffectFade } from "swiper/modules";
|
||||
import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow, EffectFade } from "swiper/modules";
|
||||
import ScrollReveal from 'scrollreveal';
|
||||
import { NNumberAnimation } from 'naive-ui'
|
||||
let modules = [Autoplay, A11y, EffectCoverflow,EffectFade];
|
||||
let modules = [Autoplay, A11y, EffectCoverflow, EffectFade];
|
||||
|
||||
import "swiper/css";
|
||||
import "swiper/css/navigation";
|
||||
@ -356,7 +197,7 @@ const swiperOptionsNews = {
|
||||
speed: 500,
|
||||
effect: 'fade',
|
||||
loop: true,
|
||||
modules: [EffectFade,Autoplay,Navigation],
|
||||
modules: [EffectFade, Autoplay, Navigation],
|
||||
navigation: {
|
||||
nextEl: '#swipen_prev',
|
||||
prevEl: '#swipen_next',
|
||||
@ -466,32 +307,82 @@ const animate = () => {
|
||||
}
|
||||
|
||||
.group_666 .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
height: auto;
|
||||
transition: 1s linear 2s;
|
||||
transform: scale(1.1, 1.1);
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
height: auto;
|
||||
transition: 1s linear 2s;
|
||||
transform: scale(1.1, 1.1);
|
||||
}
|
||||
|
||||
.group_666 .swiper-slide-active img,
|
||||
.swiper-slide-duplicate-active img {
|
||||
transition: 6s linear;
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
.bottom_imgs{
|
||||
background: url(/public/img/qall.png);
|
||||
width: 1230px;
|
||||
height: 272px;
|
||||
background-size: 100%;
|
||||
}
|
||||
.content_box{
|
||||
background: url(/public/img/m1.png);;
|
||||
width: 561px;height: 521px;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
right: -12px;
|
||||
bottom: -13px;
|
||||
background-size: 100%;
|
||||
transition: 6s linear;
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
|
||||
.bottom_imgs {
|
||||
background: url(/public/img/qall.png);
|
||||
width: 1230px;
|
||||
height: 272px;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.section_1sa {
|
||||
height: 410px;
|
||||
background: url(/public/img/about/t1a.png) 100% no-repeat;
|
||||
width: 576px;
|
||||
z-index: 10;
|
||||
}
|
||||
.section_1sb {
|
||||
height: 410px;
|
||||
background: url(/public/img/about/t1b.png) 100% no-repeat;
|
||||
width: 576px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
|
||||
.textss13{
|
||||
width: 584px;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
color: #768597;
|
||||
line-height: 22px;
|
||||
font-family: Microsoft YaHei UI-Regular;
|
||||
}
|
||||
.rongyu1s{
|
||||
width: 1340px;
|
||||
height: 68px;
|
||||
background: #F8F8F8;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
align-items: center;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 70px;
|
||||
.spanst{
|
||||
width: 90px;
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
color: #3D3D3D;
|
||||
line-height: 32px;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.spans{
|
||||
// width: px;
|
||||
height: 21px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #3D3D3D;
|
||||
line-height: 21px;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -28,7 +28,11 @@
|
||||
style="background-color: #ffffff;overflow: unset;position: relative;height: 735px;">
|
||||
<img src="public/img/service_01.png" style="width: 100%;position: absolute;top: -30px;z-index: 10;">
|
||||
<div class="service_top1">
|
||||
<div style="cursor: pointer;">内容创作与运营</div>
|
||||
<div style="cursor: pointer;">
|
||||
<NuxtLink to="/proServices_con/">
|
||||
内容创作与运营
|
||||
</NuxtLink>
|
||||
</div>
|
||||
<div style="cursor: pointer;">
|
||||
<div style="color: #0256FF;margin-bottom: 20px;">专业技术服务</div>
|
||||
<div style="background-color: #0256FF;width:40%;height: 8px;margin: 0 auto;"></div>
|
||||
|
1324
pages/proServices_con.vue
Normal file
@ -58,16 +58,16 @@
|
||||
<div class="boxgs flex-row flex-wrap">
|
||||
|
||||
<div class="box_con flex-col" v-for="(item,index) in lists" :key="index">
|
||||
<div class="align-center" style="justify-content: center;margin-top: 10px;">
|
||||
<img width="257px" height="169px" :src="`/img/customer/${index}.png`" alt="">
|
||||
<div class="align-center" style="justify-content: center;">
|
||||
<img width="277px" height="189px" :src="`/img/societyduty/s${index+1}.png`" alt="">
|
||||
</div>
|
||||
<div class="flex-col" style="justify-content: center;margin-top: 10px;border-top: 1px solid #EEEEEE;">
|
||||
<div class="flex-col" style="justify-content: center;margin-top: 5px;">
|
||||
<span class="text_tt">
|
||||
{{item.title}}
|
||||
</span>
|
||||
<span class="text_cc">
|
||||
<!-- <span class="text_cc">
|
||||
{{item.value}}
|
||||
</span>
|
||||
</span> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -127,14 +127,19 @@ const onSwiperExp = (swiper: any) => {
|
||||
}
|
||||
const swiper_exp = ref();
|
||||
const lists = ref([
|
||||
{title: '扶贫助困情系家乡', value: '-洛阳市郑州商会-'},
|
||||
{title: '互联网技术服务合作单位', value: '-洛阳百艺建筑装饰-'},
|
||||
{title: '平安洛阳微信平台技术服务单位', value: '-洛阳市公安局-'},
|
||||
{title: '健康洛阳微信平台技术合作单位', value: '-河南科技大学第一附属医院-'},
|
||||
{title: '爱心捐助奉献奖', value: '-洛阳市郑州商会-'},
|
||||
{title: '精彩洛阳微信平台技术服务单位', value: '-洛阳市宣传部网信办-'},
|
||||
{title: '青年说短视频征集大赛', value: '-洛阳市公安局-'},
|
||||
{title: '青年说短视频征集大赛', value: '-河南科技大学第一附属医院-'}
|
||||
{title: '21年西工硅巷青创加速营仪式开营'},
|
||||
{title: '21年西工硅巷青创加速营活动进行中'},
|
||||
{title: '香港青英会15 周年、第16 届执委会暨第7屆理事会就职仪式'},
|
||||
{title: '青年企业家助力河南高质量发展暨河南青年创新创业论坛'},
|
||||
{title: '洛阳市青年联合会第九届委员会常务委员第一次会议'},
|
||||
{title: '河南青年科技创新论坛'},
|
||||
{title: '团省委省青联2023年新春送温暖慰问活动'},
|
||||
{title: '郑州市儿童福利院慰问活动'},
|
||||
{title: '洛阳市青年联合会第九届委员会常务委员第一次会议'},
|
||||
{title: '东方医院活动'},
|
||||
{title: '中国青年梦想季活动-中国 '},
|
||||
{title: '河南省青年企业家协会第十一届常务理事选举'}
|
||||
|
||||
]);
|
||||
// 新闻数据
|
||||
onMounted(() => {
|
||||
@ -243,7 +248,7 @@ const animate = () => {
|
||||
// background: url(/public/img/customer/bg-s.png);
|
||||
background: #F8F8F8;
|
||||
width: 1920px;
|
||||
height: 800px;
|
||||
height: 1047px;
|
||||
// background-size: 100%;
|
||||
}
|
||||
.boxgs{
|
||||
@ -261,12 +266,11 @@ const animate = () => {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-top: 15px;
|
||||
overflow-wrap: break-word;
|
||||
color: #3D3D3D ;
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
padding: 0 25px 20px 25px;
|
||||
}
|
||||
.text_cc{
|
||||
display: inline-block;
|
||||
|
BIN
public/img/about/1.jpg
Normal file
After Width: | Height: | Size: 1.0 MiB |
BIN
public/img/about/10.jpg
Normal file
After Width: | Height: | Size: 141 KiB |
BIN
public/img/about/11.jpg
Normal file
After Width: | Height: | Size: 1023 KiB |
BIN
public/img/about/12.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
public/img/about/13.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
public/img/about/14.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
public/img/about/15.jpg
Normal file
After Width: | Height: | Size: 1022 KiB |
BIN
public/img/about/16.jpg
Normal file
After Width: | Height: | Size: 1020 KiB |
BIN
public/img/about/17.jpg
Normal file
After Width: | Height: | Size: 10 MiB |
BIN
public/img/about/18.jpg
Normal file
After Width: | Height: | Size: 140 KiB |
BIN
public/img/about/19.jpg
Normal file
After Width: | Height: | Size: 855 KiB |
BIN
public/img/about/2.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
public/img/about/20.jpg
Normal file
After Width: | Height: | Size: 4.8 MiB |
BIN
public/img/about/21.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
public/img/about/3.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
public/img/about/4.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
public/img/about/5.jpg
Normal file
After Width: | Height: | Size: 1.2 MiB |
BIN
public/img/about/6.jpg
Normal file
After Width: | Height: | Size: 542 KiB |
BIN
public/img/about/7.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
public/img/about/8.jpg
Normal file
After Width: | Height: | Size: 1.2 MiB |
BIN
public/img/about/9.jpg
Normal file
After Width: | Height: | Size: 4.6 MiB |
BIN
public/img/about/jiangbei.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
public/img/about/ruanzhu.png
Normal file
After Width: | Height: | Size: 409 KiB |
BIN
public/img/about/t1a.png
Normal file
After Width: | Height: | Size: 392 KiB |
BIN
public/img/about/t1b.png
Normal file
After Width: | Height: | Size: 573 KiB |
BIN
public/img/about/xing.png
Normal file
After Width: | Height: | Size: 615 B |
BIN
public/img/about/软著高企荣誉图片/0f2e6f06b6ebe70fbe20417e19cf6f2.jpg
Normal file
After Width: | Height: | Size: 686 KiB |
BIN
public/img/about/软著高企荣誉图片/3d2ebcca6113f9bb22cad594f9ab6d3.jpg
Normal file
After Width: | Height: | Size: 1009 KiB |
BIN
public/img/about/软著高企荣誉图片/洛阳市企业研发中心证书.jpg
Normal file
After Width: | Height: | Size: 873 KiB |
BIN
public/img/about/软著高企荣誉图片/洛阳青年五四奖章集体2022.jpg
Normal file
After Width: | Height: | Size: 478 KiB |
BIN
public/img/about/软著高企荣誉图片/软著.rar
Normal file
BIN
public/img/about/软著高企荣誉图片/软著.zip
Normal file
BIN
public/img/about/软著高企荣誉图片/软著/夜校管理云平台V1.0.pdf
Normal file
BIN
public/img/about/软著高企荣誉图片/软著/网络云端客服数据研发分析管理系统.pdf
Normal file
BIN
public/img/about/软著高企荣誉图片/软著/网络云端客服综合评价服务平台.pdf
Normal file
BIN
public/img/about/软著高企荣誉图片/高新技术企业证书.jpg
Normal file
After Width: | Height: | Size: 612 KiB |
BIN
public/img/shouyevideo.mp4
Normal file
BIN
public/img/societyduty/s1.png
Normal file
After Width: | Height: | Size: 116 KiB |
BIN
public/img/societyduty/s10.png
Normal file
After Width: | Height: | Size: 96 KiB |
BIN
public/img/societyduty/s11.png
Normal file
After Width: | Height: | Size: 93 KiB |
BIN
public/img/societyduty/s12.png
Normal file
After Width: | Height: | Size: 84 KiB |
BIN
public/img/societyduty/s2.png
Normal file
After Width: | Height: | Size: 112 KiB |
BIN
public/img/societyduty/s3.png
Normal file
After Width: | Height: | Size: 118 KiB |
BIN
public/img/societyduty/s4.png
Normal file
After Width: | Height: | Size: 99 KiB |
BIN
public/img/societyduty/s5.png
Normal file
After Width: | Height: | Size: 120 KiB |
BIN
public/img/societyduty/s6.png
Normal file
After Width: | Height: | Size: 81 KiB |
BIN
public/img/societyduty/s7.png
Normal file
After Width: | Height: | Size: 83 KiB |
BIN
public/img/societyduty/s8.png
Normal file
After Width: | Height: | Size: 88 KiB |
BIN
public/img/societyduty/s9.png
Normal file
After Width: | Height: | Size: 116 KiB |