<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>
