我是个攻城狮
1114 lines
28 KiB
Vue
1114 lines
28 KiB
Vue
<template>
|
||
<Layout :index="0" :banner="0">
|
||
<view class="content_index">
|
||
<view class="module_1">
|
||
<view class="module_title module_title2">
|
||
<image class="t_r" src="../static/img/home/t_l.png"></image>
|
||
<text>平台核心服务</text>
|
||
<image class="t_r" src="../static/img/home/t_r.png"></image>
|
||
</view>
|
||
<view class="module_1_content">
|
||
<image class="service1_img" src="../static/img/home/service1.png"></image>
|
||
<view class="service1" @tap="goPath('/invest')">
|
||
<view class="service1_title">
|
||
<view class="service_num">01</view>
|
||
资金
|
||
</view>
|
||
<view class="service1_desc"><text class="yellow">600亿元专项资金</text>,支持游戏研发、发行、供应链，高效快速,无质押,不间断</view>
|
||
</view>
|
||
</view>
|
||
<!-- @animationend="showDefaultDiv" -->
|
||
<view class="module_1_content2" >
|
||
<block v-for="(item, index) in items" :key="index">
|
||
<view v-if="index !== activeIndex":class="'aa'+(index+2)" @mouseover="showReplacementDiv(index)" @mouseout="showDefaultDiv">
|
||
<view class="aa">
|
||
<view class="aa_num">
|
||
0{{ item.num }}
|
||
</view>
|
||
<view class="aa_title">
|
||
{{ item.title }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view v-else class="bb" @tap="gourl(item.num)">
|
||
<view class="bb_content">
|
||
<view class="bb_num">
|
||
0{{ item.num }}
|
||
</view>
|
||
<view class="bb_title">
|
||
{{ item.title }}
|
||
</view>
|
||
<view class="bb_desc">
|
||
{{ item.text }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
<view class="module_2">
|
||
<view class="module_title module_title2">
|
||
<image class="t_r" src="../static/img/home/t_l.png"></image>
|
||
<text>平台核心能力</text>
|
||
<image class="t_r" src="../static/img/home/t_r.png"></image>
|
||
</view>
|
||
<view class="nl_t1">
|
||
<image class="nl_t1" src="../static/img/home/nl_t1.png"></image>
|
||
</view>
|
||
<view class="t1_content">
|
||
<view class="t1_list1">
|
||
<image class="t1__img" src="../static/img/home/nlt1.png"></image>
|
||
<view class="t1__title">
|
||
<p class="t1__name">资金缺乏</p>
|
||
<p class="t1__desc">停滞不前</p>
|
||
</view>
|
||
</view>
|
||
<view class="t1_list2">
|
||
<image class="t1__img" src="../static/img/home/nlt2.png"></image>
|
||
<view class="t1__title">
|
||
<p class="t1__name">产品合规</p>
|
||
<p class="t1__desc">快速上线</p>
|
||
</view>
|
||
</view>
|
||
<view class="t1_list1">
|
||
<image class="t1__img" src="../static/img/home/nlt3.png"></image>
|
||
<view class="t1__title">
|
||
<p class="t1__name">专业运营</p>
|
||
<p class="t1__desc">收益倍增</p>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="nl_t2">
|
||
<image class="nl_t2" src="../static/img/home/nl_t2.png"></image>
|
||
</view>
|
||
|
||
<view class="t2_content">
|
||
<view class="t2_list1">
|
||
<view class="t2__titles">
|
||
<view class="lf"></view>
|
||
<view class="lname">可信</view>
|
||
<view class="rt"></view>
|
||
</view>
|
||
<view class="t2__title">
|
||
<image class="t2__img" src="../static/img/home/nl_kx1.png"></image>
|
||
<view class="t2__text">
|
||
<p class="t2__name">资金可信</p>
|
||
<p class="t2__desc">专项授信资金600亿元</p>
|
||
</view>
|
||
</view>
|
||
<view class="t2__title">
|
||
<image class="t2__img" src="../static/img/home/nl_kx2.png"></image>
|
||
<view class="t2__text">
|
||
<p class="t2__name">能力可信</p>
|
||
<p class="t2__desc" style="width: 120%;">连通官方征信平台，汇聚行业权威数据</p>
|
||
</view>
|
||
</view>
|
||
<view class="t2__title">
|
||
<image class="t2__img" src="../static/img/home/nl_kx3.png"></image>
|
||
<view class="t2__text">
|
||
<p class="t2__name">数据可信</p>
|
||
<p class="t2__desc">可溯源可量化不可篡改</p>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="t2_list1 t2_list2">
|
||
<view class="t2__titles">
|
||
<view class="lf"></view>
|
||
<view class="lname">可控</view>
|
||
<view class="rt"></view>
|
||
</view>
|
||
<view class="t2__title">
|
||
<image class="t2__img" src="../static/img/home/nl_kx4.png"></image>
|
||
<view class="t2__text">
|
||
<p class="t2__name">流程可控</p>
|
||
<p class="t2__desc">资产上链存证，流转全程可溯</p>
|
||
</view>
|
||
</view>
|
||
<view class="t2__title">
|
||
<image class="t2__img" src="../static/img/home/nl_kx5.png"></image>
|
||
<view class="t2__text">
|
||
<p class="t2__name">运营可控</p>
|
||
<p class="t2__desc">数据实时监控，决策有据可依</p>
|
||
</view>
|
||
</view>
|
||
<view class="t2__title">
|
||
<image class="t2__img" src="../static/img/home/nl_kx6.png"></image>
|
||
<view class="t2__text">
|
||
<p class="t2__name">风险可控</p>
|
||
<p class="t2__desc">动态估值预警，违约处置闭环</p>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class="hx_tep3">
|
||
<image class="hx_tep3" src="../static/img/home/hx_tep3.png"></image>
|
||
</view>
|
||
|
||
<view class="t3_content">
|
||
<!-- <view class="t3_list">
|
||
<image class="t3_img" src="../static/img/index/t3_1.png"></image>
|
||
<view class="t3_text">前置辅导</view>
|
||
</view> -->
|
||
<view class="t3_list">
|
||
<image class="t3_img" src="../static/img/index/t3_2.png"></image>
|
||
<view class="t3_text">确权认证</view>
|
||
</view>
|
||
<view class="t3_list">
|
||
<image class="t3_img" src="../static/img/index/t3_3.png"></image>
|
||
<view class="t3_text">价值评估</view>
|
||
</view>
|
||
<view class="t3_list">
|
||
<image class="t3_img" src="../static/img/index/t3_4.png"></image>
|
||
<view class="t3_text">投融资 </view>
|
||
</view>
|
||
<view class="t3_list">
|
||
<image class="t3_img" src="../static/img/index/t3_5.png"></image>
|
||
<view class="t3_text">发行运营</view>
|
||
</view>
|
||
<view class="t3_list">
|
||
<image class="t3_img" src="../static/img/index/t3_6.png"></image>
|
||
<view class="t3_text">资金风控</view>
|
||
</view>
|
||
<view class="t3_list">
|
||
<image class="t3_img" src="../static/img/index/t3_7.png"></image>
|
||
<view class="t3_text">资产处置</view>
|
||
</view>
|
||
<view class="t3_list">
|
||
<image class="t3_img" src="../static/img/index/t3_8.png"></image>
|
||
<view class="t3_text">资产证券化</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
</view>
|
||
|
||
<view class="module_3">
|
||
<view class="module_title module_title3">
|
||
<image class="t_r" src="../static/img/home/t_l.png"></image>
|
||
<text>平台核心系统</text>
|
||
<image class="t_r" src="../static/img/home/t_r.png"></image>
|
||
</view>
|
||
<view class="module3_content">
|
||
<image class="hx1" src="../static/img/home/hx1.png"></image>
|
||
<image class="hx1" src="../static/img/home/hx2.png"></image>
|
||
<image class="hx1" src="../static/img/home/hx3.png"></image>
|
||
</view>
|
||
<view class="module3_content">
|
||
<image class="hx4" src="../static/img/home/hx4.png"></image>
|
||
<image class="hx5" src="../static/img/home/hx5.png"></image>
|
||
<image class="hx6" src="../static/img/home/hx6.png"></image>
|
||
<image class="hx7" src="../static/img/home/hx7.png"></image>
|
||
</view>
|
||
</view>
|
||
<view class="module_4">
|
||
<view class="module_title module_title4">
|
||
<image class="t_r" src="../static/img/home/t_l.png"></image>
|
||
<text>专家团队</text>
|
||
<image class="t_r" src="../static/img/home/t_r.png"></image>
|
||
</view>
|
||
<view class="module4_content">
|
||
<view class="module4_list" @tap="goPath('/expert')">
|
||
<image class="module4_img" src="../static/img/home/zj_avatar.png"></image>
|
||
<view class="module4_title">
|
||
<p class="module4_name">王阿童</p>
|
||
<p class="module4_desc">亚马逊云游戏事业部总监</p>
|
||
</view>
|
||
</view>
|
||
<image class="zx" src="../static/img/home/zjzx.png"></image>
|
||
<view class="module4_list" @tap="goPath('/expert')">
|
||
<image class="module4_img" src="../static/img/home/zj_avatar.png"></image>
|
||
<view class="module4_title">
|
||
<p class="module4_name yw">Chris Melissinos</p>
|
||
<p class="module4_desc">亚马逊云科技资深游戏行业生态专家</p>
|
||
</view>
|
||
</view>
|
||
<view class="module4_list" @tap="goPath('/expert')">
|
||
<image class="module4_img" src="../static/img/home/zj_avatar.png"></image>
|
||
<view class="module4_title">
|
||
<p class="module4_name">朱运林</p>
|
||
<p class="module4_desc">谷歌大中华区新客团队副总裁</p>
|
||
</view>
|
||
</view>
|
||
<view class="module4_list" @tap="goPath('/expert')">
|
||
<image class="module4_img" src="../static/img/home/zj_avatar.png"></image>
|
||
<view class="module4_title">
|
||
<p class="module4_name">包波</p>
|
||
<p class="module4_desc">索尼互动娱乐中国区游戏制作总监</p>
|
||
</view>
|
||
</view>
|
||
<view class="module4_list" @tap="goPath('/expert')">
|
||
<image class="module4_img" src="../static/img/home/zj_avatar.png"></image>
|
||
<view class="module4_title">
|
||
<p class="module4_name">周锋</p>
|
||
<p class="module4_desc">网易伏羲产品总监</p>
|
||
</view>
|
||
</view>
|
||
<view class="module4_list" @tap="goPath('/expert')">
|
||
<image class="module4_img" src="../static/img/home/zj_avatar.png"></image>
|
||
<view class="module4_title">
|
||
<p class="module4_name">刘磊</p>
|
||
<p class="module4_desc">华为云中国区解决游戏行业负责人</p>
|
||
</view>
|
||
</view>
|
||
<view class="module4_list" @tap="goPath('/expert')">
|
||
<image class="module4_img" src="../static/img/home/zj_avatar.png"></image>
|
||
<view class="module4_title">
|
||
<p class="module4_name">涂阳</p>
|
||
<p class="module4_desc">育碧(Ubisoft Chengdu)高级制作人</p>
|
||
</view>
|
||
</view>
|
||
<view class="module4_list" @tap="goPath('/expert')">
|
||
<image class="module4_img" src="../static/img/home/zj_avatar.png"></image>
|
||
<view class="module4_title">
|
||
<p class="module4_name">陈潘天乐</p>
|
||
<p class="module4_desc">哔哩哔哩版权中心高级总监</p>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view class="module4_more" @tap="goPath('/expert')"><image class="module4_more" src="../static/img/home/zjmore.png"></image></view>
|
||
</view>
|
||
<view class="module_5">
|
||
<view class="module_title">
|
||
<image class="t_r" src="../static/img/home/t_l.png"></image>
|
||
<text>与我们合作比你想象的简单</text>
|
||
<image class="t_r" src="../static/img/home/t_r.png"></image>
|
||
</view>
|
||
<view class="module5_content">
|
||
<view class="module5_list">
|
||
<image class="icons" src="../static/img/home/hzicon_1.png"></image>
|
||
<view class="list_title">免费申请</view>
|
||
<view class="list_desc">注册成为四川游戏</view>
|
||
<view class="list_desc">创新发中心服务企业</view>
|
||
<image class="iconx" src="../static/img/home/hz01.png"></image>
|
||
</view>
|
||
<image class="linehz" src="../static/img/home/hzline.png"></image>
|
||
<view class="module5_list">
|
||
<image class="icons" src="../static/img/home/hzicon_2.png"></image>
|
||
<view class="list_title">提交项目</view>
|
||
<view class="list_desc">按模版展示项目</view>
|
||
<view class="list_desc">提出您的需求</view>
|
||
<image class="iconx" src="../static/img/home/hz02.png"></image>
|
||
</view>
|
||
<image class="linehz" src="../static/img/home/hzline.png"></image>
|
||
<view class="module5_list">
|
||
<image class="icons" src="../static/img/home/hzicon_3.png"></image>
|
||
<view class="list_title">回复申请</view>
|
||
<view class="list_desc">线上+线下回复沟通</view>
|
||
<view class="list_desc">制定推进时间节点进度</view>
|
||
<image class="iconx" src="../static/img/home/hz03.png"></image>
|
||
</view>
|
||
<image class="linehz" src="../static/img/home/hzline.png"></image>
|
||
<view class="module5_list">
|
||
<image class="icons" src="../static/img/home/hzicon_4.png"></image>
|
||
<view class="list_title">达成合作</view>
|
||
<view class="list_desc">签订合约，落地实施</view>
|
||
<image class="iconx" src="../static/img/home/hz04.png"></image>
|
||
</view>
|
||
</view>
|
||
<view class="module5_apply" @tap="goPath('/apply')">
|
||
立即免费申请
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</Layout>
|
||
</template>
|
||
|
||
<script>
|
||
import Layout from './part/layout.vue';
|
||
export default {
|
||
components:{
|
||
Layout
|
||
},
|
||
data(){
|
||
return {
|
||
list: [],
|
||
listData: [],
|
||
|
||
newsList: [],
|
||
currentIndex: 0,
|
||
items: [
|
||
{
|
||
title: '发行',
|
||
num: 2,
|
||
text: '专业发行团队，丰富渠道资源，充足发行资金，专精准收益倍增',
|
||
},
|
||
{
|
||
title: '出海',
|
||
num: 3,
|
||
text: 'Google Ads及知名海外团队免费辅导出海、川行天下资金扶持服务',
|
||
},
|
||
{
|
||
title: '版号',
|
||
num: 4,
|
||
text: '官方平台，无中介网络游戏属地管理（四川）试点优势，ICP、游戏备案、软著、版号一站快速受理审核下发',
|
||
},
|
||
{
|
||
title: '版权',
|
||
num: 5,
|
||
text: '版杈保护、侵杈盗版、法律援助专项扶持服务',
|
||
},
|
||
{
|
||
title: '技术',
|
||
num: 6,
|
||
text: '游戏美术AIGC服务平台、游戏云资源等的费用减免服务',
|
||
},
|
||
{
|
||
title: '参展',
|
||
num: 7,
|
||
text: '直接推荐参加大型游戏展会比赛，给予补助扶持服务',
|
||
},
|
||
{
|
||
title: '补贴',
|
||
num: 8,
|
||
text: '协助申报获得政府资金补贴的扶持服务',
|
||
},
|
||
|
||
],
|
||
activeIndex: 0,
|
||
}
|
||
},
|
||
created() {
|
||
// this.getArticle();
|
||
// this.getArticleH();
|
||
// this.getGame();
|
||
},
|
||
beforeDestroy() {
|
||
},
|
||
methods:{
|
||
gourl(e){
|
||
// console.log(e,222)
|
||
if(e==2){
|
||
this.goPath('/publish');
|
||
}
|
||
else if(e==3){
|
||
this.goPath('/oversea');
|
||
}
|
||
else if(e==4){
|
||
window.open('https://gisp.scszsj.com/', '_blank');
|
||
}
|
||
else if(e==5){
|
||
window.open('https://acgbanquan.scszsj.com/', '_blank');
|
||
}
|
||
else if(e==6){
|
||
this.goPath('/development');
|
||
}
|
||
else if(e==7){
|
||
this.goPath('/expo');
|
||
}
|
||
else if(e==8){
|
||
this.goPath('/subsidy');
|
||
}
|
||
},
|
||
showReplacementDiv(index) {
|
||
this.activeIndex = index;
|
||
},
|
||
showDefaultDiv() {
|
||
this.activeIndex = 0;
|
||
},
|
||
getArticleH(category_id=2,list_rows=4){
|
||
this._get('plus.article.article/index',{
|
||
page: 1,
|
||
list_rows: list_rows,
|
||
category_id: category_id,
|
||
is_home: 1,
|
||
},res=>{
|
||
if(res.code==1){
|
||
this.list = res.data.list.data;
|
||
console.log(this.list,22)
|
||
}
|
||
})
|
||
},
|
||
getArticle(category_id=2,list_rows=4){
|
||
this._get('plus.article.article/index',{
|
||
page: 1,
|
||
list_rows: list_rows,
|
||
category_id: category_id,
|
||
},res=>{
|
||
if(res.code==1){
|
||
this.newsList = res.data.list.data;
|
||
}
|
||
})
|
||
},
|
||
getGame(category_id=2,list_rows=6){
|
||
this._get('game.index/index',{
|
||
page: 1,
|
||
list_rows: list_rows,
|
||
},res=>{
|
||
if(res.code==1){
|
||
this.listData = res.data.list.game.data;
|
||
// this.list = res.data.list.top.data;
|
||
// console.log(this.list,222)
|
||
}
|
||
})
|
||
},
|
||
|
||
// 鼠标移入事件
|
||
mouseover(e){
|
||
this.is_xuan = false;
|
||
},
|
||
// 鼠标移出事件
|
||
mouseleave(e){
|
||
this.is_xuan = true;
|
||
},
|
||
change(e){
|
||
this.currentIndex = e.detail.current;
|
||
},
|
||
changeSub(){
|
||
if(this.currentIndex<=0){
|
||
this.currentIndex = this.storeList.length-1;
|
||
}else{
|
||
this.currentIndex--;
|
||
}
|
||
},
|
||
changeAdd(){
|
||
if(this.currentIndex>=(this.storeList.length-1)){
|
||
this.currentIndex = 0;
|
||
}else{
|
||
this.currentIndex++;
|
||
}
|
||
},
|
||
active(e) {
|
||
console.log(e,2222)
|
||
if(e.url=='data'){
|
||
window.open('https://data.scszsj.com/#/', '_blank');
|
||
// window.location.href = '';
|
||
}else{
|
||
this.$router.replace({
|
||
path: e.url
|
||
});
|
||
}
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.content_index{
|
||
min-height: 500px;
|
||
.module_1{
|
||
width: 100%;
|
||
height: 842px;
|
||
background: #FFFFFF;
|
||
.module_1_content{
|
||
width: 682px;
|
||
height: 204px;
|
||
margin: 0 auto;
|
||
// display: flex;
|
||
// justify-content: space-between;
|
||
// align-items: center;
|
||
position: relative;
|
||
margin-top: 60px;
|
||
.service1_img{
|
||
width: 281px;
|
||
height: 183px;
|
||
position: absolute;
|
||
top: 20px;
|
||
}
|
||
.service1{
|
||
width: 456px;
|
||
height: 204px;
|
||
border-radius:8px;
|
||
background-image: url('../static/img/home/service_bg.png');
|
||
background-size: cover;
|
||
float: right;
|
||
color: #212121;
|
||
font-size: 17px;
|
||
cursor: pointer;
|
||
.service1_title{
|
||
margin-left: 86px;
|
||
display: flex;
|
||
align-items: center;
|
||
font-weight: 500;
|
||
font-size: 30px;
|
||
color: #212121;
|
||
margin-top: 50px;
|
||
.service_num{
|
||
font-weight: bold;
|
||
font-size: 38px;
|
||
color: #FF8622;
|
||
margin-right: 16px;
|
||
}
|
||
}
|
||
.service1_desc{
|
||
width: 300px;
|
||
margin-left: 86px;
|
||
font-size: 17px;
|
||
color: #212121;
|
||
line-height: 28px;
|
||
.yellow{
|
||
color: #e66d09;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
}
|
||
}
|
||
.module_2{
|
||
width: 100%;
|
||
height: 1898px;
|
||
background-image: url('../static/img/home/nl_bg.png');
|
||
background-size: 100%;
|
||
.nl_t1{
|
||
width: 210px;
|
||
height: 80px;
|
||
margin: 0 auto;
|
||
}
|
||
.nl_t2{
|
||
width: 213px;
|
||
height: 83px;
|
||
margin: 0 auto;
|
||
}
|
||
.hx_tep3{
|
||
width: 308px;
|
||
height: 90px;
|
||
margin: 0 auto;
|
||
}
|
||
.t1_content{
|
||
width: 1060px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-bottom: 70px;
|
||
flex-wrap: wrap;
|
||
margin-top: 30px;
|
||
.t1_list1{
|
||
width: 314px;
|
||
height: 359px;
|
||
background-image: url('../static/img/home/nl_icon2.png');
|
||
background-size: 100%;
|
||
text-align: center;
|
||
.t1__img{
|
||
width: 166px;
|
||
height: 166px;
|
||
margin-top: 32px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.t1__title{
|
||
font-size: 18px;
|
||
color: #212121;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
}
|
||
}
|
||
.t1_list2{
|
||
width: 314px;
|
||
height: 359px;
|
||
background-image: url('../static/img/home/nl_icon1.png');
|
||
background-size: 100%;
|
||
text-align: center;
|
||
.t1__img{
|
||
width: 166px;
|
||
height: 166px;
|
||
margin-top: 32px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.t1__title{
|
||
font-size: 18px;
|
||
color: #212121;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
}
|
||
}
|
||
}
|
||
|
||
.t2_content{
|
||
width: 912px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
margin-top: 36px;
|
||
margin-bottom: 70px;
|
||
.t2_list2{
|
||
background-image: url('../static/img/home/nlkx_bg2.png') !important;
|
||
}
|
||
.t2_list1{
|
||
width: 418px;
|
||
height: 426px;
|
||
background-image: url('../static/img/home/nlkx_bg1.png');
|
||
background-size: 100%;
|
||
.t2__titles{
|
||
width: 114px;
|
||
margin: 0 auto;
|
||
margin-top: 36px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
font-weight: 600;
|
||
font-size: 20px;
|
||
color: #402F2B;
|
||
.lf{
|
||
width: 27px;
|
||
height: 2px;
|
||
background-image: linear-gradient(to right, #fef6ef, #f37729);
|
||
}
|
||
.rt{
|
||
width: 27px;
|
||
height: 2px;
|
||
background-image: linear-gradient(to right, #f37729, #fef6ef);
|
||
}
|
||
}
|
||
.t2__title{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-direction: row;
|
||
width: 256px;
|
||
margin-top: 38px;
|
||
margin-left: 70px;
|
||
.t2__img{
|
||
width: 38px;
|
||
height: 38px;
|
||
}
|
||
.t2__text{
|
||
width: 207px;
|
||
.t2__name{
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #0A0A0A;
|
||
line-height: 30px;
|
||
}
|
||
.t2__desc{
|
||
font-size: 14px;
|
||
color: #0A0A0A;
|
||
margin-top: 14px;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
.t1__title{
|
||
font-size: 18px;
|
||
color: #212121;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
.t3_content{
|
||
width: 1280px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
margin-top: 24px;
|
||
.t3_list{
|
||
width: 140px;
|
||
height: 350px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background-image: url('../static/img/index/t3_bg.png');
|
||
background-size: 100%;
|
||
background-color: rgba(255, 255, 255, 0); /* 初始背景颜色不透明 */
|
||
background-blend-mode: overlay; /* 混合模式 */
|
||
cursor: pointer;
|
||
transition: background-color 0.3s ease; /* 添加过渡效果 */
|
||
.t3_img{
|
||
width: 45px;
|
||
height: 46px;
|
||
}
|
||
.t3_text{
|
||
font-family: "Source Han Sans CN", sans-serif;
|
||
font-weight: 500;
|
||
font-size: 22px;
|
||
color: #313131;
|
||
margin-top: 32px;
|
||
width: 21px;
|
||
height: 111px;
|
||
}
|
||
}
|
||
.t3_list:hover {
|
||
background-color: rgba(255, 255, 255, 0.5); /* 鼠标悬停时背景半透明 */
|
||
}
|
||
}
|
||
}
|
||
|
||
.module_3{
|
||
width: 100%;
|
||
height: 456px;
|
||
background-image: url('../static/img/home/hx_bg.png');
|
||
background-size: 100%;
|
||
.module3_content{
|
||
width: 1190px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-bottom: 48px;
|
||
flex-wrap: wrap;
|
||
.hx1{
|
||
width: 365px;
|
||
height: 64px;
|
||
}
|
||
.hx4{
|
||
width: 320px;
|
||
height: 64px;
|
||
}
|
||
.hx5{
|
||
width: 174px;
|
||
height: 64px;
|
||
}
|
||
.hx6{
|
||
width: 256px;
|
||
height: 64px;
|
||
}
|
||
.hx7{
|
||
width: 305px;
|
||
height: 64px;
|
||
}
|
||
}
|
||
}
|
||
.module_4{
|
||
width: 100%;
|
||
height: 648px;
|
||
background-image: url('../static/img/home/zjbg.png');
|
||
background-size: 100%;
|
||
.module4_content{
|
||
width: 1190px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 85px;
|
||
flex-wrap: wrap;
|
||
.module4_list{
|
||
width: 339px;
|
||
height: 130px;
|
||
background-image: url('../static/img/home/zjlist.png');
|
||
background-size: 100%;
|
||
display: flex;
|
||
cursor: pointer;
|
||
.module4_img{
|
||
width: 41px;
|
||
height: 41px;
|
||
margin-top: 30px;
|
||
margin-left: 33px;
|
||
}
|
||
.module4_title{
|
||
margin-top: 34px;
|
||
font-weight: 500;
|
||
font-size: 19px;
|
||
color: #FFFFFF;
|
||
.module4_desc{
|
||
margin-top: 8px;
|
||
font-size: 14px;
|
||
color: #212121;
|
||
line-height: 24px;
|
||
}
|
||
}
|
||
}
|
||
.zx{
|
||
width: 231px;
|
||
height: 75px;
|
||
margin-left: 58px;
|
||
margin-top: 17px;
|
||
}
|
||
}
|
||
.module4_more{
|
||
width: 159px;
|
||
height: 47px;
|
||
margin: 0 auto;
|
||
cursor: pointer;
|
||
margin-top: 15px;
|
||
}
|
||
|
||
}
|
||
.module_5{
|
||
width: 100%;
|
||
height: 649px;
|
||
background: #FFFFFF;
|
||
.module5_content{
|
||
width: 1190px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 85px;
|
||
.linehz{
|
||
width: 144px;
|
||
height: 2px;
|
||
margin-top: 79px;
|
||
}
|
||
.module5_list{
|
||
display: flex;
|
||
flex-direction: column;
|
||
width: 160px;
|
||
height: 320px;
|
||
text-align: center;
|
||
position: relative;
|
||
.list_title{
|
||
font-weight: bold;
|
||
font-size: 20px;
|
||
color: #2B2A2A;
|
||
line-height: 24px;
|
||
margin-top: 33px;
|
||
margin-bottom: 14px;
|
||
}
|
||
.list_desc{
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #565656;
|
||
line-height: 24px;
|
||
}
|
||
.icons{
|
||
width: 160px;
|
||
height: 160px;
|
||
}
|
||
.iconx{
|
||
width: 43px;
|
||
height: 31px;
|
||
margin: 0 auto;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 58px;
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
.module_title{
|
||
font-weight: bold;
|
||
font-size: 30px;
|
||
color: #212121;
|
||
line-height: 24px;
|
||
width: 480px;
|
||
height: 40px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin: 0 auto;
|
||
margin-top: 52px;
|
||
.t_r{
|
||
width: 39px;
|
||
height: 39px;
|
||
}
|
||
}
|
||
.module_title4{
|
||
width: 230px;
|
||
margin-top: 62px !important;
|
||
}
|
||
.module_title3{
|
||
width: 300px;
|
||
margin-top: 0px !important;
|
||
padding-top: 65px;
|
||
margin-bottom: 90px ;
|
||
color: #ffffff !important;
|
||
}
|
||
.module_title2{
|
||
width: 300px;
|
||
margin-top: 0px !important;
|
||
padding-top: 65px;
|
||
margin-bottom: 83px ;
|
||
}
|
||
.module5_apply{
|
||
width: 159px;
|
||
height: 47px;
|
||
margin: 0 auto;
|
||
border-radius: 23px;
|
||
// background-image: linear-gradient(to right, #D26905, #FBC285);
|
||
background-image: url('../static/img/home/hzsq.png');
|
||
background-size: 100%;
|
||
font-size: 18px;
|
||
color: #FFFFFF;
|
||
line-height: 47px;
|
||
text-align: center;
|
||
margin-top: 27px;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
}
|
||
}
|
||
|
||
.module_1_content2{
|
||
width: 1390px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin: 0 auto;
|
||
margin-top: 74px;
|
||
cursor: pointer;
|
||
}
|
||
.aa2{
|
||
width: 173px;
|
||
height: 353px;
|
||
background-image: url('../static/img/home/service2.png');
|
||
background-size: cover;
|
||
}
|
||
.aa3{
|
||
width: 173px;
|
||
height: 353px;
|
||
background-image: url('../static/img/home/service3.png');
|
||
background-size: cover;
|
||
}
|
||
.aa4{
|
||
width: 173px;
|
||
height: 353px;
|
||
background-image: url('../static/img/home/service4.png');
|
||
background-size: cover;
|
||
}
|
||
.aa5{
|
||
width: 173px;
|
||
height: 353px;
|
||
background-image: url('../static/img/home/service5.png');
|
||
background-size: cover;
|
||
}
|
||
.aa6{
|
||
width: 173px;
|
||
height: 353px;
|
||
background-image: url('../static/img/home/service6.png');
|
||
background-size: cover;
|
||
}
|
||
.aa7{
|
||
width: 173px;
|
||
height: 353px;
|
||
background-image: url('../static/img/home/service7.png');
|
||
background-size: cover;
|
||
}
|
||
.aa8{
|
||
width: 173px;
|
||
height: 353px;
|
||
background-image: url('../static/img/home/service8.png');
|
||
background-size: cover;
|
||
}
|
||
.aa{
|
||
width: 40px;
|
||
height: 165px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-direction:column;
|
||
margin-left: 66px;
|
||
margin-top: 38px;
|
||
.aa_title{
|
||
width: 30px;
|
||
height: 72px;
|
||
font-family: "Source Han Sans CN", sans-serif;
|
||
font-weight: bold;
|
||
font-size: 30px;
|
||
color: #FFFFFF;
|
||
line-height: 48px;
|
||
text-align: left;
|
||
font-style: normal;
|
||
text-transform: none;
|
||
}
|
||
.aa_num{
|
||
font-weight: bold;
|
||
font-size: 30px;
|
||
color: #FFFFFF;
|
||
line-height: 24px;
|
||
}
|
||
}
|
||
|
||
.bb {
|
||
width: 404px;
|
||
height: 354px;
|
||
background-image: url('../static/img/home/xzbg.png');
|
||
background-size: cover;
|
||
animation: fadeIn 1s ease-in-out;
|
||
.bb_content{
|
||
width: 294px;
|
||
margin: 0 auto;
|
||
margin-top: 48px;
|
||
.bb_num{
|
||
font-weight: bold;
|
||
font-size: 44px;
|
||
color: #F48020;
|
||
line-height: 24px;
|
||
}
|
||
.bb_title{
|
||
font-weight: 500;
|
||
font-size: 30px;
|
||
color: #FFFFFF;
|
||
margin-top: 59px;
|
||
}
|
||
.bb_desc{
|
||
font-size: 14px;
|
||
color: #FFFFFF;
|
||
line-height: 30px;
|
||
margin-top: 28px;
|
||
}
|
||
}
|
||
}
|
||
|
||
@keyframes fadeIn {
|
||
from {
|
||
opacity: 0;
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 768px) {
|
||
.module_title{
|
||
width:30% !important;
|
||
}
|
||
.module_title4{
|
||
width: 13% !important;
|
||
}
|
||
.module_title3{
|
||
width: 18% !important;
|
||
}
|
||
.module_title2{
|
||
width: 18% !important;
|
||
}
|
||
.service1_desc{
|
||
width: 80% !important;
|
||
line-height: 10px !important;
|
||
font-size: 8px !important;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2; /* 限制显示的行数 */
|
||
overflow: hidden;
|
||
text-overflow: ellipsis; /* 超出部分用省略号表示 */
|
||
}
|
||
.bb_desc{
|
||
width: 80% !important;
|
||
line-height: 10px !important;
|
||
font-size: 8px !important;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2; /* 限制显示的行数 */
|
||
overflow: hidden;
|
||
text-overflow: ellipsis; /* 超出部分用省略号表示 */
|
||
}
|
||
.t1__title{
|
||
line-height: 10px !important;
|
||
}
|
||
.t2__desc{
|
||
display: none;
|
||
}
|
||
.t2__titles{
|
||
width: 40% !important;
|
||
}
|
||
|
||
.module4_title{
|
||
margin-top: 6px !important;
|
||
font-weight: 400 !important;
|
||
font-size: 9px !important;
|
||
.module4_desc{
|
||
display: none;
|
||
}
|
||
.yw{
|
||
font-size: 6px !important;
|
||
}
|
||
}
|
||
.list_desc{
|
||
display: none;
|
||
}
|
||
.module5_list{
|
||
height: 60px !important;
|
||
}
|
||
.module5_apply{
|
||
width: 80px !important;
|
||
height: 20px !important;
|
||
border-radius: 10px !important;
|
||
line-height: 20px !important;
|
||
}
|
||
|
||
|
||
}
|
||
</style>
|