.__flex {
	display: flex;
}

.text__center {
	text-align: center;
}

.__flex_column {
	flex-direction: column;
}

.font_18 {
	font-size: 18px !important;
}

.font_20 {
	font-size: 20px !important;
}

.font_weight {
	font-weight: bold;
}

.w_150 {
	width: 170px;
}

.p_t_0 {
	padding-top: 0px !important;
}
.p_t_3 {
	padding-top: 3px !important;
}

.p_t_10 {
	padding-top: 10px !important;
}

.p__b_5 {
	padding-bottom: 5px;
}

.p__b_13 {
	padding-bottom: 13px !important;
}

.p_l_10 {
	padding-left: 10px !important;
}

.m__b__30 {
	margin-bottom: -30px;
}

.m_t__5 {
	margin-top: -5px !important;
}

.m_t_10 {
	margin-top: 10px !important;
}

.m_t_20 {
	margin-top: 20px !important;
}

.m_l_10 {
	margin-left: 10px !important;
}

.p__0 {
	padding: 0;
}


#about-page {
	background: url('../images/about/background.webp');
	height: 620px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.card-box {
    height: 570px;
    width: 300px;
    border-radius: 10px;
	margin-right: 10px;
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.2);
	padding: 0;
	cursor: pointer;
}
.zixun-content {
	width: 700px;
}

/* hover */
.card-box:hover {
	background: #fff;
	border: none;
}
.zixun-content:hover {
	/* background: #fff; */
}
.card-box:hover .card-box-head {
	background: #0F1E47;
}
.card-box:hover .card-box-body-item {
	background: rgba(15, 30, 71, 0.03);
}
.card-box:hover .card-box-body-item h5 {
	color: #4E4E4E;
}
.card-box .card-box-body-item h5:hover {
	color: #3668F7;
}
.card-box:hover .card-box-body-item .yewu {
	background: url('../images/about/yewu-2.webp');
	background-size: cover;
}
.card-box:hover .card-box-body-item .zhuanxiang {
	background: url('../images/about/zhuanxiang-2.webp');
	background-size: cover;
}
.card-box:hover .card-box-body-item .jiaolian {
	background: url('../images/about/jiaolian-2.webp');
	background-size: cover;
}

/* 咨询能力模型 hover */
.card-box:hover .card-box-body-item .nengli-item-label > span {
	color: #666666;
}
.card-box:hover .card-box-body-item .nengli-item-label > span:hover {
	color: #518CFF;
}

.zixun-box {
	height: 345px;
    margin-bottom: 10px;
}

.gongju-box {
	height: 215px;
}

.card-box-head {
	display: flex;
    align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 20px 20px 0px 0px;
	backdrop-filter: blur(10px);
	padding: 10px 0;
	/* height: 92px; */
}

.card-box-head h4 {
	margin-left: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

.card-box-body-item {
	display: flex;
    align-items: center;
	justify-content: space-around;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	margin: 20px;
	padding: 10px 0;
}
.card-box-body-item:hover {
	background: #F7F8F9;
	box-shadow: 0px 0px 20px 0px rgba(15,30,71,0.2);
}

.zixun-nengli-box:hover {
	background: #F2F3F5 !important;
	box-shadow: none;
}

.gongju-body:hover {
	background: #FFFFFF;
	box-shadow: none;
	border: 1px solid #C0D2FF;
}

.zixun-content:hover .nengli-item1 {
	background: #F7F8F9;
}
.zixun-content:hover .nengli-item3 {
	background: #FFFFFF;
}

.nengli-item {
	border-radius: unset;
    margin: 0;
	padding: 18px 20px;
	justify-content: start;
}

.nengli-item1 {
	background: rgba(15, 30, 71, 0.03);
}

.nengli-item5 {
	padding-bottom: 25px;
    padding-top: 25px;
	border-radius: 10px 10px 20px 20px;
}

.nengli-item h5 {
	width: 100px;
}

.nengli-item-label {
	color: rgba(214, 216, 222, 1);
	margin-right: 10px;
	display: flex;
    align-items: center;
	width: 110px;
}

.nengli-item-label span {
	margin-left: 5px;
	font-size: 12px;
}

.nengli-item-label .chengshu {
	display: block;
    width: 90px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-left: 0px;
}

.card-box-body-item h5 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
}

.body-item-l {
	background: #DCE5FF;
    border-radius: 12px;
    backdrop-filter: blur(0px);
    width: 46px;
    height: 24px;
    text-align: center;
	margin-right: 5px;
	font-size: 12px;
}
.body-zixun3:hover,
.body-zixun3:focus {
	background: #B6CAFF;
	color: #1D42A7;
}
.body-zixun4:hover,
.body-zixun4:focus {
	background: #D2F5BD;
	color: #43801F;
}
.body-zixun5:hover,
.body-zixun5:focus {
	background: #CFCFFF;
	color: #3232C7;
}

.l-green {
	background: #E1F0D8;
}

.l-pueple {
	background: #DCDCFF;
}

.devops-body {
	margin: 20px;
    margin-top: 0px;
}

.gongju-body-item {
	background: #EDF2FF;
	border-radius: 16px;
	padding: 17px 0;
}

.gongju-body-item-img {
	margin: 0 auto;
}

/* 图片区 */

.yewu-zhenduan {
    height: 62px;
    width: 62px;
    border-radius: 50%;
}

