:root {
  /* 主色调 - 蓝色系 */
  /*头部导航栏目*/
  /*导航栏底色*/
  --color-primary: #9270e6;
  /*导航栏目边框*/
  --color-primary-light: #bea9f0;
  /*导航栏目选中*/
  --gradient-bg-nav: linear-gradient(to bottom, #791cb5, #8c5bda);
  /*内容*/
  /*内容大标题字体颜色*/
  --color-primary-dark: #7c25ba;
  /* 内容渐变背景 */
  --gradient-bg-page: linear-gradient(
    to bottom,
    #ede6ff 0,
    #fefdfa 1rem,
    #fefdfa 100%
  );
  /* 内容顶部栏目 */
  --color-transparent: rgba(256, 256, 256, 0);
  --color-border-active: rgba(121, 28, 181, 1);
  /* 服务介绍 / 产品专栏 */
  
  /*产品左侧导航栏目选中背景色*/
  --color-primary-lighter: #f1ebfe;
  /*标题左右线段*/
  --gradient-bg-title-right: linear-gradient(
    to right,
    #583392,
    transparent
  );
  --gradient-bg-title-left: linear-gradient(
    to left,
    #583392,
    transparent
  );
  /*内容导航栏目划过选中颜色*/
  --color-primary-bg: #7c25ba; 
  /*边框线段颜色*/
  --color-border-primary: #7c25ba;
  /*服务介绍底部边框*/
  --color-border-secondary: #7c25ba;
  /*服务介绍底部边框*/
  --color-border-light: #c3c3c3;
  /*服务介绍边框颜色*/
  --color-border-lighter: #c0c0c0;
  
  /* 辅助色 - 边框、分割线 */
  --color-border-gray: #aaa;
  
  /* 文字颜色 */
  --color-text-primary: #3e3a39;
  --color-text-secondary: #696564;
  --color-text-muted: #8e8e8e;
  --color-text-white: #fff;
  --color-text-light: #f9f9f9;
  
  /* 背景色 */
  --color-bg-primary: #fefdfa;
  --color-bg-secondary: #fefdf9;
  --color-bg-warm: #fef9f0;
  --color-bg-white: #fff;
  
  
  
  --gradient-bg-team: linear-gradient(135deg, #fefdf9, #fef9f0, #fefdfa);
  
}

html, body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: var(--color-text-primary);
	background-color: var(--color-bg-primary);
}
div, p, span, i, u, ul, ol, li, a, dl, dt, dd {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
i,u {
	font-style: normal;
}
a {
  text-decoration: none;
  color: inherit;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
img{
	width: 100%;
	height: auto;
}
input{
	border: 0;/*清除自带的2px的边框*/
	padding: 0;/*清除自带的padding间距*/
	outline: none;/*清除input点击之后的黑色边框*/
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
textarea{
	border: 0;/*清除自带的2px的边框*/
	padding: 0;/*清除自带的padding间距*/
	outline: none;/*清除input点击之后的黑色边框*/
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.none{
	display: none !important;
}
.block{
	display: block;
}
.text_justify{
	text-align:justify
}
.dct_container{
	width: 100%;
	position: relative;
	background: var(--gradient-bg-page);
}
.dct_top{
	width: 100%;
	height: 2.85rem;
	background: url('../image/内容bg.png') no-repeat;
	background-size: 100% 100%;
}
.dct_top_container{
	width: 14.75rem;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.dct_top_logo{
	width: 2.72rem;
	position: absolute;
	top: 0;
	left: 0;
}
.dct_top_content{
	width: 5.35rem;
	padding-top: 0.6rem;
	margin: 0 auto;
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
	.container{
		width: 14.75rem;
		margin: 0 auto;
	}
	/*导航栏样式*/
	.header{
		z-index: 1;
		width: 100%;
	}
	.nav_box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 0.86rem;
		line-height: 0.86rem;
		background-color: var(--color-primary);
	}
	.nav_menu{
		display: flex;
		align-items: center;
		align-content: center;
	}
	.nav_menu_item{
		position: relative;
		width: 2.98rem;
	}
	.nav_menu_item_i{
		position: absolute;
		display: block;
		width: 0.01rem;
		height: 0.33rem;
		top: 0.26rem;
		left: 0;
		background-color: var(--color-primary-light);
	}
	.nav_menu_item a.nav_menu_item_btn{
		display: block;
		height: 0.86rem;
		line-height: 0.86rem;
		padding: 0 0.1rem;
		text-align: center;
		font-size: 0.22rem;
		color: var(--color-text-white);
	}
	.nav_menu_item:hover, .nav_menu_item.act{
		cursor: pointer;
		background: var(--gradient-bg-nav)
	}
	.nav_menu_item:hover .nav_son_list{
		height: auto;
		padding: 0.22rem 0;
	}
	/*主体内容*/
	/*主体标题*/
	.dct_cotainer_title{
		width: 100%;
		height: 1.8rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.dct_cotainer_title_right{
		width: 2.32rem;
		height: 0.03rem;
		background: var(--gradient-bg-title-right);
	}
	.dct_cotainer_title_left{
		width: 2.32rem;
		height: 0.03rem;
		background: var(--gradient-bg-title-left);
	}
	.dct_cotainer_title_text{
		padding: 0 0.39rem;
		height: auto;
		background: url("../image/切小图.png") no-repeat;
		background-position: -140px 55px;
		font-size: 0.36rem;
		color: var(--color-primary-dark);
	}
	/*律所介绍内容*/
	.dct_introduction_container{
		width: 13.24rem;
		margin: 0 auto;
	}
	.dct_container_text{
		font-size: 0.24rem;
		line-height: 0.5rem;
		margin-bottom: 0.5rem;
		text-align: justify;
		text-align-last: left;
		text-justify: inter-ideograph;
		hyphens: auto;  /* 自动断词（英文） */
	}
	.dct_introduction_container_img{
		width: 11.97rem;
		height: 5.12rem;
		margin: 0 auto;
		margin-bottom: 0.5rem;
		background: url("../image/荣誉.png") no-repeat;
		background-size: 100%;
	}	
	/*刑事团队介绍*/
	.dct_team_container{
		width: 12rem;
		margin: 0 auto;
		text-align: center;
	}
	.dct_team_container_title{
		width: 100%;
	}
	.dct_team_container_title_top{
		height: 0.68rem;
		line-height: 0.68rem;
		font-size: 0.3rem;
		color: var(--color-primary-dark);
	}
	.dct_team_container_title_slid{
		width: 100%;
		height: 0.01rem;
		background-color: var(--color-border-primary);
	}
	.dct_team_container_title_bottom{
		width: 100%;
		height: 0.75rem;
		line-height: 0.75rem;
		font-size: 0.26rem;
	}
	.dct_team_container_list{
		width: 13.26rem;
		background-color: var(--gradient-bg-team);
	}
	.dct_team_container_item{
		display: flex;
		align-items: center;
		position: relative;
		width: 10.85rem;
		height: 2.05rem;
		padding: 0.3rem 0.76rem 0.3rem 3.15rem;
		margin: 0 auto;
		margin-top: 0.45rem;
		border: 0.01rem solid var(--color-border-primary);
		border-radius: 0.25rem;
	}
	.dct_team_container_item_left{
		position: absolute;
		width: 2.4rem;
		height: 1.4rem;
		display: flex;
		align-items: center;
		justify-content: space-around;
		top: 0.3rem;
		left: 0;
		border-right: 0.01rem solid var(--color-border-primary);
	}
	.dct_team_container_item_left img{
		width: 0.9rem;
		height: 0.7rem;
	}
	.dct_team_container_item_right{
		line-height: 0.46rem;
		text-align: left;
		font-size: 0.24rem;
	}
	.dct_team_container_item_text_list{
		position: relative;
		height: 0.75rem;
		line-height: 0.75rem;
		padding-left: 0.3rem; 
	}
	.dct_team_container_item_text_list i {
		position: absolute;
		display: block;
		width: 0.09rem;
		height: 0.09rem;
		border-radius: 50%;
		background-color: var(--color-primary-dark);
		top: 0.33rem;
		left: 0;
	}
	/* 服务介绍 */
	.dct_project_nav{
		width: 100%;
		height: 0.8rem;
		padding-top: 0.2rem;
		display: flex;
		justify-content: center;
		border-bottom: 0.01rem solid var(--color-border-primary);
	}
	.dct_project_nav_item{
		text-align: center;
		height: 0.6rem;
		line-height: 0.6rem;
		margin-right: 1.44rem;
		padding: 0 0.05rem;
		font-size: 0.24rem;
		color: var(--color-primary);
		border-bottom: 0.03rem solid var(--color-transparent);
	}
	.dct_project_nav_item:last-child{
		margin-right: 0;
	}
	.dct_project_nav_item:hover{
		cursor: pointer;
		color: var(--color-primary-dark);
	}
	.dct_project_nav_item.act{
		color: var(--color-primary-dark);
		border-bottom: 0.03rem solid var(--color-border-active);
	}
	.dct_container_nav_box{
		width: 13.26rem;
		min-height: 5rem;
		position: relative;
		padding: 0.73rem 0 0 3.6rem;
		margin: 0 auto;
	}
	.dct_container_left_nav{
		position: absolute;
		width: 2.4rem;
		top: 0.73rem;
		left: 0;
		border-left: 0.05rem solid var(--color-border-primary);
	}
	.dct_container_left_nav_item{
		position: relative;
		width: 100%;
		height: 0.9rem;
		font-size: 0.24rem;
		line-height: 0.9rem;
		color: var(--color-text-primary);
		text-align: center;
		border-right: 0.01rem solid var(--color-border-gray);
		overflow: hidden;           /* 隐藏溢出 */
		text-overflow: ellipsis;    /* 显示省略号 */
		white-space: nowrap;        /* 强制不换行 */
	}
	.dct_container_left_nav_item i{
		display: none;
		position: absolute;
		height: 0.9rem;
		line-height: 0.9rem;
		font-size: 0.18rem;
		top: 0;
		right: 0.1rem;
		
	}
	.dct_container_left_nav_item:hover{
		cursor: pointer;
		color: var(--color-primary-dark);
	}
	.dct_container_left_nav_item.act{
		color: var(--color-primary-dark);
		background-color: var(--color-primary-lighter);
		border: 0.01rem solid var(--color-border-gray);
		border-right: 0;
	}
	.dct_container_left_nav_item.act i {
		display: block;
	}
	.dct_container_right_container_title{
		position: relative;
		height: 0.5rem;
		line-height: 0.5rem;
		padding-left: 0.25rem;
		color: var(--color-primary-dark);
		font-size: 0.26rem;
		border-bottom: 0.01rem solid var(--color-border-primary);
	}
	.dct_container_right_container_title_label{
		font-size: 0.24rem;
		color: var(--color-text-secondary);
	}
	.dct_container_right_container_title i{
		position: absolute;
		display: block;
		width: 0.1rem;
		height: 0.26rem;
		background-color: var(--color-primary-dark);
		top: 0.13rem;
		left: 0;
	}
	.dct_container_right_container_text{
		margin-top: 0.7rem;
		line-height: 0.5rem;
		font-size: 0.24rem;
		color: var(--color-text-primary);
	}
	.dct_container_right_container_dl{
		margin-top: 0.5rem;
	}
	.dct_container_right_container_dl dl{
		display: flex;
		line-height: 0.5rem;
	}
	.dct_container_right_container_dl dt{
		position: relative;
		white-space: nowrap;
		padding-left: 0.2rem;
		font-size: 0.22rem;
		color: var(--color-text-primary);
		font-weight: bold;
	}
	.dct_container_right_container_dl dt i{
		position: absolute;
		display: block;
		width: 0.08rem;
		height: 0.08rem;
		border-radius: 50%;
		background-color: var(--color-primary-dark);
		top: 0.21rem; 
		left: 0;
	}
	.dct_container_right_container_dl dd{
		position: relative;
		font-size: 0.22rem;
		color: var(--color-text-primary);
	}
	.dct_container_right_container_list{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 0 0.15rem;
		margin-top: 0.24rem;
	}
	.dct_container_right_container_item{
		position: relative;
		box-sizing: border-box;
		width: 3rem;
		height: 2.5rem;
		padding: 0 0.12rem;
		margin-right: 0.15rem;
		margin-bottom: 0.24rem;
		border: 0.01rem solid var(--color-border-light);
		border-bottom: 0.03rem solid var(--color-border-secondary);
		background-color: var(--color-bg-primary);
	}
	.dct_container_right_container_item:nth-child(3n){
		margin-right: 0;
	}
	.dct_container_right_container_item:hover{
		cursor: pointer;
		background-color: var(--color-primary-bg);
	}
	.dct_container_right_container_item.act{
		background-color: var(--color-primary-bg);
	}
	.dct_container_right_container_item_title{
		box-sizing: border-box;
		padding: 0.13rem 0.2rem;
		border-bottom: 0.01rem solid var(--color-border-gray);
		font-size: 0.22rem;
		color: var(--color-text-primary);
		 display: -webkit-box;
		  -webkit-line-clamp: 2;
		  -webkit-box-orient: vertical;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  /* 必须设置行高，否则可能显示异常 */
		  line-height: 0.35rem;
		  height: 0.9rem; /* line-height × 2行 = 1.5 × 2 */
	}
	.dct_container_right_container_item_code{
		width: 1.15rem;
		height: 1.15rem;
		margin-top: 0.2rem;
		background-color: var(--color-bg-white);
	}
	.dct_container_right_container_item_code img{
		width: 100%;
		height: 100%;
	}
	.dct_container_right_container_item_num{
		position: absolute;
		font-size: 0.2rem;
		color: var(--color-text-muted);
		bottom: 0.1rem;
		right: 0.2rem;
	}
	.dct_container_right_text_item{
		position: relative;
		width: 100%;
		height: 0.8rem;
		line-height: 0.8rem;
		padding: 0 0.2rem 0 0.68rem;
		font-size: 0.24rem;
		color: var(--color-text-primary);
		border-bottom: 0.01rem solid var(--color-border-lighter);
		overflow: hidden;           /* 隐藏溢出 */
		text-overflow: ellipsis;    /* 显示省略号 */
		white-space: nowrap;        /* 强制不换行 */
		  
	}
	.dct_container_right_text_item:hover{
		cursor: pointer;
		color: var(--color-primary-dark);
	}
	.dct_container_right_text_item.act{
		color: var(--color-primary-dark);
	}
	.dct_container_right_text_item i{
		position: absolute;
		display: block;
		width: 0.1rem;
		height: 0.1rem;
		top: 0.35rem;
		left: 0.28rem;
		background-color: var(--color-primary-dark);
		border-radius: 50%;
	}
	/*联系我们*/
	.dct_contact_container{
		width: 13.24rem;
		margin: 0 auto;
	}
	.dct_contact_phone{
		margin-bottom: 0.4rem;
		text-align: center;
		font-size: 0.3rem;
		color: var(--color-primary-dark);
	}
	.dct_contact_content_box{
		display: flex;
		position: relative;
		width: 13.24rem;
		height: 8.58rem;
		padding-right: 6.85rem;
		margin: 0 auto;
	}
	.dct_contact_content_left_item,.dct_contact_content_right_item{
		padding: 0.5rem 0.2rem;
		border-top: 0.01rem solid var(--color-border-primary);
		border-bottom: 0.01rem solid var(--color-border-primary);
	}
	.dct_contact_content_left_item p{
		line-height: 0.5rem;
		font-size: 0.24rem;
		color: var(--color-text-primary);
	}
	.dct_contact_content_right_item{
		display: flex;
		flex-wrap: wrap;
		border-top: 0;
		height: 5.58rem;
	}
	.dct_contact_content_left_img_box{
		margin-right: 0.2rem;
	}
	.dct_contact_content_right_item img{
		width: 1.24rem;
		height: 1.24rem;
	}
	.dct_contact_content_left_img_title{
		width: 1.24rem;
		height: 0.3rem;
		text-align: center;
		font-size: 0.18rem;
		color: var(--color-text-primary);
	}
	.dct_contact_content_left_img_label{
		width: 1.24rem;
		text-align: center;
		height: 0.3rem;
		font-size: 0.16rem;
		color: var(--color-text-primary);
	}
	.dct_contact_content_right{
		position: absolute;
		width: 6.55rem;
		height: 8.58rem;
		top: 0;
		right: 0;
	}
	/*底部内容*/
	.footer{
		width: 100%;
		margin-top: 1rem;
		background-color: var(--color-primary);
	}
	.footer_top{
		padding: 0.5rem 0 0.25rem 0;
		border-bottom: 0.01rem solid #b59fec;
	}
	.footer_top_box{
		display: flex;
		width: 14.85rem;
		margin: 0 auto;
		justify-content: space-between;
	}
	.footer_top_left{
		margin-top: 0.2rem;
		width: 3.15rem;
	}
	.footer_top_center{
		margin-top: 0.2rem;
	}
	.footer_top_text{
		line-height: 0.4rem;
		font-size: 0.22rem;
		color: var(--color-text-light);
	}
	.footer_top_right{
		display: flex;
	}
	.footer_top_right_code_box{
		width: 1.2rem;
		margin-right: 0.3rem;
	}
	.footer_top_right_code_img{
		width: 1.2rem;
		margin-right: 0.3rem;
	}
	.footer_top_right_code_img img{
		width: 100%;
	}
	.footer_top_right_code_text{
		width: 1.2rem;
		text-align: center;
		font-size: 0.16rem;
		margin-top: 0.1rem;
		color: var(--color-text-light);
	}
	.footer_bottom{
		text-align: center;
		height: 1rem;
		line-height: 1rem;
		font-size: 0.22rem;
		color: var(--color-text-light);
	}
	.footer_bottom a{
		margin-left: 0.2rem;
		font-size: 0.22rem;
		color: var(--color-text-light);
	}
	/*layui 样式*/
	#ID-flow-demo .layui-flow-more{
		width: 100%;
		margin: 0.3rem 0;
		text-align: center;
		color: #999;
		font-size: 0.24rem;
		clear: both;
	}
@media (max-width: 999px) {
}