+
@@ -38,7 +38,7 @@
-
@@ -38,7 +38,7 @@
+
@@ -52,7 +52,7 @@
AI应用定制化开发
精准赋能行业创新，深度定制AI解决方案驱动企业智能升级
项目介绍和业务描述
+ style="line-height: 24px;margin-top: 20px;font-size: 14px;font-weight: 400;color: #768597;">
我们紧跟人工智能发展浪潮，专注于AI技术的应用与落地。无论是将先进的AI模(DeepSeek）进行本地化部署以满足特定场景需求，还是根据您的独特业务挑战开发定制化的AI应用程序，我们都能提供从模型选型、数据处理、算法优化到应用集成与部署的全栈服务，针对金融、医疗、教育等行业定制预训练微调模型与专用知识库模板，提供开箱即用的解决方案。
项目介绍和业务描述
+
我们专注于提供全方位的定制化软件开发服务，满足您多样化的业务需求。无论是面向特定群体的活动平台（如"多样青春项目"），功能完善的电子商务系统（如"商城项目"），互动性强的活动应用（如"健身打卡活动项目"），还是便捷高效的组织管理工具（如"协会小程序项目"），我们的团队都能运用主流技术栈和敏捷开发模式，为您打造用户体验出色、性能稳定可靠的Web应用、移动App及小程序，驱动业务创新
承接客户网站及应用系统的全面安全防护项目
+ style="display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;gap: 30px;margin-top: 40px;">
@@ -217,11 +217,11 @@
-
+
-
网络与信息安全
专业守护数据，防御威胁，护航企业数字安全
+
@@ -312,7 +312,7 @@
@@ -312,7 +312,7 @@
-
+
智慧化解决方案
利用物联网、大数据、人工智能等前沿技术，为不同场景提供一体化的智慧化解决方案
@@ -567,7 +567,7 @@
-
+
硬件基础设施建设
提供从需求分析、方案设计、设备选型、综合布线到安装调试、环境监控的全流程服务
@@ -1057,9 +1057,7 @@ const swiperOptionsNews = {
// 新闻数据
onMounted(() => {
- nextTick(() => {
animate()
- })
})
const animate = () => {
const sr = ScrollReveal();
@@ -1166,7 +1164,7 @@ const animate = () => {
width: 100%;
height: 100%;
background-size: 100%;
- height: 800px;
+ height: 770px;
}
.service_bottom {
@@ -1193,7 +1191,7 @@ const animate = () => {
/* 强制固定 3 列 */
gap: 20px;
max-width: 715px;
- margin: 80px 0px 0px 250px;
+ margin: 40px 0px 0px 367px;
}
.service-item {
@@ -1280,12 +1278,12 @@ const animate = () => {
margin: 0 auto;
width: 62%;
position: relative;
- margin-top: 30px
+ margin-top: 40px
}
.service-02 {
text-align: center;
- padding-top: 30px;
+ padding-top: 70px;
z-index: 30;
color: #ffffff;
}
diff --git a/pages/proServices_con.vue b/pages/proServices_con.vue
index 78f5a67..9371947 100644
--- a/pages/proServices_con.vue
+++ b/pages/proServices_con.vue
@@ -1,7 +1,7 @@
-
+
@@ -34,15 +34,15 @@
- 专业技术服务
-
+ 专业技术服务
+
-
@@ -34,15 +34,15 @@
+
-
全媒体推广解决方案
多维度矩阵覆盖，赋能品牌增长新势能
+
-
-
@@ -72,44 +72,101 @@
-
+
了解更多解决方案
- 
+
+
+
+
-
品牌账号代运营
-
- 
+
+
+ 
+
视频平台
-
-
+
视频平台
-
- 
+
+
+
+ 
+
微信账号
-
+
+
微信账号
-
+ style="display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;gap: 30px;margin-top: 40px;">
-
-
-
- ![]()
-
+
-
+ ![]()
+ 
+
+
+
+
+ {{ item.name }}
+ {{ item.desc }}
+
+
+
+
+
+
+
+
+
+ ![]()
+
+ {{ item.title }}
+
+ {{ item.content }}
+
+
+ ![]()
+ 
+
-
+
+
+ {{ item.name }}
+ {{ item.desc }}
+
+
+
+
+
+
+
+
+ ![]()
+
+ {{ item.title }}
+
+ {{ item.content }}
+
+ 全流程支持：脚本策划→专业拍摄→后期特效→精准投放→效果复盘
+
+ 全流程支持：脚本策划→专业拍摄→后期特效→精准投放→效果复盘
+
+
@@ -135,8 +192,9 @@
-
+
+
-
互联网新闻发布
@@ -153,32 +211,35 @@
权威媒体资源覆盖人民网、新浪、网易等、科技等垂直领域媒体，形成多渠道传播矩阵，深度触达目标受众，强化品牌公信力与行业影响力。
-
@@ -187,9 +248,48 @@
+
-
-
-
-
-
-
+
+
+
+
-
-
+
@@ -217,437 +317,42 @@ import { useI18n } from 'vue-i18n'
import { useStore } from '~/store'
const { locale } = useI18n()
-const serviceList = ref([
- { name: '需求分析与规划' },
- { name: '选址与场地设计' },
- { name: '供配电系统' },
- { name: '制冷系统' },
- { name: '机柜布局' },
- { name: '防静电设施' },
- { name: '网络架构' },
- { name: '安全防护' },
- { name: '监控系统' },
- { name: '应急预案' },
- { name: '运维流程' },
+const wchatList = ref([
+ { name: '微信底部菜单搭建', desc: '让底部菜单成为品牌的亮眼名片', title: '汝南县妇幼保健院', content: '将deep seek AI问诊功能搭建在医院底部菜单，提高医院就诊效率50%。', isShow: false },
+ { name: '内容采编', desc: '专业采编团队深挖品牌亮点', title: '河南科技大学第一附属医院', content: '《女博士养成记》原创文章平均每篇阅读量破5万+，整个系列阅读量破30万+。', isShow: false },
+ { name: '图文设计', desc: '专业设计师团队紧扣品牌定位', title: '商城县人民医院', content: '策划护士节系列参赛海报《商城白衣天使真“中”》，荣获*等奖', isShow: false },
+ { name: '活动策划', desc: '从创意构思到落地执行', title: '共青团洛阳市委', content: '[青春登场 只看洛阳]活动进行线上推广策划，共吸引1500+人次在线上小程序 投稿，共收集3000余副作品', isShow: false },
+ { name: '整案运营', desc: '助力品牌在微信生态强势崛起', title: '中集车辆搅拌车业务集团', content: '进行公众号整案运营，均篇播放量达3000+，后台咨询量月均50+', isShow: false }
])
+const videoList = ref([
+ { name: '短视频', desc: '量身定制高端品牌视频矩阵账号', title: '洛阳市妇幼保健院', content: '洛阳市妇幼保健院账号，原创爆款率达65%，单条最高播放1700万，一月涨粉4万+', isShow: false },
+ { name: '系列视频', desc: '打造短剧化、沉浸式系列内容视频', title: '《姗姗的孕期日记》', content: '为洛阳市妇幼保健院打造原创系列短剧《姗姗的孕期日记》，一经上线便引爆本土目标人群，系列播放量达100W+为医院带来正向口碑', isShow: false },
+ { name: '宣传片/专题片', desc: '专业团队操刀，深入挖掘品牌精髓', title: '河南科技大学第一附属医院', content: '宣传片御用团队，策划制作医院向党的百年华诞献礼宣传片，在各大门户网站争相传播推广。', isShow: false },
+ { name: '工业视频', desc: '实现流量与订单双丰收', title: '河南某机械有限公司', content: '一个月播放量达70W+，在抖音成交第一单高达9万＋，阅读涨粉5000+。', isShow: false },
+])
+
+const bgSet = (index: number) => {
+ wchatList.value.forEach((item, index) => {
+ item.isShow = false;
+ })
+ wchatList.value[index].isShow = true;
+}
+const bgSetVideo = (index: number) => {
+ videoList.value.forEach((item, index) => {
+ item.isShow = false;
+ })
+ videoList.value[index].isShow = true;
+}
+
+const typeIndex = ref(1);
+const openType = (index: number) => {
+ typeIndex.value = index;
+}
const numberAnimationInstRef = ref()
const numberAnimationInstRefKH = ref()
const numberAnimationInstRefJS = ref()
-const mousindex = ref(1);
-
-const left1 = ref(0);
-const top1 = ref(0);
-
-const left2 = ref(310);
-const top2 = ref(0);
-
-const left3 = ref(620);
-const top3 = ref(0);
-
-const left4 = ref(930);
-const top4 = ref(0);
-
-const left5 = ref(310);
-const top5 = ref(230);
-
-const left6 = ref(620);
-const top6 = ref(230);
-
-const left7 = ref(930);
-const top7 = ref(230);
-
-const mous = (index: number, event: any) => {
- mousindex.value = index;
- const thisDiv = event.currentTarget;
- if (index == 1) {
- animateElement(document.querySelector('.box1'), {
- height: 428,
- left: 0,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box2'), {
- height: 196,
- left: 310,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box3'), {
- height: 196,
- left: 620,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box5'), {
- height: 196,
- left: 310,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box6'), {
- height: 196,
- left: 620,
- top: 230
- }, 200);
- }
- if (index == 2) {
- const box2 = document.querySelector('.box2');
- //获取当前鼠标位置
- const leftValue = parseFloat(
- window.getComputedStyle(box2).left ||
- box2.style.left ||
- box2.offsetLeft
- );
- console.log(leftValue);
- if (leftValue == 310) {
- animateElement(document.querySelector('.box1'), {
- height: 196,
- left: 0,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box2'), {
- height: 428,
- left: 310,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box3'), {
- height: 196,
- left: 620,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box5'), {
- height: 196,
- left: 0,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box6'), {
- height: 196,
- left: 620,
- top: 230
- }, 200);
- } else {
- animateElement(document.querySelector('.box1'), {
- height: 196,
- left: 310,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box2'), {
- height: 428,
- left: 0,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box3'), {
- height: 196,
- left: 620,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box5'), {
- height: 196,
- left: 310,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box6'), {
- height: 196,
- left: 620,
- top: 230
- }, 200);
- }
-
- }
- if (index == 5) {
- const box5 = document.querySelector('.box5');
- //获取当前鼠标位置
- const leftValue = parseFloat(
- window.getComputedStyle(box5).left ||
- box5.style.left ||
- box5.offsetLeft
- );
- console.log(leftValue);
- if (leftValue == 310) {
-
- animateElement(document.querySelector('.box1'), {
- height: 196,
- left: 0,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box2'), {
- height: 196,
- left: 0,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box5'), {
- height: 428,
- left: 310,
- top: 0
- }, 200);
- } else {
- animateElement(document.querySelector('.box1'), {
- height: 196,
- left: 310,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box2'), {
- height: 196,
- left: 310,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box5'), {
- height: 428,
- left: 0,
- top: 0
- }, 200);
- }
-
- }
- if (index == 3) {
- animateElement(document.querySelector('.box1'), {
- height: 196,
- left: 0,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box2'), {
- height: 196,
- left: 310,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box3'), {
- height: 428,
- left: 620,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box4'), {
- height: 196,
- left: 930,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box5'), {
- height: 196,
- left: 0,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box6'), {
- height: 196,
- left: 310,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box7'), {
- height: 196,
- left: 930,
- top: 230
- }, 200);
- }
- if (index == 6) {
- const box6 = document.querySelector('.box6');
- //获取当前鼠标位置
- const leftValue = parseFloat(
- window.getComputedStyle(box6).left ||
- box6.style.left ||
- box6.offsetLeft
- );
- if (leftValue == 620) {
- animateElement(document.querySelector('.box2'), {
- height: 196,
- left: 310,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box3'), {
- height: 196,
- left: 310,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box6'), {
- height: 428,
- left: 620,
- top: 0
- }, 200);
- } else {
- animateElement(document.querySelector('.box2'), {
- height: 196,
- left: 620,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box3'), {
- height: 196,
- left: 620,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box6'), {
- height: 428,
- left: 310,
- top: 0
- }, 200);
- }
- animateElement(document.querySelector('.box1'), {
- height: 196,
- left: 0,
- top: 0
- }, 200);
-
- animateElement(document.querySelector('.box4'), {
- height: 196,
- left: 930,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box5'), {
- height: 196,
- left: 0,
- top: 230
- }, 200);
-
-
- }
- if (index == 4) {
- const box4 = document.querySelector('.box4');
- //获取当前鼠标位置
- const leftValue = parseFloat(
- window.getComputedStyle(box4).left ||
- box4.style.left ||
- box4.offsetLeft
- );
- console.log(leftValue);
- if (leftValue == 930) {
- animateElement(document.querySelector('.box4'), {
- height: 428,
- left: 930,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box7'), {
- height: 192,
- left: 620,
- top: 230
- }, 200);
- }
- animateElement(document.querySelector('.box1'), {
- height: 196,
- left: 0,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box2'), {
- height: 196,
- left: 310,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box3'), {
- height: 196,
- left: 620,
- top: 0
- }, 200);
- animateElement(document.querySelector('.box5'), {
- height: 196,
- left: 0,
- top: 230
- }, 200);
- animateElement(document.querySelector('.box6'), {
- height: 192,
- left: 310,
- top: 230
- }, 200);
-
- }
- if (index == 7) {
- const box7 = document.querySelector('.box7');
- //获取当前鼠标位置
- const leftValue = parseFloat(
- window.getComputedStyle(box7).left ||
- box7.style.left ||
- box7.offsetLeft
- );
- console.log(leftValue);
- //在左侧
- if (leftValue == 620) {
- animateElement(document.querySelector('.box3'), {
- height: 196,
- left: 930,
- top: 0
- }, 100);
- animateElement(document.querySelector('.box4'), {
- height: 196,
- left: 930,
- top: 230
- }, 100);
- animateElement(document.querySelector('.box7'), {
- height: 428,
- left: 620,
- top: 0
- }, 100);
- } else {
- animateElement(document.querySelector('.box3'), {
- height: 196,
- left: 620,
- top: 230
- }, 100);
- animateElement(document.querySelector('.box4'), {
- height: 196,
- left: 620,
- top: 0
- }, 100);
- animateElement(document.querySelector('.box7'), {
- height: 428,
- left: 930,
- top: 0
- }, 100);
- }
- animateElement(document.querySelector('.box1'), {
- height: 196,
- left: 0,
- top: 0
- }, 100);
- animateElement(document.querySelector('.box2'), {
- height: 196,
- left: 310,
- top: 0
- }, 100);
-
- animateElement(document.querySelector('.box5'), {
- height: 196,
- left: 0,
- top: 230
- }, 100);
- animateElement(document.querySelector('.box6'), {
- height: 192,
- left: 310,
- top: 230
- }, 100);
-
- }
-}
-
-
-const animateElement = (element, target, duration) => {
- let start = null;
- const initialStyle = {
- width: parseFloat(getComputedStyle(element).width),
- height: parseFloat(getComputedStyle(element).height),
- left: parseFloat(getComputedStyle(element).left),
- top: parseFloat(getComputedStyle(element).top)
- };
- // 立即停止当前动画
- if (element.animationFrame) cancelAnimationFrame(element.animationFrame);
-
- const step = (timestamp) => {
- if (!start) start = timestamp;
- const progress = timestamp - start;
- const ratio = Math.min(progress / duration, 1);
-
- // 实时更新所有属性
- element.style.width = (initialStyle.width + (target.width - initialStyle.width) * ratio) + 'px';
- element.style.height = (initialStyle.height + (target.height - initialStyle.height) * ratio) + 'px';
- element.style.left = (initialStyle.left + (target.left - initialStyle.left) * ratio) + 'px';
- element.style.top = (initialStyle.top + (target.top - initialStyle.top) * ratio) + 'px';
-
- if (progress < duration) {
- element.animationFrame = requestAnimationFrame(step);
- } else {
- // 确保最终值精确
- element.style.width = target.width + 'px';
- element.style.height = target.height + 'px';
- element.style.left = target.left + 'px';
- element.style.top = target.top + 'px';
- }
- }
-
- element.animationFrame = requestAnimationFrame(step);
-
-}
-
let newsSwiper: any = null
const onSwiperNews = (swiper: any) => {
newsSwiper = swiper
@@ -671,23 +376,10 @@ const swiperOptionsNews = {
// 新闻数据
onMounted(() => {
- nextTick(() => {
- animate()
- })
+ animate()
})
const animate = () => {
const sr = ScrollReveal();
- sr.reveal('.service-1', {
- origin: "bottom",
- distance: "50px",
- duration: 800,
- delay: 100,
- opacity: 0,
- scale: 0.9,
- reset: true,
- useDelay: 30,
- mobile: true,
- })
sr.reveal('.service-01', {
origin: "right",
distance: "550px",
@@ -699,17 +391,6 @@ const animate = () => {
useDelay: 130,
mobile: true,
})
- sr.reveal('.reveal-left', {
- origin: "left",
- distance: "50px",
- duration: 800,
- delay: 100,
- opacity: 0,
- scale: 0.9,
- reset: true,
- useDelay: 500,
- mobile: true,
- })
sr.reveal('.service-yw', {
origin: "left",
distance: "50px",
@@ -722,38 +403,9 @@ const animate = () => {
useDelay: 500,
mobile: true,
})
- sr.reveal('.service-wl-a', {
- origin: "left",
- distance: "50px",
- duration: 800,
- delay: 200,
- opacity: 0,
- scale: 0.9,
- reset: true,
- mobile: true,
- })
- sr.reveal('.service-wl-b', {
- origin: "left",
- distance: "50px",
- duration: 800,
- delay: 300,
- opacity: 0,
- scale: 0.9,
- reset: true,
- mobile: true,
- })
- //service-item
- sr.reveal('.service-item', {
- duration: 800,
- delay: 300,
- opacity: 0,
- scale: 0.5,
- reset: true,
- mobile: true,
- })
sr.reveal('.numberTopBox', {
origin: "top",
- distance: "1000px",
+ distance: "200px",
duration: 1300,
delay: 100,
opacity: 0,
@@ -827,23 +479,6 @@ const animate = () => {
margin: 80px 0px 0px 250px;
}
-.service-item {
- display: flex;
- align-items: center;
- width: 225px;
- padding: 20px;
- border: 1px solid #FFFFFF;
- box-sizing: border-box;
- /* 确保宽度计算包含边框 */
- justify-self: start;
- cursor: pointer;
- /* 强制每个单元格左对齐 */
-}
-
-.service-item:hover {
- background-color: #4A4C5F;
-}
-
.service-wl {
position: relative;
width: 380px;
@@ -864,25 +499,6 @@ const animate = () => {
border-radius: 12px;
overflow: hidden;
- &::before {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 2px solid transparent;
- border-radius: 12px;
- background: linear-gradient(45deg, #4D8FFF, #87CEFA) border-box;
- -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
- -webkit-mask-composite: destination-out;
- mask-composite: exclude;
- transform: scale(0.95);
- opacity: 0;
- transition: all 0.3s ease;
- pointer-events: none;
- }
-
&:hover {
transform: translateY(-5px);
@@ -920,13 +536,16 @@ const animate = () => {
z-index: 30;
color: #ffffff;
}
-.service_center_02{
+
+.service_center_02 {
width: 30%;
}
+
@media (max-width: 1440px) {
- .service_center_02{
+ .service_center_02 {
width: 40%;
}
+
.service_top1 {
padding-top: 16px;
}
@@ -951,11 +570,9 @@ const animate = () => {
.service-container {
margin: 30px 0px 0px 140px;
}
- .service-item{
- padding: 14px;
- }
}
-.service_center_01s{
+
+.service_center_01s {
background: url('/public/img/content_top.png') 100% no-repeat;
width: 380px;
height: 196px;
@@ -963,7 +580,8 @@ const animate = () => {
flex-direction: column;
justify-content: start;
padding-left: 30px;
- .service_center_01s_title{
+
+ .service_center_01s_title {
margin-top: 30px;
width: 180px;
height: 18px;
@@ -978,7 +596,8 @@ const animate = () => {
display: flex;
align-items: center;
}
- .service_center_01s_text{
+
+ .service_center_01s_text {
margin-top: 20px;
width: 325px;
height: 20px;
@@ -991,11 +610,12 @@ const animate = () => {
font-style: normal;
text-transform: none;
}
- .btn_lx{
+
+ .btn_lx {
margin-top: 40px;
width: 90px;
height: 32px;
- background: linear-gradient( 270deg, #FC7428 0%, #FFA06B 100%);
+ background: linear-gradient(270deg, #FC7428 0%, #FFA06B 100%);
border-radius: 116px 116px 116px 116px;
font-family: Source Han Sans, Source Han Sans;
font-weight: 400;
@@ -1003,9 +623,11 @@ const animate = () => {
color: #FFFFFF;
line-height: 32px;
text-align: center;
+ cursor: pointer;
}
}
-.more_bot{
+
+.more_bot {
height: 16px;
font-family: Microsoft YaHei UI, Microsoft YaHei UI;
font-weight: 400;
@@ -1015,9 +637,10 @@ const animate = () => {
font-style: normal;
text-transform: none;
display: flex;
- justify-content: center;
+ justify-content: center;
}
-.video_platform{
+
+.video_platform {
width: 179px;
height: 48px;
background: url(public/img/video.png) 100% no-repeat;
@@ -1031,8 +654,10 @@ const animate = () => {
display: flex;
align-items: center;
justify-content: center;
+ cursor: pointer;
}
-.video_wechat{
+
+.video_wechat {
width: 185px;
height: 52px;
background: url(public/img/wechat1.png) 100% no-repeat;
@@ -1046,10 +671,13 @@ const animate = () => {
display: flex;
align-items: center;
justify-content: center;
+ cursor: pointer;
}
-.bottom-3s{
+
+.bottom-3s {
width: 100%;
- .mediat1{
+
+ .mediat1 {
width: 272px;
height: 49px;
font-family: Source Han Sans, Source Han Sans;
@@ -1061,7 +689,8 @@ const animate = () => {
font-style: normal;
text-transform: none;
}
- .mediat2{
+
+ .mediat2 {
margin-top: 20px;
width: 272px;
height: 16px;
@@ -1074,21 +703,23 @@ const animate = () => {
font-style: normal;
text-transform: none;
}
- .mediat3{
- margin-top: 30px;
+
+ .mediat3 {
+ margin-top: 40px;
+ line-height: 24px;
width: 560px;
-height: 40px;
-font-family: Source Han Sans, Source Han Sans;
-font-weight: 400;
-font-size: 14px;
-color: #3D3D3D;
-line-height: 20px;
-text-align: left;
-font-style: normal;
-text-transform: none;
-img{
- margin-right: 30px;
-}
+ height: 40px;
+ font-family: Source Han Sans, Source Han Sans;
+ font-weight: 400;
+ font-size: 14px;
+ color: #3D3D3D;
+ text-align: left;
+ font-style: normal;
+ text-transform: none;
+ align-items: center;
+ img {
+ margin-right: 30px;
+ }
}
}
diff --git a/pages/societyDuty.vue b/pages/societyDuty.vue
index 46706eb..54b5afa 100644
--- a/pages/societyDuty.vue
+++ b/pages/societyDuty.vue
@@ -1,7 +1,7 @@
+
+
+
+
+
+
+ IP孵化与达人合作
+ 多维度矩阵覆盖，赋能品牌增长新势能
+
+
+
+
+
+
+
+ 
+
+
+ 从0到1打造现象级IP
+
+
+ 联动本地头部达人精准引爆同城流量，合作ROI高达1:8
+
+
+
+
+
+
+
+ IP打造
+
+
+ 从人设定位到变现全链路服务
+
+
+
+
+
+
+ 达人资源
+
+
+ 深度合作10万+粉丝本地达人500+，精准撬动同城流量
+
-
+
@@ -31,7 +31,7 @@
@@ -31,7 +31,7 @@
Company Honors
-->
-
+
@@ -43,7 +43,7 @@
活动影集（部分）
@@ -251,16 +251,16 @@ const animate = () => {
.bottom_imgss{
// background: url(/public/img/customer/bg-s.png);
background: #F8F8F8;
- width: 1920px;
height: 1047px;
// background-size: 100%;
}
.boxgs{
- width: 1300px;
+ width: 1200px;
margin: 0 auto;
margin-top: 30px;
+ padding-top: 20px;
.box_con{
- margin:20px;
+ margin:10px;
background-color: #ffffff;
width: 277px;
height: 276px;
diff --git a/pages/societyDutyNew.vue b/pages/societyDutyNew.vue
index 3d56030..9054fd1 100644
--- a/pages/societyDutyNew.vue
+++ b/pages/societyDutyNew.vue
@@ -1,7 +1,7 @@
+ style=" left: 20px;width: 100%;height: 1px;background-color: #fc7428;position: absolute;bottom: -21px;">
-
+
@@ -31,7 +31,7 @@
@@ -31,7 +31,7 @@
Company Honors
-->
-
+
-
-
公司动态
@@ -40,9 +40,11 @@
- 活动影集（部分）
+
+ 活动影集（部分）
+
-
+
-
-
-
+
+
+
+
-
+ 
+ 
+
+
+
+
+
青年企业家岳崇霄:招商引智为洛阳注入创新活水
+ 灵睿网络创始人：岳崇霄
+
+
+ 岳崇霄，2020年4月，荣获2020年全国向上向善好青年：扶贫助困好青年。
+ 洛阳灵睿网络技术有限公司 创始人
+ 河南灵睿科技集团有限公司 董事长
+
+ 河南省青联委员、河南省青年企业家协会理事、河南省青少年新媒体协会理事、洛阳市青联常委、洛阳市青年企业家协会副会长、洛阳市党外知识分子联谊会副秘书长、洛阳市青年文艺联合会副秘书长、洛阳市郑州商会副会长、涧西区党外知识分子联谊会副会长、洛阳师范学院客座教授
+ 洛阳职业技术学院客座教授
+
+
+ 查看详情
+
-
+
- ![]()
+
+
+
+
+ ![]()
-
-
- {{item.title}}
-
-
- {{item.title}}
-
+
-
+
-
+ {{ item.title }}
+
+
+ {{ item.subtitle }}
+
+
+
发布日期：{{ timeDateMy(item.release_time_text) }}
+
+
+ 查看详情
+
+ 
+
+
+
+
+
+
+
-
-