/* 咨询策略 */
.zixun-celve {
	background: url('../images/about/zixun-celve.webp');
	background-size: cover;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.yewu {
	background: url('../images/about/yewu.webp');
	background-size: cover;
}

.zhuanxiang {
	background: url('../images/about/zhuanxiang.webp');
	background-size: cover;
}

.jiaolian {
	background: url('../images/about/jiaolian.webp');
	background-size: cover;
}


/* 咨询能力模型 */
.zixun-nengli {
	background: url('../images/about/zixun-nengli.webp');
	background-size: cover;
}

.duliang-fenxi {
    height: 15px;
    width: 15px;
}

.duliang-1 {
	background: url('../images/about/duliang-1.webp');
	background-size: cover;
}
.qiye-1 {
	background: url('../images/about/qiye-1.webp');
	background-size: cover;
}

.zuzhipeixun-2 {
	background: url('../images/about/zuzhipeixun-2.webp');
	background-size: cover;
}
.guochengzichan-2 {
	background: url('../images/about/guochengzichan-2.webp');
	background-size: cover;
}
.peizhi-2 {
	background: url('../images/about/peizhi-2.webp');
	background-size: cover;
}
.jixiao-2 {
	background: url('../images/about/jixiao-2.webp');
	background-size: cover;
}
.jiagou-2 {
	background: url('../images/about/jiagou-2.webp');
	background-size: cover;
}

.chixu-3 {
	background: url('../images/about/chixu-3.webp');
	background-size: cover;
}
.anquan-3 {
	background: url('../images/about/anquan-3.webp');
	background-size: cover;
}
.jishu-3 {
	background: url('../images/about/jishu-3.webp');
	background-size: cover;
}
.zidong-3 {
	background: url('../images/about/zidong-3.webp');
	background-size: cover;
}
.pingtai-3 {
	background: url('../images/about/pingtai-3.webp');
	background-size: cover;
}
.zhaiwu-3 {
	background: url('../images/about/zhaiwu-3.webp');
	background-size: cover;
}
.banben-3 {
	background: url('../images/about/banben-3.webp');
	background-size: cover;
}
.chixu-3 {
	background: url('../images/about/chixu-3.webp');
	background-size: cover;
}
.peizhi-3 {
	background: url('../images/about/peizhi-3.webp');
	background-size: cover;
}

.gys-4 {
	background: url('../images/about/gys-4.webp');
	background-size: cover;
}
.ys-4 {
	background: url('../images/about/ys-4.webp');
	background-size: cover;
}
.td-4 {
	background: url('../images/about/td-4.webp');
	background-size: cover;
}
.fx-4 {
	background: url('../images/about/fx-4.webp');
	background-size: cover;
}
.gs-4 {
	background: url('../images/about/gs-4.webp');
	background-size: cover;
}
.cs-4 {
	background: url('../images/about/cs-4.webp');
	background-size: cover;
}
.dd-4 {
	background: url('../images/about/dd-4.webp');
	background-size: cover;
}
.xm-4 {
	background: url('../images/about/xm-4.webp');
	background-size: cover;
}
.xq-4 {
	background: url('../images/about/xq-4.webp');
	background-size: cover;
}


/* 咨询方法论 */
.zixun-ffl {
	background: url('../images/about/zixun-ffl.webp');
	background-size: cover;
}

.jzl {
	background: url('../images/about/jzl.webp');
	background-size: cover;
}
.mjffl {
	background: url('../images/about/mjffl.webp');
	background-size: cover;
}
.devops {
	background: url('../images/about/devops.webp');
	background-size: cover;
}

.gzlgs {
	background: url('../images/about/gzlgs.webp');
	background-size: cover;
	height: 42px;
    width: 42px;
}
.tsgj {
	background: url('../images/about/toushi-gongju.webp');
	background-size: cover;
	height: 42px;
    width: 42px;
}



/* 咨询方法论 */
.jiazhi-box-item {
	flex-direction: column;
	width: 170px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.jiazhi-box-item1 {
	margin-left: 20px;
	margin-right: 10px;
}
.jiazhi-box-item2 {
	margin-left: 0px;
	margin-right: 20px;
}


.gongju-body {
	display: unset;
	padding: 0;
	flex-direction: column;
	width: 170px;
	margin-bottom: 20px;
}

.gongju-body1 {
	margin-right: 0px;
	padding-bottom: 10px;
}
.gongju-body2 {
	margin-left: 10px;
}

/* 咨询能力模型 点击效果 */
.zixun-nengli-body {
	position: relative;
}

.zixun-nengli-hover {
	display: none;
	position: absolute;
	top: 0;
	left: 100px;
	width: 120px;
	height: 516px;
	background: #EAECEF;
}

.zixun-nengli-hover2 {
	left: 220px;
}

.zixun-nengli-hover3 {
	left: 340px;
    width: 135px;
}

.zixun-nengli-hover4 {
	left: 470px;
}

.zixun-nengli-hover5 {
	left: 590px;
}

.zixun-nengli-body-item {
	display: block;
	text-align: center;
	background: #EAECEF;
}

.zixun-nengli-body-item .nengli-item-label {
	height: 37px;
}

.zixun-nengli-body-item .moxing-label {
	height: 22px;
	margin-bottom: 5px;
}

.zixun-nengli-body-item .moxing-title {
	color: #666666;
}

.zixun-nengli-body-item .chengshu {
	color: #3668F7;
	font-size: 22px;
    font-weight: bold;
	padding: 14px 15px;
}

.zixun-nengli-body-item:hover {
	background: #EAECEF;
    box-shadow: none;
}